Google Chromeは、Wikipediaのページ Webブラウザの使用率シェアによると、世界人口の60％以上が使用しているそうです。
Google Chromeを使用している人が大多数なので、Web開発者は自分のWebアプリケーションがgoogle chromeで問題なく動作することを確認する必要があります。 以下は、自分の生産性とWebアプリケーションのパフォーマンスを向上させるために必要な、最優先のChrome拡張機能10個のリストです。
- Web developer
- Hackertab.dev
- ColorZilla
- Wappalyzer – Technology profiler
- Check My Links
- EditThisCookie
- Grepper
- Dark Reader
- Clear Cache
- Full Page Screen Capture
1. Web developer
Web Developer拡張機能は、画像、スクリプト、スタイルファイルのサイズを変更したり無効にしたり、CSS や HTML ファイルを検証するためのさまざまなツールを提供します。これらは、ウェブ開発者が毎日行う主要な操作の一部です。
Web developer Chrome Extension
2. Hackertab.dev
あなたの新しいタブページは、開発者業界で起きている最新の出来事でいっぱいにすることができます。Hackertab.dev拡張機能はそれを定義しています。もしあなたが、参加する開発イベントやミーティング中に多数の目的のために複数のタブを開くのが面倒なら、これをあなたの新しい友達にしてください。
これは、すべての開発者のプロフィールから最高のツール、ニュース、仕事、イベントに至るまで、非常に多様な情報をあなたの新しいChromeタブに置き換えます。
特徴
毎日更新されるコンテンツ
Hackertab.devは、毎日新しいことが起こっており、あなたは毎日新鮮な情報を得ることができるようにします。
興味関心でパーソナライズ
情報を取得したいトピックを簡単に変更することができます。特定の言語について、表示するカードについて、コンパクトモードで表示する、など。
信頼できるデータプロバイダー
Github, Hackernews, DEV Community, Stackoverflow などの人気サイトからコンテンツを取得します。
オープンソース
Githubのレポに全コードが公開されており、あなたも貢献できます。
Hackertab.dev Chrome Extension
3. ColorZilla
ColorZillaを使用すると、ブラウザの任意の位置から色を読み取ることができます。
また、ライブサイトで簡単に色を変更し、見た目を評価することができます。
4. Wappalyzer – Technology profiler
Wappalyzerは、Webサイトが何を使って構築されているかを示す技術プロファイラーです。
CMSはもちろん、フレームワーク、ECプラットフォーム、JavaScriptライブラリなど、Webサイトが使用しているさまざまな技術を確認することができます。
Wappalyzerをインストールして、今見ているWebサイトで使われている技術を調べてみましょう。
5. Check My Links
Check My Linksは、あなたのウェブページを這い回り、リンク切れを探してくれるリンクチェッカーです。
ウェブページ上のすべてのリンクをすばやく検出し、ひとつひとつチェックします。
また、有効なリンクとリンク切れをハイライト表示します。
Check My Links Chrome Extension
6. EditThisCookie
これはGoogle Chromeのための最高のクッキーマネージャの1つです。すべてのウェブ開発者は、Cookieを扱うためにこれを持つべきです。
この拡張機能を使うと、クッキーを追加、削除、編集、検索、ブロック、保護することができます。
EditThisCookie Chrome Extension
7. Grepper
Grepperは、StackoverflowコミュニティとGoogleの力をひとつにした、開発者にとって不可欠な拡張機能です。
ソフトウェア開発者の脳のための究極のRAMアップグレードです。ウェブ上からコードサンプルを簡単にスナップし、考えることなくコードサンプルにアクセスできます。
特徴
コード回答へのアクセスも簡単
よくあるコードの答えを簡単にGoogle検索でわかる。
コードの答えを保存
気に入った解決策があれば、いつでも保存しておくことができます。
地域社会への貢献
検索クエリの答えを知っている場合、あなたのコードを簡単にコントリビューションとして追加することができます。
コードを評価する
検索した質問に対して、複数の回答が表示されることがあります。その場合、どちらかの回答が良いと思えば、その回答に従って評価することができます。
8. Dark Reader
この拡張機能を使うと、ブラウジングの際の視力の負担を減らすことができます。
夜間や日常的なブラウジングにはダークテーマを使用することで、目を保護することができます。
明るさ、コントラスト、セピアフィルター、ダークモード、フォント設定、無視リストを自由に調整することができます。
9. Clear Cache
ウェブ開発者にとって、ブラウザのキャッシュをクリアすることは常に余分な作業です。拡張機能Clear Cacheは、ワンクリックでキャッシュをクリアするのに最適な拡張機能の一つです。オプションタブでクリアするデータ量をカスタマイズすることができます。
10. Full Page Screen Capture
ウェブ開発者として、私たちは常に自分の仕事のスナップショットを撮り、それをチームのリーダーやマネージャに送って承認してもらう必要があります。この拡張機能は、このスクリーンショットを撮るプロセスをより簡単にします。この拡張機能を使って、現在あなたが開発中のページの正確なスクリーンショットを取得することができます。
Full page Screen Capture Chrome Extension
まとめ
これらのChrome拡張機能が、あなたの毎日の生産性を高めるために役立つと信じます。
このリスト以外にも、あなたのウェブ開発経験をよりエキサイティングにするための拡張機能がたくさんあります。