ブラウザ統合型最強エディタFirebug

名前こそ知っていましたが、試す機会がなかったこのFirebug。デバックに便利という事は知っていましたが、結論からいうと本当に便利なものです。細かくは試していないものの、とにかく便利そうです。編集という観点での操作感は今までのツールの中で一番好みかもしれない。

僕自身jsはほとんどといっていいほど分からないので、
htmlやcssをデバックすることが非常に多いのですが、簡易的に使用するのは、firefoxの拡張であるwebdevelopperでした。これはこれで 使用価値は高く、デバックには非常に便利ですが、ブラウザ上で「ソースを編集」 するにはコードヒントがなく非常に惜しいツールでした。

しかし、このfirebugの特長としては

• コードヒントがでる。
• javascriptで動的に書き出したものが表示される。
• html,css,javascriptをタブ上で同時に編集ができる。
• cssのインスペクターが視覚的にとても分かりやすい。
• htmlを編集するときに、imgタグの上にポインタを置くと、プレビューされたり、display:noneの部分が薄く表示される

など、とにかくいろいろとあります。細かい部分にも配慮されているといった感じで、Dreamweverの「使いにくいな」と思っていた部分を全てといっていいほど解決しているツールです。さらにサーバー情報なんかも分かったりと、とにかく最強デバッカーといった印象。

テンプレートなどの1ページを作りこむときに非常に適したツールです。 

Firebug - Web Development Evolved
http://www.getfirebug.com/

Firebug Japanese :: Firefox Add-ons
https://addons.mozilla.org/ja/firefox/addon/5165

Firebug Lite
http://www.getfirebug.com/lite.html

Web Developer 1.1.2 日本語版／ツール＆ダウンロード － 『infoaxia(インフォアクシア)』
http://www.infoaxia.com/tools/webdeveloper/