僕(WEBデザイナー)がオススメする30くらいのExtensionとUserscript

Share

WEBデザインとかコーディングとか検品のお供に

Firebug Lite for Google Chrome™

ステキ度:★★★★★
いわずとしれたFirebug。chromeのデフォルトにもはいっているのですが使い慣れているFirebugが僕は好きです。画像のリンクにマウスをのせるとサムネイルを表示してくれる機能とか細かいところでFirebugのほうが優勢。使い方に関しては、FirefoxのFirebugだが下記リンクがオススメ。

Web Developer

ステキ度:★★★★★
開発に便利。ブラウザのウィンドウサイズを変更したり、javascriptやcssを切ったりして検証できます。

Color Pick

ステキ度:★★★★★
WEBサイト上のカラーをカラーコードで抽出してくれるExtension。

MeasureIt

ステキ度:★★★★☆
WEB用メジャー。ブラウザ上の幅(ピクセル)を計測できる。この幅どのくらいだろうって調べるときに使える。

Popup Image Alt Attribute

ステキ度:★★★★☆
画像にマウスをのせたときに、Altを表示してくれるExtension。

Chrome Sniffer

ステキ度:★★★★☆
Webサイトで用いられているフレームワークやJavaScriptライブラリを表示してくれるExtension。wordpressとかjoomlaといったCMSが使われているサイトもこのExtensionを入れていれば一目で確認できます。

参考サイトリンク

今見ているWebページでどんなCMSやJavascriptライブラリが使われているか検出するChrome拡張-Chrome Sniffer

BuiltWith Technology Profiler

ステキ度:★★★★☆
閲覧しているWEBサイトのサーバ情報や使われているjavascriptライブラリなど、より細かく確認したいときにはこのExtensionがおすすめ。

Page Speed Extensions Overview

ステキ度:★★★★☆
スピード検証しエラーチェックできるExtension。また、100点満点で採点・評価してくれる。

ブラウジングの日々をより豊かに

LastPass

ステキ度:★★★★★
ユーザIDやパスワードをオンラインで管理してくれるExtension。非常に便利。

AutoPager Chrome

ステキ度:★★★★★
例えばgoogleで検索したときに、次のページまたは2ページ目をクリックしなくても、自動でページ送りしてくれるExtension。スクロールしていくだけで次々とみれます。

Gestures for Chrome

ステキ度:★★★★★
マウスジェスチャー。「右クリックしながらマウスを左へスライドするとひとつ前へ戻る」「右クリックしながらマウスを右へスライドするとひとつ前へ進む」は有名ですね。独自カスタマイズとしてジェスチャーの割当も可能です。僕はMacで基本タッチパネル操作なのですが、マウスを使うときは「閉じる」や「閉じたタブを元に戻す」や「複製する」をよく使います。

Text URL Linker

ステキ度:★★★★★
リンクの貼られていない「http://ドメイン名/なんちゃら/」みたいなリンクのないテキストがあれば自動的にリンクをはってくれるExtension。新規タブを作成してアドレスをコピーしてアドレスバーに貼付けて…っていう手間が省けますね。

Bubble Translate

ステキ度:★★★★★
翻訳にはこれ。Extensionをインストール後、ctrl(設定で変更可)を押しながら文字を選択するとポップアップで翻訳してくれる。知らない英単語が出てきたときなどに便利。

Google Mail Checker

ステキ度:★★★★☆
Gmailでメール管理している人には超便利なExtension。未読メールを表示してくれたり、ポップアップで新着メールを知らせてくれたりします。

My Shortcuts

ステキ度:★★★★☆
googleのWEBサービスを一覧化したExtension。google信者にはたまらない。

情報収集とかソーシャル的なソレとか

Chrome Reader

ステキ度:★★★★★
googleのRSS Reader使ってる人必須のExtension。現在見ているWEBサイトにRSS配信があればワンクリックで登録できちゃう。グループ分けも追加の際にできちゃうだなんて…

Social Counter

ステキ度:★★★★★
FirefoxでいうところのSBMカウンター。設定で、「Web ページ内でのブックマーク数の表示」にチェックをいれておくと、googleで検索したときにブックマーク数が表示されるようになる。(はてなブックマークのExtensionをいれても出ますが、deliciousブックマーク数も並んで出るのが魅力的。)

タイトルやテキストなんかをコピーする際、リンク付きHTMLを生成できる。ブロガーには重宝。

Hatena Bookmark GoogleChrome extension

ステキ度:★★★★★
はてなーには必須のExtension。ブックマークもタグ付けもおすすめタグが出てくるので便利で簡単、とても使いやすいUI。

Clip to Evernote

ステキ度:★★★★★
Evernoteを活用して情報をストックしている人に必須。選択した箇所を画像を含めて部分的にEvernoteへ突っ込めるとかステキ。

参考サイトリンク

机の上も頭の中もスッキリ!?Evernoteの使い方みつけたよ! – vanillate

Screen Capture(by Google)

ステキ度:★★★★★
今見ているWEBサイトの画面をキャプチャしてくれるExtension。ステキなサイトのキャプチャを撮ってevernoteで管理すれば自分用ギャラリーが作れるのでおすすめ。

TweetDeck

ステキ度:★★★★★
twitterクライアント。複数のアカウントをまとめて表示させたりと使い勝手が良い。ちなみにiPHoneアプリでは「ついっぷる」を愛用。操作性の良さはもちろん複数アカウントを管理できるだけでなくbit.lyやevernote、Read it Laterといったサービスと連携できて非常に良い。

Chromed Bird

ステキ度:★★★★☆
こちらもTwitterクライアント。ショートURL生成サービスのbit.lyと連携でき、タイトルとURLをワンクリックで抽出できるので@NAGOCREのtwitterアカウント専用に使ってます。

PageRank

ステキ度:★★★★☆
Googleページランク。googleが独自の方法で各WEBサイトを数値で評価したもの。数字が高ければ高いほど信憑性の高く評価されているサイトだということがわかる、あくまでも目安ですが。

Create Link

ステキ度:★★★★☆
WEBサイトの気になった箇所を簡単にクリップして保存出来るExtension。Evernoteにネタをストックしている僕には必須のExtension。使い方は下記がわかりやすいです。

userscript関連

Firefoxにはgreasemonkeyというアドオンでuserscriptをインスコして自分仕様にカスタマイズできるのですが、chromeの場合はグリモンがなくてもいけます。以下、僕が使用しているuserscriptです。

Google Reader – Colorful List View for Greasemonkey

ステキ度:★★★★★
必須必須必須。Google Readerをカラー分けしてくれる。

gr-puls-hatena

ステキ度:★★★★★
必須必須超必須。google Readerにはてブ数をつけるスクリプト。

@troynt’s Twitter Script for Greasemonkey

ステキ度:★★★★☆
twitterの公式ページを補強するスクリプト。非公式RTとかつけたり。

その他、あればなにげに便利!

SimilarWeb

ステキ度:★★★★★
現在閲覧しているサイトに類似するサイトを自動検出してくれるExtension。

Unofficial Google Tasks

ステキ度:★★★★☆
GoogleカレンダーのTasks機能。僕はこれでTodo管理している。

2chRevival

ステキ度:★★★★☆
2ちゃんねる、BBSPINKのDAT落ちしたスレを簡単復活。

まとめ

Chrome熱がだいぶ加速してますね。Firefox4もリリースされて軽量化をはかった模様。より高速かつ使いやすくて拡張性の高いブラウザが生き残っていく時代。ブラウザ戦争は、これからもっと激化していくのか…?せめて、HTMLレンダリングエンジンを統一して欲しいとWEBデザイナーは願う。

Related Posts