Hatena::ブログ(Diary)

Unix的なアレ

2008-06-16

サーバーエンジニアが入れておくと便利なFirefoxアドオン7選

f:id:wadap:20080616104448p:image

サーバーエンジニアといえど、ページ表示のパフォーマンスチューニングなどブラウザで確認したりすることはよくあると思います。

自分自身のメモもかねて、そんな際に自分がよく使用しているアドオンを紹介したいと思います。

firebug

JavascriptCSSコーディングをやる方にはおなじみですね。firebugです。私はjavascriptのDebugだけでなく、各コンテンツの取得時間を見る際にも使用しています。

no title

Yslow

firebugに付加機能として追加できるyslowです。これもパフォーマンスチューニングの際には効果を発揮します。

expireの期間や、gzipしているかなどからそのページのパフォーマンスのランクを表示してくれます。

YSlow :: Add-ons for Firefox

Web Developer

こちらもおなじみですね。自分がもっとも使う機能は、キャッシュの無効化です。サーバー側でキャッシュするような設定を入れた場合、キャッシュが効いてしまうので、そのキャッシュをきるために使うパターンが多いです。

Webdeveloperのダウンロード:ミナトラボ

Live HTTP Headers

header情報を見る際に使います。firebug等でも見ることは可能ですが、こちらになれてしまっているので使用をしています。

Live HTTP Headers :: Add-ons for Firefox

Switch Proxy Tool

各種Proxyを簡単に選択できます。Intraネットワーク内で開発を行うような際、ReverseProxyをたてていてそのProxy経由でサイトを見るようなケースは割とあるパターンだと思います。そのような際に、手軽にProxyをOn/Off/切り替えができるととても便利です。

SwitchProxy Tool :: Add-ons for Firefox

firemacs

emacsキーバインドが手に染みついて離れなくなってしまった人向けのアドオンです。Windowsではxkeymacsがあるから使用はしていませんでしたが、Linux上ではそうもいかないためこちらも必須のアドオンになりました。

Firemacs :: Add-ons for Firefox

Firefox Throttle

ネットワークの帯域を制限できるアドオンです。いまでは減ってきているとは思いますが、普段使用するものではありませんが、ナローバンドシミュレートしるものです。昔と違ってついつい大きなコンテンツをおいてしまうので、遅い場合はどんな見え方するのかをこれでチェックしています。

Welcome to USELESSAPPLICATIONS.COM

その他にも

Firefoxを使いやすくするためにもアドオンはいろいろと入れています。割とふつうな範囲なのでここでは割愛します。

しかしながらFirefox3になったらこのウチの大半は当面は使えなくなってしまいそうですね・・・実際にUbuntu8.04を使って悲しい思いをしてしまったので、それが理由ですぐにFirefoxバージョンアップを控えようかと思っています。

bosscatbosscat 2008/06/16 19:11 Httpヘッダ情報の話だけど、それぞれのアドオンで一癖あって
僕は Live HTTP Headersをオススメしますね。
・FireBug リダイレクト系(302,307)では情報がフラッシュされてリダイレクト元のヘッダが読めない・・・
・Web Developer 別途 HEAD メソッドを打っているので正確では無い・・・

bosscatbosscat 2008/06/16 19:23 序に僕的オススメなアドオン。
・It’s All Text!
 https://addons.mozilla.org/en-US/firefox/addon/4125
 好きなエディターで投稿できます。(Emacsな人も安心?)
・Tamper Data
 https://addons.mozilla.org/ja/firefox/addon/966
 リクエストのタイムチャートはFireBugより正確な気がします。
 利点はリクエスト・サブリクエストのパラメータ解析(改窮?)が出来ること!
  (どちらかと言うと怪しげ用途かも^^)
・UrlParams
 https://addons.mozilla.org/ja/firefox/addon/1290
・UnHide fields
 https://addons.mozilla.org/ja/firefox/addon/2685
 更にストレートな用途ですね。><;
 いや、”セキュリティー調査”に便利っスよ!?

YOSIZOYOSIZO 2008/06/16 20:52 携帯サイト開発ですが、UA偽装してテストするために
UserAgentSwitcher入れてます。

http://chrispederick.com/work/user-agent-switcher/

bosscatbosscat 2008/06/17 21:27 携帯サイト開発はココらが便利ですよ〜
http://webpersons.jp/tips/2008/01/post-12.html

おっさんおっさん 2008/06/18 01:08 サーバーエンジニアというよりWEBサイト作る人たちのツールじゃない?普通サーバー屋はemacs入れないし。

vboyvboy 2008/06/18 17:49 firemacsが・・・リンクなくなっています

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証