現役WEBデザイナーが使っているおすすめFireFoxアドオン19+1選

   

現役WEBデザイナーが使っているおすすめFireFoxアドオン19+1選

現役WEBデザイナーとか言っちゃってますけど36歳のおじさんです。あいたた
私は仕事でも普段でもメインで使っているブラウザはFireFoxです。
もう10年以上愛用してるかもしれません。Chromeはいまいち好きになれません。

今回は、日ごろよく使ってるFireFoxアドオンをご紹介します。

基本編

Adblock Plus

https://addons.mozilla.org/ja/firefox/addon/adblock-plus/

広告は過去の遺物です!Adblock PlusではWebをコントロールし外観を変えることができます。広告削除からマルウェアのブロックまで対応できる40以上の同期フィルタがあり、言語に応じて自動的に設定されます。また、コンテキストメニューやタブ、リストからの選択など便利な機能を利用して自分でカスタマイズすることもできます。

言わずと知れた広告をブロックしてくれるアドオン
デザインなど作業に集中してるときに広告がチラつくと気がそれてしまうことがあるので重宝しますね。

Speed Dial

https://addons.mozilla.org/ja/firefox/addon/speed-dial/

よく訪問するウェブサイトへ直接アクセスします

新規タブを開いたときに、よく訪問するサイトの一覧をサムネイル付きで表示できる

セッションマネージャ

https://addons.mozilla.org/ja/firefox/addon/session-manager/

セッションマネージャは、すべてのウィンドウまたはいくつかのウィンドウの状態を保存したり、復元したりすることができます。また、開いているウィンドウの状態を自動的に保存することもできます。

ブラウザを閉じて再開したときにタブを復元してくれる。
予期せぬクラッシュでブラウザが閉じてしまったときでも安心できます。

Tab Groups

https://addons.mozilla.org/ja/firefox/addon/tab-groups-panorama/

タブグループで多くのタブを簡単に整理できます。タブを視覚的にまとめたり、グループを切り替えたり、すべてのタブからすばやく検索して特定のタブを開けます。

タブを仕事用やプライベート用など複数のグループにわけて管理できます。
タブグループの機能は以前はデフォルトでついてたんですが、現在はアドオンでのみ実装できます。

Tab Mix Plus

https://addons.mozilla.org/ja/firefox/addon/tab-mix-plus/

タブブラウジングを強化する様々な機能を追加します。タブの複製、タブのフォーカスの制御、タブをクリックしたときの設定、閉じたタブ/ウィンドウの復元、その他多くの機能があります。また、開いていたタブ、ウィンドウの組み合わせを保存し復元するクラッシュリカバリが可能なフル機能のセッションマネージャもあります。

FireFoxのタブ機能を強化してくれるアドオン。有名どころ

お役立ち系(あると便利なアドオン)

Tab Scope

https://addons.mozilla.org/ja/firefox/addon/tab-scope/

タブ上でポップアップを表示してページのプレビューおよびナビゲーションを可能にします。タブにマウスを乗せるとポップアップを表示し、タブの内容をプレビューしたり操作することができます。

タブ間をいちいち遷移せずに、サムネイル表示させて確認できるアドオン

Evernote Web Clipper

https://addons.mozilla.org/ja/firefox/addon/evernote-web-clipper/

Evernote の拡張機能を使用して、Web 上で見つけたページを Evernoteアカウントに保存します。Evernote Web クリッパーは、Web上で見つけた記事を一ヶ所に集約できる便利なツールです。Webページ・記事をEvernoteにクリップ保存することで、リサーチに活用したり、後から読んだりできます。Web ページに注釈を追加して、気になる箇所を他の人に見せることも可能です。さらに、ワークチャットを使えばクリップ保存したページを瞬時に共有できます。

保存しておきたいWebページなど取り込んだり、
デザインの参考にしたいバナー画像などを見つけたときに瞬時に残しておけます。

Open With

https://addons.mozilla.org/ja/firefox/addon/open-with/

この拡張機能により表示メニュー、タブメニュー、コンテクストメニュー、そしてタブバーに閲覧中のページを他のブラウザで開くという項目を加えることができます。

ブラウザで表示チェックをする際に、現在開いているページをCromeやIEなど他のブラウザを開くことができる

Pushbullet

https://addons.mozilla.org/ja/firefox/addon/pushbullet/

プッシュプルレットを使用すると、写真、ファイル、リンクなどをお使いの端末や友人にも簡単に送信できます。

Webページのurlを転送してスマホやタブレットで見たいときに、設定済みのデバイスに簡単に送信できるツール

テキストリンク

https://addons.mozilla.org/ja/firefox/addon/text-link/

Webページに書かれたURI文字列を、ダブルクリックするだけで読み込めるようにします。

ハイパーリンクになっていないテキストURLをコピペすることなく、ダブルクリックで開くことができる

Suspend Tab

https://addons.mozilla.org/ja/firefox/addon/suspend-tab/

バックグラウンドのタブを自動的に休止状態にして、使用メモリ量を節約します。

開きすぎのタブが増えるとメモリを食うので自動的にサスペンドしてくれるアドオンは必須
現時点で最新のFireFoxに対応していませんが、下記方法でインストール可能です。

Places Maintenance

https://addons.mozilla.org/ja/firefox/addon/places-maintenance/

Firefoxの背後にあるプレイスデータベース、ブックマーク、履歴コンポーネントでメンテナンスタスクを実行できます。アドオンマネージャのオプションボタンからメンテナンスウィザードにアクセスできます。

初期のFirefoxにありがちな動作が遅い問題を解決できるツール

Configuration Mania

https://addons.mozilla.org/ja/firefox/addon/configuration-mania-4420/

様々な隠し設定を変更する設定画面

“about:config”で隠された設定を変更する場面でも、このアドオンを利用すれば簡単な操作画面で設定が変更できる。

仕事編(Webデザインやコーディングで必須なアドオン)

ColorZilla

https://addons.mozilla.org/ja/firefox/addon/colorzilla/

ColorZillaを使用すると、ブラウザの任意の場所から色を読み取り、すぐにこの色を調整して別のプログラムに貼り付けることができます。表示中のページを拡大して、ページ上の任意の2点間の距離を測定できます。ビルトインパレットブラウザを使用すると、あらかじめ定義されたカラーセットからカラーを選択し、最もよく使用されるカラーをカスタムパレットに保存することができます。DOMスパイ機能により、DOM要素に関するさまざまな情報を迅速かつ簡単に取得できます。強力なCSSグラジェントジェネレータにより、素早く簡単に美しいグラデーションを作成できます。

デザイン時、参考にしているサイト等からカラーを取得できるツールです。
ワンクリックで色のRGBが取得できるので助かります。

MeasureIt

https://addons.mozilla.org/ja/firefox/addon/measureit/

ルーラーを引き出して、ウェブページ上の任意の要素のピクセル幅と高さを取得します。任意のウェブページにわたってルーラーを描き、ページ要素の幅、高さ、または整列をピクセル単位でチェックします。

ページの要素の幅や高さを知りたいときに定規のようにピクセルを測れる便利ツールです。

Screengrab

https://addons.mozilla.org/ja/firefox/addon/screengrab-fix-version/

Webページを画像ファイルに保存します(スクリーンショット)。ページ全体を保存でき、PNG,JPEG,BMP形式に対応しています。

ページを画像でキャプチャできるアドオン。
クリップボードに保存したり、jpgやpngで保存もできます。
わりとキレイに残せるので愛用してます。

Firebug

https://addons.mozilla.org/ja/firefox/addon/firebug/

Firebugは、Webページを閲覧中にクリック一つで使える豊富な開発ツールをFirefoxに統合します。あなたはあらゆるWebページの CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。

WEBサイトのソースコードを確認できる有名なツール。
Firefox Developer Edition なら不要

コピーヘッダー

https://addons.mozilla.org/ja/firefox/addon/copy-header/

タイトル、URL、ディスクリプション、キーワードをコピーします。

ショートカットキーで、タイトルやURLをコピーしてくれるアドオン

番外編(非公式なアドオン)

Bookmark Favicon Changer

https://sites.google.com/site/sonthakit/bookmarkfaviconchanger

右クリックでブックマークのファビコンを変更します。

大量のブックマークツールバーはアイコンのみ表示していますが、ファビコンが設定されてないサイトだとアイコンでない。。
そんなときに任意のアイコンを設定できるアドオンです。地味に役立つ。

アドオンは制作者の更新が途絶えてしまうと、
最新バージョンで利用することができないことがあり、そこが付きまとう悩みですね。

紹介してるアドオンは、ほぼ全て(Suspend Tab以外)FireFox最新版(5x系)に対応しています。(2017.2.15時点)

おしまい