どや!?Webデザイナーなら入れておきたい Google Chrome エクステンション

09 3月

  • このエントリーをはてなブックマークに追加

Webデザイナーなら入れておきたいChromeエクステンション

FirefoxからChromeに移行して約半年。
デザイナーなら必須とも思われるChromeの拡張機能を厳選してまとめました。

AutoPagerize AutoPagerize

「AutoPagerize」は、検索結果ページなどの複数ページにわたるWebページを、スクロールするだけで次々と表示できます。
たとえばGoogleの検索結果ページを表示し、画面下へスクロールすると、2ページ目が現在のページの下に続けて表示されるようになる仕組み。
対応するWebサイトは、検索結果ページだけでなく、複数のページ分けで構成されたニュースサイトや“ニコニコ動画”など、あらゆるWebページで利用できます。

Chromeエクステンション「AutoPagerize」

インストール
 

Chromed Bird Chromed Bird

新着ツイートの通知を行うほか、リプライ(返信)やダイレクトメッセージをタブで切り替えたり、旧式リツイートを行うことができます。その他、見ているサイトのURL短縮やリストの表示など、一通りの機能は揃っています。
色々使ってみましたが、コレが一番機能的で使いやすかったです。

Twitterを使いやすく! – Google Chromeエクステンション「Chromed Bird」

Google Chromeエクステンション「Chromed Bird」

インストール
 

Evernoteにクリップする Evernoteにクリップする

Evernoteの拡張機能を利用して、Web上で見つけたページを Evernoteアカウントに保存します。またノート内の検索も可能です。
Evernote でウェブページをクリップするとそのコンテンツが元ページへのリンクとともに保存されます。テキスト、画像、リンクなど、なんでも Evernote にクリップできますよ。

Google Chromeエクステンション「Evernoteにクリップする」

インストール
 

Firebug Lite for Google Chrome Firebug Lite for Google Chrome

Chromeには標準でデベロッパーツールと、スクリプトコンソールが揃っていて、Firebugと同じようなデバッグはこれで一通りできるようになっています。これはこれで良いのですが、使い慣れたFirebugが使いたいなぁということもあるかと思います。
そんな希望を叶えてくれるのが Firebug Lite for Google Chrome です。

Google Chromeエクステンション「Firebug Lite for Google Chrom」

インストール
 

Google Account Switcher Google Account Switcher

Google Account SwitcherはGoogle Chrome用のフリーウェア。
Gmailはスパムフィルターを含めて相当便利であるために、目的に応じて複数アカウントを使いこなす方も少なくありません。そして切り替える際には都度ログアウトしてから実行する必要があります。
そんな手間をかけるのが嫌であれば、Google Account Switcherを使ってみましょう。
複数のGoogleアカウントをお持ちの方には必須です!

Google Chromeエクステンション「Google Account Switcher」

インストール
 

Google Translat Google Translat

表示されているページを一瞬で翻訳してくれる拡張機能。
Chromeで自動翻訳することもできますが、ある程度英語が含まれていると日本語サイトでも勝手に翻訳されてしまうので、若干不便な部分があります。そこで、この拡張機能を使うと手動で翻訳することができます。何気に重宝しますよ。

Google Chromeエクステンション「Google Translat」

インストール
 

Lightshot (screenshot tool) Lightshot (screenshot tool)

画面キャプチャーに便利な拡張機能①。
ボタンをクリックしたあと、キャプチャーしたい部分を範囲選択することで素早く保存することができます。このエクステンションの最大の特徴は、オンライン編集できることです。フォトショップのように簡単に加工することができるので、ソフトを持っていない方にはオススメです。動作も予想以上にサクサクですよ。

Ctrl + C:クリップボードに保存
Ctrl + S:マイドキュメントへ保存
Ctrl + E:オンライン編集ソフトで開く
Ctrl + D:オンライン編集ソフトにアップロード
Ctrl + F:フルスクリーンで表示
Ctrl + X:閉じる(キャンセル)

画面キャプチャを素早く保存・編集できるChrome拡張「Lightshot」

インストール
 

Screen Capture (by Google) Screen Capture (by Google)

画面キャプチャーに便利な拡張機能②。
Lightshot (screenshot tool)とは別の機能を持っており、2つ揃えば鬼に金棒です。
範囲指定キャプチャーはもちろんのこと、表示画面キャプチャーやページスクロールキャプチャーまで可能。

WEBページのスクロールキャプチャーがカンタンかつ多機能なChrome拡張「Screen Capture」

Google Chromeエクステンション「Screen Capture (by Google)」

インストール
 

MeasureIt MeasureIt

マウスのドラック&ドロップで、指定した範囲の縦横の長さをピクセル単位で表示するエクステンション。幅や高さを調べたいなぁなんて時に、大活躍してくれる拡張機能です。

Google Chromeエクステンション「MeasureIt」

インストール
 

Color Pick Color Pick

表示されているwebサイトの色を選択して、16進数のカラーコードを抽出する事ができます。

Google Chromeエクステンション「Color Pick」

インストール
 

Smooth Gestures Smooth Gestures

「設定画面を開く」などのかなり細かい操作をマウスジェスチャに割り当てられるほか、登録したジェスチャの設定をほかのマシンのChromeと共有できるといった独自の機能を搭載。設定項目も従来のマウスジェスチャ拡張より多彩で、より自分に合った操作体系にカスタマイズできるようになっています。

Chome用マウスジェスチャ拡張の決定版「Smooth Gestures」

Google Chromeエクステンション「Smooth Gestures」

インストール
 

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

はてなブックマークを GoogleChrome でより便利に使える、はてなオフィシャルの拡張です。閲覧中のサイトのはてブ登録数がボタン上に表示されているので、人気の記事が一目でわかります。気に入った記事もその場で簡単にブックマークすることができ、はてブユーザーには必須機能!

インストール
 

英辞郎 on the WEB (by SPACE ALC) 英辞郎 on the WEB (by SPACE ALC)

アルクのウェブサイト「SPACE ALC」にて公開しているオンライン英和・和英データベース「英辞郎 on the WEB」を、その場で便利に検索できる拡張機能です。有料版「英辞郎 on the WEB Pro」にも対応。
単語をすぐに英訳したい時は、すばやく調べることが可能です。
また、変化形検索やダブルクリック検索(ウェブサイト上のテキスト内の単語をダブルクリックで語句の検索可能)、さらに検索履歴もとってくれる優れもの。

インストール
 

まとめ

私がメインに使っている拡張機能をご紹介いたしました。
最低限、これだけインストールすれば仕事の効率化もできるのではないでしょうか。
一度インストールしてみて、気に入ったら使ってみてくださいませ。

最後に1点だけ。エクステンションは便利ですが、拡張しすぎると逆に使いこなせなかったり迷ってしまうので注意。必要最低限のものにしておいたほうが良いかなぁなんて思います。

コメントを残す

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


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img localsrc="" alt="">

トラックバックURL

この記事のトラックバック URL