Archive for 8月, 2007

このページの目次

Firebugはいいツール

金曜日, 8月 3rd, 2007

こんにちは、なかわけです。

先日いいツールを見つけました。「Firebug」というツールです。FireFoxのエクステンションです。

ウェブデベロッパーツールというやつです。

firebug

名前に「bug」とついているとあまりいいイメージではありませんが、たぶんbugをFireするって意味だと思います。

このツールでなにができるかというと、ウェブサイトのソースが見れます。

いやいやソースだけなら、標準機能で見られるじゃんって思う方もいらっしゃると思いますが、その表示がすばらしい。

「調査」ボタンをクリックすると、ロールオーバーしている部分がソースのどこに当たるかを瞬時に示してくれます。
また、平行してその要素にどんなスタイルが付いているかも表示されます。
またまた、そのソースが編集できてプレビューすることができるため、このサイトのCSSどうなってるんだろうってときに、スタイルをちょちょいと編集してスタイルをはずしたりすることもできます。

またまたまた、Javascriptの実行結果もソースで出力されるとこともすごい。普通Javascriptを書くときは、出力されるものを想像しながら書くか、静的にHTMLで書いたものをJavacriptに書き直すというような作業になります。そのときに、バグがあったとしても気づきにくくどこにバグがあったかは、出力結果をalert()やdocument.write()などで調べなくてはいけません。

が、FirebugはJavascriptの結果をHTMLソースの中に織り交ぜて出力してくれます。便利便利。

とまあ、ほかにも価値のある機能がたくさんあります。興味にある方はインストールしてみてください。
ウェブデザイナーにはもってこいのツールです。

こういうの作れる人ってすごい。

(さらに…)