<p class="thumb"><img src="http://web-marketing.zako.org/images/2009/12/best-chrome-extensions.jpg" alt="厳選Google Chrome 拡張機能 まとめ" title="厳選Google Chrome 拡張機能 まとめ" width="514" height="204" class="alignleft size-full wp-image-11439" /></p>
<p>いろいろとGoogle Chrome拡張機能を試していたら、入れすぎたらしく、壊れてすべてリセットされるアクシデントに見舞われましたｗ</p>
<p>おまけにChrome テーマまで綺麗にデフォルトへ戻してくれるとは、、、ともかく入れすぎは注意なので、厳選したものだけをご紹介します。</p>
<p><a href="http://web-marketing.zako.org/tag/google-chrome-%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD">→ 新着のおすすめChrome拡張機能はこちらです。</a></p>
<!--more-->
<h3 class='header-label'>厳選Google Chrome 拡張機能 まとめ 【永久保存版】</h3>
<p>今回のコンセプトは、</p>
	<ol>
<li>複数機能をひとつにまとめられるものを優先</li>
	<li>ボタンはなるべく少なく済ませる</li></ol>
<p>といったものです。大事なことなので繰り返し言いますが、何せ入れすぎると壊れるから。。。</p>
<p>また、あまりにも不安定すぎて、使いものにならないと判断したものも、ここではご紹介していません。万一不安定なものがあった場合は、コメントでお知らせいただけると幸いです。</p>
<p><del datetime="2010-01-27T16:00:06+00:00">Chrome拡張機能をご利用いただくには、Dev版というGoogle Chromeのベータ版をインストールする必要があります。インストール方法は、Dev版Chrome インストール方法をご覧下さい。</del>カスタマイズなしでも拡張機能やブックマークの同期を利用出来るようになりました。（リリース記事：<a class='google' href="http://googlejapan.blogspot.com/2010/01/google-chrome-40-web.html" onclick="window.open('http://googlejapan.blogspot.com/2010/01/google-chrome-40-web.html'); return false;">Google Chrome 4.0 による拡張およびブックマーク同期機能、最新 Web 標準機能の提供</a>）</p>
<h4 class='tips'>最新の更新</h4>
<p>2013/06/11：リンク切れの修正、及びGmailの拡張機能を追加。</p>

<h4 id='index' class='tips'>目次</h4>
<ul>
<li><a href="#a">Google サービス系拡張機能</a></li><li><a href="#b">WEBサービスと連携する拡張機能</a></li><li><a href="#c">デザイナーお役立ち系 拡張機能</a></li><li><a href="#d">ソーシャルサービス系 拡張機能</a></li><li><a href="#e">エラーが起こるので気を付けたいもの</a></li><li><a href="/web-tools/best-google-chrome-extensions.html/2/#f">索引</a></li>
<li><a href="http://web-marketing.zako.org/hacks/google-chrome/best-google-chrome-extensions-for-browser.html#index">ブラウザカスタマイズ系</a>（別ページへ移動します。）</li>
<li><a href="http://web-marketing.zako.org/hacks/google-chrome/google-chrome-extensions-for-webmaster.html#index">WEB担当者お役立ち系</a>（別ページへ移動します。）</li>
</ul>
<p><img alt="" src="http://web-marketing.zako.org/js/scroll/up.png" title="目次へ戻る" class="alignnone" width="100" height="20" /><br />↑目次へ戻りたい場合は、画面右下にある「目次へ戻る」ボタンを押してください。</p>


<h4 class="tips" id="a">Google サービス系拡張機能</h4><p>ここではGoogle サービス系拡張機能をご紹介します。</p><dl class="head-line"><dt id="1">Google カレンダー チェッカー</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Google-Calendar-Checker.png" alt="Google カレンダー チェッカー" title="Google カレンダー チェッカー" width="400" height="330" class="alignleft size-full wp-image-11447" /><br />↑予定までの残り時間、日数を表示。マウスオーバーで次の予定を表示します。</p>

<p class="desc"><a href="https://chrome.google.com/webstore/detail/checker-plus-for-google-c/hkhggnncdpfibdhinjiegagmopldibha" target="_blank">Google Calendar Checker インストールページ</a></p></dd></dl><dl class="head-line"><dt id="2">Google カレンダーに細かい設定機能をつける</dt><dd><p><img src="http://web-marketing.zako.org/images/2011/02/Minimalist-for-Gcal.png" alt="Minimalist for Google Calendar" title="Minimalist-for-Gcal" width="399" height="270" class="aligncenter size-full wp-image-17409" /><br />Googleカレンダーのメニューなどを細かく表示、非表示設定することなどができる拡張機能。</p>

<p>ただし、競合によって「Checker Plus Lite for Google Calendar」のカレンダープレビュー機能が使えなくなるのでご注意を。</p>

<p class="desc"><a class='web-site-link' href="https://chrome.google.com/extensions/detail/mgljgiacemcbnibkkmbolnljeffaadna#" target="_blank">Minimalist for Google Calendar インストールページ</a></p></dd></dl><dl class="head-line"><dt id="3">Better Gmail</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Better-Gmail-ex.png" alt="Better Gmail" title="Better Gmail" width="400" height="206" class="alignleft size-full wp-image-11614" /><br />↑Gmailを便利にしてくれるあのBetter GmailがGoogle Chrome拡張機能にも登場。添付ファイルのアイコン化や、広告の排除、ハイライト表示やチャットの非表示など至れり尽くせり。</p>

<p class="desc">Better Gmail インストールページ</p></dd></dl><dl class="head-line"><dt id="4">Gmailをすっきりさせる</dt><dd><p><img src="http://web-marketing.zako.org/images/2010/02/Minimalist-for-Gmail.png" alt="Minimalist for Gmail" title="Minimalist for Gmail" width="400" height="274" class="aligncenter size-full wp-image-17239" /><br />↑Firefoxで人気のあったGmailをすっきりさせるアドオンがChrome拡張機能にも登場。</p>

<p class="desc"><a class='web-site-link' href="https://chrome.google.com/webstore/detail/minimalist-for-everything/bmihblnpomgpjkfddepdpdafhhepdbek" target="_blank">Minimalist for Gmail インストールページ</a></p></dd></dl><dl class="head-line"><dt id="5">もうGmailなんて開かない！？</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Google-Mail-Checker-Plus2.png" alt="Google Apps アカウントとの切り替えも可能" title="Google Apps アカウントとの切り替えも可能" width="400" height="84" class="alignleft size-full wp-image-11674" /><br />↑Google Apps のドメインを設定しておけば、Google Apps アカウントでも、すぐさま受信トレイを開くことができます。</p>
<p><img src="http://web-marketing.zako.org/images/2009/12/Google-Mail-Checker-Plus3.png" alt="Gmail アイコンの変更なども可能" title="Gmail アイコンの変更なども可能" width="400" height="392" class="alignleft size-full wp-image-11675" /><br />↑ボタンの種類を変更することもでき、接続方法や、表示するメールの範囲も決められます。受信メールをプレビューで閲覧するには、「Preview window setting:」を「Always on」にします。</p>

<p class="desc"><a href="https://chrome.google.com/webstore/detail/checker-plus-for-gmail/oeopbcgkkoapgobdbedcemjljbihmemj" target="_blank">Google Mail Checker Plus インストールページ</a></p></dd></dl><dl class="head-line"><dt id="6">「Gmail で送る」ボタン</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Send-from-Gmail.png" alt="Send from Gmail" title="Send from Gmail" width="400" height="213" class="alignleft size-full wp-image-11499" /><br />↑見ているページのタイトル、リンクを記述した状態で、Gmailの新規メール作成ページを開きます。</p>

<p class="desc"><a href="https://chrome.google.com/extensions/detail/pgphcomnlaojlmmcjmiddhdapjpbgeoc" target="_blank">Send from Gmail インストールページ</a></p></dd></dl><dl class="head-line"><dt id="7">GmailからAndroid携帯の番号を使ってSMSを送受信</dt><dd><p class="thumb"><img alt="Gtext From MightyText" width="510" height="331" class="none" src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/06/mightytext.png"></p>
<p>パソコンのGmailからSMSを送受信できるようにする。</p>
<p class="desc"><a href="/hacks/google-chrome/gtext-from-mightytext.html" target="_blank">GText from MightyTextの詳細</a></p></dd></dl><dl class="head-line"><dt id="8">メールを必要なときに受信トレイへ戻す</dt><dd><p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/03/mailfred.png" alt="mailfred" width="510" height="329" class="none"></p>
<p>受信トレイにあるメールを、指定したタイミングで受信トレイへ戻したりスターをつけたりできる。</p>
<p class="desc"><a href="http://web-marketing.zako.org/hacks/google-chrome/clean-gmail-inbox.html" target="_blank">MailFredの詳細</a></p></dd></dl><dl class="head-line"><dt id="9">オンライン上のファイルをGmailに添付</dt><dd><p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/02/cloudy-gmail.png" alt="cloudy-gmail" width="510" height="346" class="none"></p>
<p>DropboxやEvernoteなどにあるファイルを簡単にGmailへ添付できるようにするもの。</p>
<p class="desc"><a href="http://web-marketing.zako.org/hacks/google-chrome/cloudy-for-gmail.html" target="_blank">Cloudy for Gmailの詳細</a></p></dd></dl><dl class="head-line"><dt id="14">Google アプリ ショートカット シンプル版</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Google-Apps-Shortcuts.png" alt="Google アプリ ショートカット" title="Google アプリ ショートカット" width="400" height="330" class="alignleft size-full wp-image-11449" /><br />↑Googleの各サービスへのリンクを表示してくれるボタン。表示されるのは、Gmail、Gmail新規メール、連絡先、カレンダー、カレンダーへ追加、Googleドキュメントなど。</p>

<p class="desc"><a href="https://chrome.google.com/extensions/detail/bjcpobipejlbogodeiendpdgcdambjgo" target="_blank">Google Apps Shortcuts インストールページ</a></p></dd></dl><dl class="head-line"><dt id="15">Google アプリ ショートカット 機能重視版</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Symtica.png" alt="Symtica" title="Symtica" width="400" height="158" class="alignleft size-full wp-image-11606" /><br />↑こちらはGoogleアプリへのショートカットをカスタマイズ性の高いものにしたもの。</p>
<p><img src="http://web-marketing.zako.org/images/2009/12/Symtica2.png" alt="Symtica2" title="Symtica2" width="400" height="156" class="alignleft size-full wp-image-11607" /><br />↑例えばGmailの場合、受信トレイ、新規メール、そして設定画面の三つのボタンが表示され、どのアプリのどの部分へ行くかを、ここで決めることができます。</p>
<p><img src="http://web-marketing.zako.org/images/2009/12/Symtica3.png" alt="Symtica3" title="Symtica3" width="400" height="318" class="alignleft size-full wp-image-11608" /><br />↑アイコンの表示、非表示や、アプリの開き方を指定するなどの設定が可能です。</p>

<p class="desc"><a href="https://chrome.google.com/extensions/detail/fafldeedegmfkdkolgpcopgfcdidgbjk" target="_blank">Symtica インストールページ</a></p></dd></dl><dl class="head-line"><dt id="16">Google アプリをコンテキストメニューから開く</dt><dd><p class="thumb"><img src="http://web-marketing.zako.org/images/2011/01/Apps-context-menu.jpg" alt="コンテキストメニューからアプリを開けるChrome拡張機能" title="Apps-context-menu" width="514" height="204" class="aligncenter size-full wp-image-17036" /></p>
<p>Googleの各種アプリやChrome Web Storeで追加したアプリをコンテキストメニューから開けるようにする拡張機能。</p>
<p class="desc"><a href="/google/apps-list-from-context-menu.html">Apps list from context menuの詳細</a></p></dd></dl><dl class="head-line"><dt id="17">未読数表示 まとめ</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/One-Number.png" alt="One-Number" title="One-Number" width="400" height="192" class="alignleft size-full wp-image-11455" /><br />↑Gmail,Google リーダー、Google Waveの未読数通知。Google Voiceにも対応します。</p>

<ul>
<li><a href="https://chrome.google.com/extensions/detail/cfkohgkpafhkpdcnfadadcibfboapggi" target="_blank">One Number インストールページ</a></li>
<li>Gmailだけで良いなら：<a href="https://chrome.google.com/extensions/detail/mihcahmgecmbnbcchbopgniflfhgnkff" target="_blank">Google Mail Checker</a></li>
</li>
</ul></dd></dl><dl class="head-line"><dt id="18">Google タスク</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Google-Tasks-ex.png" alt="Google-Tasks-ex" title="Google-Tasks-ex" width="400" height="509" class="alignleft size-full wp-image-11450" /><br />↑ボタンを押すと、GoogleのToDoリストを表示、Google appsアカウントとの切り替えも可能です。</p>

<ul>
<li><a href="https://chrome.google.com/extensions/detail/paaiiegpkmkklpihcldlnhgcinjolgkl" target="_blank">Google tasks インストールページ</a></li>
<li>似たような拡張機能 <a href="http://web-marketing.zako.org/hacks/google-chrome/google-tasks-google-chrome-extensions.html">Google Tasks をGoogle Chromeで開ける拡張機能</a></li>
</ul></dd></dl><dl class="head-line"><dt id="19">新しいタブを開くとGoogleタスクを確認できる</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/New-Tab-to-Tasks.png" alt="新しいタブでGoogle Tasksを開く" title="新しいタブでGoogle Tasksを開く" width="400" height="326" class="alignleft size-full wp-image-11680" /><br />↑これはアイデア的に気に入りました。タブを開く時間がタスクを確認するスキマ時間に早変わり。</p>


<p class="desc">

<a href="https://chrome.google.com/extensions/detail/bokbgdhblfolpfanocjafjhpjkebhlfk" target="_blank">New Tab to Tasks インストールページ</a>

</p></dd></dl><dl class="head-line"><dt id="20">PDF PPTファイルをGoogleビューワーで開く</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Docs-PDF.jpg" alt="Docs PDF/PowerPoint Viewer" title="Docs PDF/PowerPoint Viewer" width="400" height="198" class="alignleft size-full wp-image-11476" /><br />↑PDFやパワーポイントファイルをサクっと開けるようにします。</p>

<p class="desc"><a href="https://chrome.google.com/extensions/detail/nnbmlagghjjcbdhgmkedmbmedengocbn" target="_blank">Docs PDF/PowerPoint Viewer インストールページ</a></p></dd></dl><dl class="head-line"><dt id="21">Google辞書をその場で開く</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Google-Dictionary-Lookup.png" alt="Google Dictionary Lookup" title="Google Dictionary Lookup" width="400" height="203" class="alignleft size-full wp-image-11477" /><br />↑最近Googleがサービスを開始した、Google Dictionary をその場で（Ctrl+ダブルクリック）開く拡張機能。日本語の辞書にはまだ対応していません。</p>

<p class="desc"><a href="https://chrome.google.com/extensions/detail/ipdjaafajlfiopcppipdinmcjbcpofhd" target="_blank">Google Dictionary Lookup インストールページ</a></p></dd></dl><dl class="head-line"><dt id="22">Google翻訳の結果を吹き出し表示</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Bubble-Translate.png" alt="Bubble Translate" title="Bubble Translate" width="400" height="98" class="alignleft size-full wp-image-11493" /><br />↑ボタンを押すと、選択したテキストを翻訳し、その場に吹き出し表示してくれます。</p>
<p><img src="http://web-marketing.zako.org/images/2009/12/Bubble-Translate1.png" alt="Bubble-Translate1" title="Bubble-Translate1" width="400" height="431" class="alignleft size-full wp-image-11681" /><br />↑吹き出しの見てくれや、ショートカットキー、ボタンをおした時の動作も設定可能。（バージョンアップ）</p>


<p class="desc"><a href="https://chrome.google.com/extensions/detail/jlhlebbhengjlhmcjebbkambaekglhkf" target="_blank">Bubble Translate インストールページ</a></p></dd></dl><dl class="head-line"><dt id="23">Google翻訳ボタン</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Google-Translate-ex.png" alt="Google 翻訳" title="Google 翻訳" width="400" height="282" class="alignleft size-full wp-image-11507" /><br />↑Google翻訳のボタンを追加、こちらはページ全体を翻訳するものです。</p>

<p class="desc"><a href="https://chrome.google.com/extensions/detail/aapbdbdomjkkjkaonfhkkikfgjllcleb" target="_blank">Google Translate インストールページ</a></p></dd></dl><dl class="head-line"><dl class="head-line"><dt id="25">Google検索結果で見つけたフレーズをページ内で素早く見つける</dt><dd><p>Googleで調べ物をしていて、スニペットに「これだ！」というものがあっても、ページ内でそのフレーズを見つけるとき、ブラウザの検索機能を使わないと見つけられない時がありますよね。</p>
<p>そんな時に、そのフレーズの場所へ誘導してくれるのがこの拡張機能です。</p>
<p><img src="http://web-marketing.zako.org/images/2009/12/Google-Quick-Scroll.png" alt="Google検索結果で、これだというフレーズを発見" title="Google検索結果で、これだというフレーズを発見" width="400" height="94" class="alignleft size-full wp-image-11555" /><br />↑Google検索を探し回り、やっとのことで、「これだ！」というものを発見。</p>
<p><img src="http://web-marketing.zako.org/images/2009/12/Google-Quick-Scroll2.png" alt="ページ内検索を自動的に行なってくれる" title="ページ内検索を自動的に行なってくれる" width="400" height="208" class="alignleft size-full wp-image-11556" /><br />↑ページ右下に、そのフレーズを表示、クリックすると、その場所へ誘導し、蛍光ペンを引いてくれます。</p>

<p class="desc"><a href="https://chrome.google.com/extensions/detail/okanipcmceoeemlbjnmnbdibhgpbllgc" target="_blank">Google Quick Scroll インストールページ</a></p></dd></dl><dl class="head-line"><dt id="26">Google ブックマークへ追加ボタン</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Add-Google-Bookmark.png" alt="Add Google Bookmark" title="Add Google Bookmark" width="400" height="320" class="alignleft size-full wp-image-11505" /><br />↑Google ブックマークへ追加するボタン。</p>

<p class="desc"><a href="https://chrome.google.com/extensions/detail/dhjihpkhlbkmhnjjdaekkfenhipmhpjo" target="_blank">Add Google Bookmark インストールページ</a></p></dd></dl><dl class="head-line"><dt id="27">Google ブックマークから開くときに便利</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/BoogleMarks-ex.png" alt="BoogleMarks-ex" title="BoogleMarks-ex" width="400" height="168" class="alignleft size-full wp-image-11911" /><br />↑Googleブックマークからページを開くとき、フォルダ分けされてツリー表示されるのでわかりやすいです。ただし、追加や編集は新しいタブで開くのでちょっと残念。</p>

<p class="desc"><a href="https://chrome.google.com/extensions/detail/hojigclpigghnkdhhkhgjobmoghdecae" target="_blank">BoogleMarks インストールページ</a></p></dd></dl><dl class="head-line"><dt id="28">開いているページに関連するYouTube動画を再生</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Related-YouTube-ex.jpg" alt="YouTube関連動画をページに" title="YouTube関連動画をページに" width="400" height="313" class="alignleft size-full wp-image-11886" /><br />↑ボタンを押すと、開いているページの「タイトル」に関連する動画の一覧をサムネイル表示、その場で再生することができます。</p>

<p class="desc">Related YouTube Videos インストールページ</p></dd></dl><dl class="head-line"><dt id="29">YouTube動画へのリンクをプレイヤーに変換</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Inline-Youtube.png" alt="Inline-Youtube" title="Inline-Youtube" width="400" height="153" class="alignleft size-full wp-image-12138" /><br />↑YouTube動画へのリンクを、プレイヤーに自動変換してくれます。</p>

<p class="desc"><a href="https://chrome.google.com/extensions/detail/ehebapamcfpaadhjagimnbohggikmlpc" target="_blank">Inline Youtube インストールページ</a></p></dd></dl><dl class="head-line"><dt id="30">YouTube動画を自動再生させない</dt><dd><p>YouTube動画の自動再生をストップさせる拡張機能、YouTubeのページでも有効です。</p>




<del datetime="2010-02-17T04:39:08+00:00"><p><img src="http://web-marketing.zako.org/images/2010/01/y-Downloader.png" alt="YouTubeのダウンロードボタン" title="YouTubeのダウンロードボタン" width="400" height="226" class="alignleft size-full wp-image-12280" /><br />↑YouTubeの動画ページに、便利な複数動画形式のダウンロードリンクを追加する拡張機能。</p>
<ul><li>Youtube Video Downloader インストールページ</li></ul></del></dd></dl><dl class="head-line"><dt id="32">YouTubeチャンネル更新通知</dt><dd><p><img src="http://web-marketing.zako.org/images/2010/01/YouTube-Updater.png" alt="YouTube Updater" title="YouTube Updater" width="400" height="403" class="alignleft size-full wp-image-12281" /><br />↑購読しているYouTubeチャンネルに新着動画がアップされると通知してくれるボタン。</p>

<p class="desc"><a href="https://chrome.google.com/extensions/detail/lphhdjlelnbemfkdkeanjkmbenaddllb" target="_blank">YouTube Updater & Search インストールページ</a></p></dd></dl><dl class="head-line"><dt id="33">ChromeのアドレスバーからGoogle ドライブのドキュメントを検索</dt><dd><p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/11/omnidrive.png" alt="OmniDrive" title="omnidrive" width="510" height="210" class="none" /></p>

<p>Chromeのアドレスバーから直接Googleドキュメントを検索できる拡張機能。</p>
<p class="desc"><a href="http://web-marketing.zako.org/hacks/google-chrome/search-google-drive-omnibar.html">OmniDrive の詳細</a></p></dd></dl><h4 class="tips" id="b">WEBサービスと連携する拡張機能</h4><p>ここではWEBサービスと連携する拡張機能をご紹介します。</p><dl class="head-line"><dt id="34">DropboxへWEBページからダイレクトにファイル保存</dt><dd><p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/02/d-to-dropbox.png" alt="d-to-dropbox" width="510" height="319" class="none"></p>
<p>開いているページのリンク先のファイルを右クリックメニューからダイレクトにDropboxへ保存します。</p>

<p class="desc"><a class='web-site-link' href="http://web-marketing.zako.org/hacks/google-chrome/download-to-dropbox.html" target="_blank">Download to Dropboxの詳細</a></p></dd></dl><dl class="head-line"><dt id="35">Remember the Milk</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/ChromeMilk.png" alt="ChromeMilk" title="ChromeMilk" width="400" height="470" class="alignleft size-full wp-image-11453" /><br />↑ボタンを押すと、Remember the Milk をポップアップ表示。これもまた使いやすい。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/chieodlkhimccchlojdmiondhiggkhmf" target="_blank">Remember the Milk インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="36">Evernote ウェブ クリッパーボタン</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Evernote-Web-Clipper.png" alt="Evernote Web Clipper" title="Evernote Web Clipper" width="400" height="318" class="alignleft size-full wp-image-11495" /><br />↑Evernoteのウェブクリッパーボタンを追加。</p>
<ul><li><a href="https://chrome.google.com/webstore/detail/evernote-web-clipper/pioclpoplcdbaefihamjohnefbikjilc" target="_blank">Evernote Web Clipper インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="37">Evernote 検索、その場にノートを表示するボタン</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Evernote-Search.png" alt="Evernote-Search" title="Evernote-Search" width="400" height="344" class="alignleft size-full wp-image-12142" /><br />↑Evernote検索用ボタン、ノートの追加も可能。Evernoteのクライアントよりもサクサク検索できる上、その場にノートを表示できるようになっています。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/dphnhpbhoiibhioblbjjhgjopeejjhkm" target="_blank">Evernote Search インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="38">【New】ブラウザ版Dropboxのフォルダをすぐに開ける</dt><dd><p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2012/09/easydrop.png" alt="DropboxにアクセスできるChrome拡張機能" title="easydrop" width="510" height="298" class="none" /></p>


<p>Google ChromeからカンタンにWeb版のDropboxフォルダを開くことができる拡張機能。</p>
<p class="desc"><a href="http://web-marketing.zako.org/hacks/google-chrome/easydrop-google-chrome.html" target="_blank">EasyDropの詳細はこちら</a></p></dd></dl><dl class="head-line"><dt id="39">Tumblr へ投稿</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Share-on-Tumblr.png" alt="Share on Tumblr" title="Share on Tumblr" width="400" height="400" class="alignleft size-full wp-image-11604" /><br />↑見ているページをTumblr へ投稿するのに便利な拡張機能。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/mohemmpiompfkodgmdnoinaocckbphho" target="_blank">Share on Tumblr インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="40">Feedly を開くボタン</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Feedly.png" alt="Feedly" title="Feedly" width="400" height="174" class="alignleft size-full wp-image-11497" /><br />↑Feedlyを開きやすくし、未読数をアイコンに表示します。しかし最近重くなっていて、メモリを食いすぎるのがネック。（2010/04/07追記）</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/ndhinffkekpekljifjkkkkkhopnjodja" target="_blank">Feedly インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="41">Picnik を使いやすくするボタン</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Picnik-Extension-for-Chrome.png" alt="Picnik Extension for Chrome" title="Picnik Extension for Chrome" width="400" height="296" class="alignleft size-full wp-image-11515" /><br />↑キャプチャボタンあり、画像を抽出する画像共有サービスの選択ありと、なかなか便利に使えます。</p>
<ul><li>Picnik インストールページ</li></ul></dd></dl><dl class="head-line"><dt id="42">Xmarks ブックマーク同期ボタン</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Xmarks-ex.png" alt="Xmarks Bookmark Sync" title="Xmarks Bookmark Sync" width="400" height="421" class="alignleft size-full wp-image-11512" /><br />↑Google Chrome のブックマーク同期機能との使い分けなどにも便利。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/ajpgkpeckebdhofmmjfgcjjiiejpodla" target="_blank">xmarks インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="44">Google Chromeから「Read It Later」へ追加</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Postponer-Adder.png" alt="ChromeからRead It Laterへ追加" title="Postponer-Adder" width="400" height="276" class="size-full wp-image-12031" /><br />↑Google Chromeから、Firefoxで便利だった「あとで読む」サービス、【Read it later】へ追加できる拡張機能。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/pggmlienkcoenodbjpkbidlmmedgonai" target="_blank">Postponer Adder インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="45">「Read It Later」のリスト閲覧、編集用ボタン</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Postponer-Manager.png" alt="Postponer-Manager" title="Postponer-Manager" width="400" height="261" class="alignleft size-full wp-image-12032" /><br />↑こちらはRead it later の管理画面をポップアップ表示するボタン。正直追加ボタンとまとめて欲しいけどｗ</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/mmfblgljgoaokhbcjnddgcnaielcpjeb" target="_blank">Postponer Manager インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="46">「あわせて読みたい」サイトを表示</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/awasete.png" alt="あわせて読みたい" title="あわせて読みたい" width="400" height="179" class="alignleft size-full wp-image-12139" /><br />↑いま読んでいるブログと「あわせて読まれている」ブログを表示。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/afooabehfkmekfdkdbmcfgdnblodcdhh" target="_blank">あわせて読みたい インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="47">Livedoorリーダーの未読数を表示</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/livedoor-reader-no.png" alt="livedoor-reader-no" title="livedoor-reader-no" width="400" height="74" class="alignleft size-full wp-image-12140" /><br />↑Livedoorリーダーの未読数を表示するアイコンを追加します。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/ifekfcjbnkflfndoahjigdhlhgndkncb" target="_blank">livedoor Reader Notifier for Chrome インストールページ</a></li></ul>
</dd></dl><dl class="head-line"><dt id="48">ニコニコ プレイヤー Chrome版</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/niko.png" alt="niko" title="niko" width="400" height="193" class="alignleft size-full wp-image-12141" /><br />↑ニコニコ動画の好きな動画を選び、プレイリスト化できるニコニコ プレイヤー Chrome版</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/jkhaoahdgpfmoffegdiljoaaocaejkkm" target="_blank">ニコニコ　プレイヤー Chrome版 インストールページ</a></li></ul>

</dd></dl><h4 class="tips" id="c">デザイナーお役立ち系 拡張機能</h4><p>ここではデザイナーお役立ち系 拡張機能をご紹介します。</p><dl class="head-line"><dt id="49">HTMLタグの作成にも便利なHTMLエディター</dt><dd><p class="thumb"><img src="http://web-marketing.zako.org/images/2011/02/notebook-pro.jpg" alt="起動も軽快なHTMLエディターを使えるChrome拡張機能" title="notebook-pro" width="514" height="204" class="aligncenter size-full wp-image-17251" /></p>

<p>ボタンを押すと、すぐさま使えるHTMLエディター機能をGoogle Cromeに搭載できます。</p>
<p>選択したウェブページ上のテキストを、コンテキストメニューからHTMLエディターに追加して編集することも可能です。</p>

<p class="desc"><a href="/hacks/google-chrome/notebook-professional-google-chrome.html">NoteBook Professional 詳細</a></p></dd></dl><dl class="head-line"><dt id="50">サイトのCSSをリアルタイムにいじれる</dt><dd><p class="thumb"><img src="http://web-marketing.zako.org/images/2010/05/CSS-Tester.jpg" alt="CSSをリアルタイムにいじれる Chrome拡張機能" title="CSS-Tester" width="514" height="204" class="alignleft size-full wp-image-14644"><br />↑開いたページのCSSを、リアルタイムに変更し、デザインをテスト反映させることができます。</p>
<p class="desc"><a href="/hacks/google-chrome/css-tester.html">CSS Tester 詳細</a></p></dd></dl><dl class="head-line"><dt id="51">IE Tab Classic</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/IE-Tab-Classic.jpg" alt="IE Tab Classic" title="IE Tab Classic" width="400" height="332" class="alignleft size-full wp-image-11466" /><br />↑ボタンひとつでIEのビューを確認できる便利機能。</p>
<ul><li><a href="https://chrome.google.com/webstore/detail/ie-tab/hehijbfgiekmjfkfjpbkbammjbdenadd?utm_source=chrome-ntp-icon" target="_blank">IE Tab Classic インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="52">開いているページのQRコードを生成</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/QR-Code-Tag-Ex.jpg" alt="QR-Code Tag Extension" title="QR-Code Tag Extension" width="400" height="304" class="alignleft size-full wp-image-11480" /><br />↑Shift＋Q でQRコードを生成、画像なので、そのままダウンロードして利用できます。</p>


<ul>
<li><a href="https://chrome.google.com/webstore/detail/qr-code-generator/cicimfkkbejhggfjaabggafffgdnjgjp" target="_blank">QR Code インストールページ</a></li>
<li>ボタンで作りたいときはこちら：<a href="https://chrome.google.com/webstore/detail/qr-code-tag-extension/bcfddoencoiedfjgepnlhcpfikgaogdg" target="_blank">QR-Code Tag Extension インストールページ</a></li>
</ul></dd></dl><dl class="head-line"><dt id="53">ブラウザ上でサイズを測れる定規</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/MeasureIt-ex.png" alt="MeasureIt ブラウザでピクセルを測れる定規" title="MeasureIt ブラウザでピクセルを測れる定規" width="400" height="199" class="alignleft size-full wp-image-11889" /><br />↑Firefoxでも欠かすことのできなかった、ブラウザ上で自由にサイズを測れる定規の拡張機能がGoogle Chromeでも。<b>※ただし、この拡張機能を入れると、表示されないページが出てくるので注意してください。</b></p>


<ul><li><a href="https://chrome.google.com/extensions/detail/aonjhmdcgbgikgjapjckfkefpphjpgma" target="_blank">MeasureIt! インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="54">ページのアウトラインを表示</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/HTML5-Outliner.png" alt="HTML5仕様に基づくページのアウトライン" title="HTML5仕様に基づくページのアウトライン" width="400" height="267" class="alignleft size-full wp-image-11909" /><br />↑HTML5の仕様に基づいて、ページのアウトラインを表示してくれます。</p>
<ul><li><a href="https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo" target="_blank">HTML5 Outliner インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="55">ページをキャプチャし、そのまま切り抜き</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/2009-12-29-01h03_37.png" alt="ページをキャプチャー、切り抜き" title="ページをキャプチャー、切り抜き" width="400" height="167" class="alignleft size-full wp-image-12066" /><br />↑ボタンを押すと、ページをキャプチャーすると、画像を新しいタブで開き、そこで切り抜きできるようになっています。</p>
<ul><li><a href="https://chrome.google.com/webstore/detail/pageshot/ifbfackeniblnolgehdjdghbkblbljdc" target="_blank">PageShot インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="56">Firebug Lite</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Firebug-Lite-ex.png" alt="Firebug-Lite-ex" title="Firebug-Lite-ex" width="400" height="242" class="alignleft size-full wp-image-11913" /><br />↑起動がとてもモッサリとしていますが。</p>
<ul><li><a href="https://chrome.google.com/webstore/detail/firebug-lite-for-google-c/bmagokdooijbeehmkpknfglimnifench?hl=ja" target="_blank">Firebug Lite インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="57">hidden に指定されているinput要素を表示</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Hidden-Field-Switcher.png" alt="Hidden-Field-Switcher" title="Hidden-Field-Switcher" width="400" height="159" class="alignleft size-full wp-image-12067" /><br />↑隠れているinput要素をすべて表示します。</p>
<ul><li><a href="https://chrome.google.com/webstore/detail/hidden-field-switcher/gfkfklknjmlpldiggcjgdgkonoicfngp" target="_blank">Hidden-Field Switcher インストールページ</a></li></ul></dd></dl><h4 class="tips" id="d">ソーシャルサービス系 拡張機能</h4><p>ここではソーシャルサービス系 拡張機能をご紹介します。</p><dl class="head-line"><dt id="58">はてなブックマーク便利拡張機能</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/hatena-bookmark-ex.png" alt="はてなブックマーク" title="はてなブックマーク" width="400" height="368" class="alignleft size-full wp-image-11622" /><br />↑開いたページのはてブ数表示やブックマーク登録、コメント一覧の表示など、はてなブックマークを便利に使えるオフィシャル拡張機能。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/dnlfpnhinnjdgmjfpccajboogcjocdla" target="_blank">hatena-bookmark インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="59">Twitter クライアント Chromed Bird</dt><dd><p><img alt="" src="http://web-marketing.zako.org/images/2009/11/ChromedBird1.png" title="シンプルなTwitter クライアント" class="alignnone" width="400" height="573" /><br />↑シンプルだけれども、ブラウジングにはこれが一番オススメ。</p>
<ul><li><a href="http://web-marketing.zako.org/twitter/twitter-client-in-google-chrome-with-the-chromedbird-extension.html">Chromed Bird 詳細</a></li></ul></dd></dl><dl class="head-line"><dt id="60">Twitter 複数アカウントを管理できるBrizzly</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Brizzly-ex.jpg" alt="Brizzly googlechrome extension" title="Brizzly googlechrome extension" width="400" height="503" class="alignleft size-full wp-image-11464" /><br />↑複数アカウント管理が便利、今見ているページの共有するのに便利なんですが、読み込みがちょっと遅くて残念。</p>
<ul><li><a href="https://chrome.google.com/webstore/detail/brizzly/fafnphfmggfjfjgoahpnfkpbmgpfcofk" target="_blank">Brizzly インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="61">Twitter の複数アカウントに投稿できる HootSuite</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/HootSuite-ex.png" alt="HootSuite  googlechrome extension" title="HootSuite-ex" width="400" height="247" class="alignleft size-full wp-image-11463" /><br />↑複数アカウントに同時投稿することもでき、「あとでつぶやく」機能も付いているけど、Chromeとの一体感がないのが残念</p>

<ul><li><a href="https://chrome.google.com/extensions/detail/bjgfdlplhmndoonmofmflcbiohgbkifn" target="_blank">HootSuite インストールページ</a></li><li><a target="_blank" href="https://chrome.google.com/webstore/detail/hootsuite/kneloppijbcidgidihgdjnooihjcdbij">アプリ版はこちら</a></li></ul></dd></dl><dl class="head-line"><dt id="62">Facebook クライアント</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/Facebook-ex.png" alt="Facebook-ex" title="Facebook-ex" width="400" height="552" class="alignleft size-full wp-image-11501" /><br />↑Facebookを表示する拡張機能。</p>
<ul><li><a href="https://chrome.google.com/webstore/detail/facebook-for-chrome/gdalhedleemkkdjddjgfjmcnbpejpapp" target="_blank">Facebook for Chrome インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="63">Facebook上の画像をカンタンに拡大できる</dt><dd><p><img src="http://web-marketing.zako.org/images/2010/02/facebook-photo-zoom.png" alt="Facebookの画像" title="facebook photo zoom" width="400" height="357" class="aligncenter size-full wp-image-17238" /><br />↑Facebookに投稿されている画像にマウスオーバーすると画像が拡大されます。</p>

<p class="desc"><a class='web-site-link' href="https://chrome.google.com/webstore/detail/photo-zoom-for-facebook/elioihkkcdgakfbahdoddophfngopipi" target="_blank">Facebook Photo Zoom インストールページ</a></p></dd></dl><dl class="head-line"><dt id="64">Facebookをもっと使いやすくする</dt><dd><iframe width="500" height="405" src="http://www.youtube.com/embed/ZEtTOUN3Sxc" frameborder="0" allowfullscreen></iframe>
<p>Facebookに、アルバムスライドショーやキーボードナビゲーション、新着通知などの便利機能を追加するSocialPlus!</p>
<p class="desc"><a href="https://chrome.google.com/webstore/detail/socialplus-german-by-keje/dikjflbngdleaopfnchoodgbfmodmgbb" target="_blank">SocialPlus! インストールページ</a></p></dd></dl><dl class="head-line"><dt id="65">ニコニコ動画の視聴履歴を記録</dt><dd><p><img src="http://web-marketing.zako.org/images/2009/12/nikoniko.png" alt="ニコニコ動画 Google Chrome 拡張機能" title="ニコニコ動画 Google Chrome 拡張機能" width="400" height="309" class="alignleft size-full wp-image-11692" /><br />↑リクエストがあったのでここへ追加。ニコニコ動画の視聴履歴を500件記録、履歴のキーワード検索も可能です。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/hldgbliocaaomajmalgenbhheinjlhgm" target="_blank">ニコ動履歴 インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="66">Deliciousを便利に使えるボタン</dt><dd><p><img src="http://web-marketing.zako.org/images/2010/01/delicious-ex.png" alt="delicious-ex" title="delicious-ex" width="400" height="156" class="alignleft size-full wp-image-12148" /><br />↑ChromeからDeliciousへ追加するボタン、自分のブックマーク一覧や受信ボックスを開く事もできます。</p>
<p>2010/02/16追記：オプションから、ショートカットキーを設定できるようになりました。デフォルトは Alt + D です。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/gclkcflnjahgejhappicbhcpllkpakej" target="_blank">Del.icio.us Tools インストールページ</a></li></ul></dd></dl><h4 class="tips" id="e">エラーが起こるので気を付けたいもの</h4><p>ここではエラーが起こるので気を付けたいものをご紹介します。</p><dl class="head-line"><dt id="67">マウスホイールでタブを切り替え</dt><dd><p>ちょっとしたエラーだったりもしますが、なんとなく困るエラーだったので紹介しなかったものをまとめておきます。エラーが直ったら、ちゃんとご紹介します。</p>


<p>「Alt ＋ マウスホイール」または「マウスクリック ＋ マウスホイール」でタブを切り替えられて、便利なのですが、</p>
	<ul>
<li>無限タブ切り替えになる事がある</li>
	<li>https: のページ（Gmailなど）で止まる</li></ul>
<p>ので、ここでご紹介。便利なので直ることを切望します。タブにマウスオーバーした時だけ切り替わってくれた方が便利とも。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/dhnmobobhmhfglpooaceblmodafejbfc" target="_blank">tabWheeler インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="68">ドラッグ＆ドロップで検索</dt><dd><p>Firefoxのあの便利な検索機能、Drag & DropZoneが再現されたと思いきや、動かないのは私だけでしょうか？</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/njdeknfopjeielabfoglnmbggkegcanm" target="_blank">Drag & Drop Search インストールページ</a></li></ul></dd></dl><dl class="head-line"><dt id="69">GmailにRemember The Milk</dt><dd><p>表示が崩れる＆Better Gmail を使うと表示されなくなるため番外に。</p>
<ul><li><a href="https://chrome.google.com/extensions/detail/hphjpfmagbhbdfhdndglcccmhdjhjjce" target="_blank">Remember The Milk for Gmail インストールページ</a></li></ul>

<p>Google Chromeの拡張機能は、その作成と管理が非常にやりやすいと言われていますが、まさにそのとおりのようで、新たなものが次々に生まれています。</p>
<p>そんなわけで、着いていくのが大変ともいえるのですが、このエントリで常に便利な拡張機能をご紹介していきたいと思います。</p>


