WEBデザイナーが10年以上使っているGoogle Chromeのおすすめ拡張機能

Google Chromeの便利機能：拡張機能

Google Chromeでは拡張機能を追加することによって、カスタマイズが可能です。
拡張機能のページはGoogle Chromeのブラウザの右上にパズルの一片のような形をしたところにあります。

こちらのページから拡張機能を自分の使っているGoogle Chromeに追加することが出来ます。

chrome ウェブストア

WEBデザイナーのわたしが10年以上使っているGoogle Chromeの拡張機能

10年以上WEBデザイナーをしてきて、使えなくなったものがあったり新しいものが出て乗り換えたりといったこともありますが、現在おもに使っている拡張機能を紹介します。

定規ツール：Page Ruler Redux

サイト内のサイズを測るのに使うツールです。
部品ごとのサイズを測ることもでき、ブラウザ上で自由に線を引きその長さを調べることもできます。
cssをいじっていてあとちょっとだけ右なんだよな、っていうときにも便利です。

カラーピッカー：ColorZilla

サイト内の色を調べるのに使います。
ページ内のここの色が知りたいというときにとても便利です。

またツール内で色を調整することもできるので、拾った色を少しだけ色味を変えるといったこともできます。

マウスジェスチャー：crxMouse Chrome™ Gestures

これはわたしにとってはなくてはならない、ブラウザ内でマウス操作を管理できるツールです。
サイトを見ていて、タブを閉じる、新しいタブを開く、ページを更新する、右のタブに移る、などがマウスを「↑」「→」「→＋↑」などに振り分けることが出来ます。
いちいちブラウザの戻るボタンを押さなくてもほんの少しだけマウスを左にドラッグするだけでページを戻ることが出来るようになります。

高性能のマウスなら各ボタンに戻る・進む振り分けることが出来ますが、マウスジェスチャーを使えばボタンが2個だけのマウスでも十分ブラウザ操作が快適に直感的にできるようになります。

アナリティクス用：Google Analytics オプトアウト アドオン (by Google)

googleアナリティクスの検索結果に自分のサイト訪問足跡を残さないためのツール。
サイトの更新の際にページを何十回も更新して、サイト訪問者が増えた！と喜んでいる勘違いを私もしたことがあります。（はるか昔のこと）
難しい設定をしなくてもこれをブラウザにいれておけば正確なサイト訪問者の解析が出来るので導入必須です。

google検索用：SearchPreview

google・yahooの検索結果にプレビュ―の画像をだすためのツール。
これは検索をよくするときに便利です。
多少重たくなるのであまりお勧めはしませんが、検索結果のサイトを訪問しなくてもサイトのプレビューが表示されるので競合のサイトを検索するときなど多くの検索をするときに便利です。
ただしプレビューはリアルタイムではありません。

ウェブのスクリーンショット：FireShot

ブラウザ内のスクリーンショットを撮るツール。
ページの上から下までスクロールしてスクリーンショットを撮ったり、マウスで選択した範囲だけ、見える範囲だけとさまざまなスクリーンショットを撮ることができます。

まとめ

Google Chromeの便利な使い方の一部を紹介しました。
とくに拡張機能には便利な機能がたくさんあります。
上にあげた機能も似たようなものが何個もありますし、他に便利な機能もたくさんあります。
迷ったら、「ダウンロード数が多いもの」「★の数が多いもの」「googleが提供しているもの」で選ぶと良いでしょう。
他に良い機能があったら随時追加します。