RED-MOUNT.COM

お久しぶりです。ドタバタしていて更新できない状態が続いていました。

僕は普段WEB開発を行っているので、Firefoxの拡張機能もやはり、WEB開発がしやすくなるようなものを重点的に入れています。なので、今回のタイトルは「WEB開発を楽にするためのFirefox拡張」にしてみました。

FaviconizeTab

タブの表示をFavicon部分のみにしてくれます。
GoogleCalendarやGmailなど、普段から大量にタブを開いているような場合、この拡張を使うとスペースを節約することができます。

Firebug

FirefoxでWEB開発を行っているブロガーは必ず紹介している、と言っても過言ではないほど有名なツールです。
HTML内の要素に設定されているスタイルやレイアウトを表示してくれる他、DOMツリーの表示やJavascriptコンソール、ネットワークモニターなどが標準でついており、これ一つあれば大抵のWEB開発におけるクライアントデバッグが可能です。

YSlow

Firefoxを使用しているユーザーであれば最も手軽に、かつ無料で導入できるWEBページの表示パフォーマンス改善ツールです。13の項目についてチェックを行い、項目毎にA〜Fの評価を表示してくれると共に、改善案を提示してくれます。
これも、パフォーマンスを気にするWEB開発者の間ではかなり有名なツールです。
Firebugをベースに使用しているため、YSlowを使うには先にFirebugをインストールしておく必要があります。

Html Validator

表示しているWEBページの(X)HTMLを、W3Cの推奨するバリデーターエンジンを用いてチェックします。エラーがある場合にはブラウザの右下に赤い「×」マークが表示されるので、開発中のTypoなどを早期に発見することが可能です。

Tab Mix Plus

マウスのホイール対応をはじめ、Firefoxのタブ機能を使いやすく、便利に拡張してくれます。

テキストリンク

<a>タグで囲まれていない、httpやttpなどの文字列をダブルクリックした際に、それがリンク文字列であるかのように振る舞ってくれます。ページ内の文字列を、別のタブにコピー＆ペーストする手間を省く事ができ、非常に便利です。

Download Statusbar

FirefoxでWEB上からファイルをダウンロードする際に表示されるウィンドウの代わりに、操作中のウィンドウ右下にある、ステータスバーにダウンロード状況を表示してくれます。ダウンロードが終わると、ポップアップメッセージで教えてくれます。

Live HTTP Headers

クライアント—サーバー間でやりとりされるHTTP通信のヘッダーを別ウィンドウで表示してくれます。Ajaxでの通信や各種APIを使用する場合など、HTTP通信の内容を追って、どこでエラーが出ているのかを調べたい場合に便利なツールです。また、ログをテキスト形式で保存する機能も備えています。

紹介者の置かれている状況や職業によって、オススメしている拡張機能が変わるのが、この手の記事の面白い所です……。WEB開発時に、この拡張があると便利だよ、ってのがありましたら、是非コメントやトラックバックで教えて下さい！