Webデザイナーの私が愛してやまないGoogle Chrome拡張 2016年5月版

今日はWeb制作のお仕事をしていてとても役に立っているGoogle Chromeの拡張をいくつか紹介したいと思います。

ColorZilla

20160529_001

ColorZillaはブラウジングしているときに

「ここの色って何色かなー」

って調べたくなるときってありますよね。
そういう時に、PhotoshopやIllustratorのカラーピッカーのようにブラウザ上でスポイトツールが起動してカラーカードを調べたり、画面に表示してくれたりする拡張がColorZillaです。

EditThisCookie

20160529_002

EditThisCookieはGoogle Chromeに保存されているCookieを編集することができる拡張です。Google Chromeの設定ではすべてのCookieを一括して削除することができますが、このEditThisCookieを使うことで1つ1つ直接指定して削除することもできますし、特定のページを開いてこの拡張を使うと、ダイレクトにCookieを生成することも可能となっています。

Page Ruler

20160529_003

Page Rulerはドキュメント上で要素の大きさや位置を調べてくれる拡張です。
フリーハンドでかいた矩形の大きさや位置を調べてたり、指定した要素の大きさや位置を調べることもできます。

User-Agent Switcher for Chrome

20160529_004

User Agent Switcherはブラウザの環境変数である、User Agentを切り替えることのできる拡張です。
あらかじめ登録してるUser Agentを使用することもできますし、自分で新しいUser Agentのデータを登録して、それをつかって偽装することもできるようになっています。

WhatFont

20160529_005

WhatFontはドキュメント上の特定の要素で使用されているfont familyを表示してくれる拡張です。font familyだけでなく、font size やline heightまで表示してくれます。

はてなブックマーク GoogleChrome 拡張

20160529_006

はてなブックマーク GoogleChrome 拡張は、はてなブックマークのGoogle Chrome用の拡張です。
はてなブックマークに追加ボタンのついていないサイトでも、ボタンクリックで簡単にページをはてなブックマークに追加できるようになります。

IE Tab

20160529_007

IE TabはGoogle ChromeでIE動作確認ができる拡張です。
設定でIE7からIE11まで選択することができます。

Awesome Screenshot: キャプチャーと注釈

20160529_008

Awesome Screenshot: キャプチャーと注釈はホームページ全体を1つの画像として保存することができる拡張です。
画像として保存するだけでなく、簡単なお絵かきツールで図形や文字を書き込むことができます。

いかがだったでしょうか。
私がWeb制作するにあたり便利だな~と感じた拡張を紹介しました。
Google Chromeにはまだまだ便利な拡張がありますし、これからも出てくると思います。
これからも便利な拡張を発見したら、またブログで紹介したいと思います。
今日はこの辺で。

==========
ブログの更新情報をTwitterやfacebookで紹介しています。ぜひフォローお願いします!
Twitter → @jugedred
facebook → Jugedred Project

あわせて読みたい


この記事をかいた人

ドレッド Webクリエイター、ライター

Webクリエイター&ライター。フリーランス目指していろいろと活動中。このブログではWeb制作やライティングでお役に立ちそうは知識から、ドレッドの雑記的な内容まで幅広いネタを取り扱っています。ご質問、ご要望、お仕事のご依頼はお問い合わせフォームからどうぞ! 2016年10月から放送大学に入学しました。

便利ツール | Posted on 2016/05/29 10:20

※コメントは管理人の承認後に公開されます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です