プログラマーと開発者のための15の最高のChrome拡張機能

1。セッションバディ

Chromeには、カスタムユーザープロファイルと呼ばれるすばらしい機能があり、ブックマーク、設定、タブ、履歴などの個別のセットを作成できます。まだ設定していない場合は、プログラミング専用に設定する必要があります。

しかし、Session Buddyはそれをさらに一歩進めて、特定の「タブセッション」を保存し、それらを自由に切り替えることができるようにします。これは、複数のプロジェクトで作業しているときに便利です。

2。 Chrome用iMacros

iMacrosは、繰り返しの作業を自動化できる拡張機能です。特定のアクション（マウスクリックやキー押下など）を「記録」し、それらをマクロとして保存して、必要なときにいつでもシングルクリックで実行できます。フォームへの入力や変更のテストなどの時間を大幅に節約できます。Chrome以外のマクロの場合は、AutoHotkeyスクリプトをお勧めします。

3。 Webタイマー

Webタイマーは、さまざまなWebサイトで費やした（または無駄にした）時間を追跡します。これは、先延ばしになる傾向を抑えるのに役立ちます。 Chromeにフォーカスがある場合にのみ追跡し、アイドル状態になったときに追跡を停止するのに十分スマートです。

より高度なタイムトラッカーが必要な場合は、クロスプラットフォームのTogglを強くお勧めします。

4。素晴らしいスクリーンショット

素晴らしいスクリーンショットは、スクリーンショットを取得したり、画面のビデオを録画したり、スナップした画像に注釈を付けたりぼかしたり、ワンクリックで他の人とスクリーンショットを共有したりするためのオールインワン拡張機能です。優れた機能の1つは、ウェブページ全体のスクリーンショットを撮る機能です。 そしてそれを1つの巨大な画像としてつなぎ合わせます。 Chromeの外部でも機能するソリューションについては、スクリーンショットを作成するためのこれらの最適なツールを確認してください。

5。マーモセット

Marmosetは、コードの3Dスクリーンショットを作成するための楽しい小さなツールです。画像をスナップすると、3Dで回転、傾斜、拡大縮小できるため、スニペットを共有したいときにさらに面白くなります。また、コードベースのストック画像を作成したり、プロジェクトのホームページでソースコードを確認したりする場合にも役立ちます。

Web開発拡張機能

6。 Web開発者

Web開発を支援するためにインストールする拡張機能が1つある場合は、それをこれにします。 Web Developerには、JavaScriptとプラグインのワンクリック切り替え、レスポンシブデザインをテストするためのウィンドウのサイズ変更、画像のテストとデバッグなど、いくつかの便利な機能が満載です。

7。ユーザーエージェントスイッチャー

Chromeウェブストアにある多くの「ユーザーエージェントスイッチャー」拡張機能の中で、これが最適です。それはまだ更新中であり、リンクを乗っ取ることはなく、いくつかのデフォルトのユーザーエージェント文字列が付属していますが、カスタムユーザーエージェント文字列を作成することもできます。確実に機能するのは、この種の唯一の拡張機能です。

8。ワッパライザー

特定のサイトにどのような種類のWebテクノロジーが使用されているかを知りたい場合は、Wappalyzerがシングルクリックで通知します。 CMS（WordPressなど）、Webフレームワーク（Reactなど）、ツールとユーティリティ（Google Analyticsなど）、eコマースプラットフォーム（Shopifyなど）などを検出するのに十分な機能を備えています。

9。 IEタブ

2018年2月の時点で、デスクトップユーザーの13％以上がまだInternet Explorerを使用しています。これは、IEが最新のWeb標準に準拠しているとは言えないため残念です。そのため、新しいタブでIEをエミュレートし、さまざまなバージョン（IE6、IE7、IE8、IE9、およびActiveXコントロール）でWebサイトをテストできるIEタブが必要です。古くても、すべてのブラウザと互換性のあるWebサイトが必要な場合に非常に便利です。

10。 Click＆Clean

Webサイトを開発するとき、新しい変更をロードしていることを確認するためにブラウジングデータを絶えずクリアすることほど厄介なことはほとんどありません。 Click＆Cleanを使用すると、処理が高速になるだけでなく、クリーンアップできるものをより細かく制御できます（たとえば、データベースやプラグインデータの削除、特定のサイトのCookieの保持など）。

11。ワットフォント

WhatFontは、Web上のフォントを識別するための最速の方法です。要素を右クリックし、[要素の検査]を選択してから、スタイルシートを調べてそれが何であるかを確認するのは1つのことです。 WhatFontを使用すると、要素にカーソルを合わせるだけでフォントが何であるかを確認できるだけでなく、そのフォントがどのように提供されるか（Google Fonts、TypeKitなど）もわかります。

12。 ColorPickスポイト

ColorPickスポイトは、ズームインして、任意のWebページ上の任意のピクセルの正確なカラーコードを取得できるツールです。カラーコードは、16進数、RGB、およびHSLで使用できます。非常に便利で、要素を調べてスタイルシートで使用されている色を確認したり、画像をダウンロードして画像エディタで色を選択したりするよりもはるかに高速です。

13。 Lorem Ipsum Generator

Webサイトを開発するとき、最終的にはダミーのテキストが必要になります。 Lorem ipsumジェネレーターはWeb上に豊富にありますが、Lorem Ipsumジェネレーターは、現在のタブ内でいつでもすぐに利用できます。高速で、必要な段落数と段落あたりの文数をカスタマイズできます。

14。リンクを確認

Web開発プロジェクトの最後に、すべてのコアページで最終パスを実行して、すべてのリンクが機能していることを確認する必要があります。 Check My Linksを使用すると、そのプロセスが可能な限り簡単になります。ボタンをクリックするだけで、現在のページのすべてのリンクがスキャンされ、壊れているか機能しているかに応じて各リンクが強調表示されます。

15。寸法

ディメンションは、Web開発というよりも、Webデザイン用のツールですが、2つは重複する傾向があるため、この拡張機能を使用することをお勧めします。つまり、テキスト、画像、ビデオ、フォームフィールドなどの2つのWeb要素間の距離を即座に測定します。また、マウスカーソルからサポートされているWeb要素までの距離を測定することもできます。