\r\n\r\n
Chromeを使わないプログラマーは、少数派でしょう。
Googleがウェブの方向性に大きな影響を及ぼしていること、開発のイライラを軽減する機能が組み込まれていること、拡張機能が多数用意されていることなど、プログラミングにこのブラウザを選ぶ理由はたくさんあります。
この最後のポイントが重要です。2018年2月現在、デスクトップではChromeが60%以上のシェアを占めており、多くの拡張機能クリエイターがまずChromeに力を入れるのも頷けます。とはいえ、もしあなたが何らかの開発者、特にWeb開発者であるなら、使うべき最高のChrome拡張機能を紹介します。
Chromeにはカスタムユーザープロファイルという素晴らしい機能があり、ブックマーク、設定、タブ、履歴などを別々に作成することができます。まだ持っていない人は、プログラミング専用に設定したほうがいいでしょう。
しかし、Session Buddyはさらに一歩進んで、特定の「タブセッション」を保存し、自由に切り替えることができるので、複数のプロジェクトで作業しているときに非常に便利です。
ダウンロード:セッションパートナー
iMacrosは、繰り返しの作業を自動化することができる拡張機能です。特定の動作(マウスクリックやキーストロークなど)を「記録」してマクロとして保存し、必要なときにワンクリックで実行することができます。これにより、フォームへの記入やテスト変更などの時間を大幅に短縮することができます。Chrome以外のマクロは、自動ホットキースクリプトの利用をお勧めします。
ダウンロード:iMacros for Chrome
Webタイマーは、さまざまなWebサイトに費やした(あるいは浪費した)時間を記録し、先延ばしにしがちな傾向を抑制するのに役立ちます。Chromeにフォーカスが合っているときだけトラッキングし、アイドル時にはトラッキングを停止する賢さも備えています。
ダウンロード:Web Timer
より高度なタイムトラッカーが必要な場合は、クロスプラットフォームなTogglを強くお勧めします。
Awesome Screenshotは、スクリーンショットのキャプチャ、スクリーンビデオの録画、撮影した画像に注釈を付けたりぼかしたり、ワンクリックでスクリーンショットを他の人と共有できるオールインワンの拡張機能です。ウェブページ全体のスクリーンショットを撮影し、1つの巨大な画像としてつなぎ合わせることができるのも嬉しい機能です。Chrome以外でも使えるソリューションとして、スクリーンショットを作成するための最適なツールをご紹介します。
ダウンロード: すごいスクリーンショット
Marmosetは、コードの3Dスクリーンショットを作成するための楽しい小さなツールです。一度撮影した画像は、回転、チルト、3Dズームができるので、クリップを共有したいときに、より面白くすることができます。また、コードベースのストックイメージを作成する際や、プロジェクトのホームページでソースコードを閲覧する際にも有効です。
ダウンロード:マーモセット
ウェブ開発に役立つ拡張機能がインストールされているなら、それを使ってみましょう。webdeveloperは、JavaScriptやプラグインのワンクリック切り替え、レスポンシブデザインをテストするためのウィンドウサイズ変更、画像のテストとデバッグなど、便利な機能を多数提供しています。
ダウンロード:ウェブデベロッパー
Chromeウェブストアにある数多くの「User Agent Switcher」拡張機能の中でも、これは最も優れたものの一つです。現在も更新中で、リンクを乗っ取ることもなく、デフォルトのユーザーエージェント文字列が多数付属しており、また、ユーザーエージェント文字列をカスタムで作成することも可能です。この種の拡張機能で、確実に動作するのはこれだけです。
ダウンロード:ユーザーエージェントスイッチャー
あるWebサイトがどのようなWeb技術によって支えられているかを知りたい場合、Wappalyzerはワンクリックで簡単に教えてくれます。cmse(WordPressなど)、Webフレームワーク(Reactなど)、ツールやユーティリティ(Google Analyticsなど)、eコマースプラットフォーム(Shopifyなど)などをスマートに検出します。
ダウンロード:ワッパライザー
2018年2月現在、デスクトップユーザーの13%以上がまだInternet Explorerを使用していますが、これはIEが現代のWeb標準に準拠しているとは言い難いからです。そのため、IE6、IE7、IE8、IE9、そしてActiveXコントロールといった異なるバージョンのウェブサイトをテストすることができる新しいタブでIEをエミュレートするietabが必要なのです。どんなに古いブラウザでも互換性を確保する必要がある場合に、非常に便利です。
ダウンロード:IEタブ
ウェブサイトを開発する際、新しい変更を確実に読み込むために常に閲覧データをクリアすることほど煩わしいことはありません。click&Cleanはこれを高速化するだけでなく、クリーニングできる内容(データベースやプラグインのデータの削除、特定のサイトのクッキーの保持など)をより詳細に制御することが可能です。
ダウンロード:クリック&クリア
WhatFontは、ウェブ上のフォントを識別する最速の方法です。要素を右クリックして、Inspect要素を選択し、スタイルシートを見れば、それが何であるかがわかります。WhatFontでは、要素にカーソルを合わせることでフォントがわかるだけでなく、そのフォントがどのように使われているか(Google Fonts、TypeKitなど)も知ることができます。
ダウンロード:WhatFont
ColorPickスポイトは、Webページ上の任意のピクセルにズームインして正確なカラーコードを取得できるツールです。カラーコードは16進数、RGB、HSLに対応しています。スタイルシートでどんな色が使われているか、要素をチェックしたり、画像をダウンロードしてイメージエディターで色を選択するよりもずっと速く、とても便利です。
ダウンロード:ColorPick ドロッパー
ウェブサイトを開発する際、いずれはダミーテキストが必要になります。ウェブ上では、Lorem ipsum ジェネレーターが非常に豊富ですが、現在のタブでいつでもすぐに利用することが可能です。高速で、段落数や段落ごとの文章数をカスタマイズできます。
ダウンロード:Lorem Ipsum Generator
ウェブ開発プロジェクトの最後には、すべてのコアページの最終チェックを行い、すべてのリンクが正しく機能していることを確認する必要があります。チェック・マイ・リンクは、このプロセスを可能な限り簡単にします。ボタンをクリックするだけで、現在のページ上のすべてのリンクをスキャンし、それが壊れているかどうかに基づいて、各リンクを強調表示します。
ダウンロード:マイリンク集を見る
Dimensionsは、Web開発よりもWebデザインのためのツールですが、この2つは重なることが多いので、この拡張機能を利用するのもよいでしょう。つまり、テキスト、画像、動画、フォームフィールドなど、あらゆる2つのウェブ要素間の距離を瞬時に測定することができるのです。また、マウスカーソルから対応する任意のWeb要素までの距離を測定することができます。
ダウンロード:寸法図
上記で紹介した以外にも、Chromeを使う開発者としてはイライラしてしまうこれらのTab Manager ChromeエクステンションとBusiness Productivity Chromeエクステンションは非常におすすめです。
セキュリティからエンターテインメントまで、ショッピングから一般的な生産性向上まで、あらゆる分野をカバーする最高のChrome拡張機能のセレクションもぜひご覧ください。