FirefoxのFireBug 1.0を試す

Firefoxのエクステンションの一つでJavascript等のデバッグができるFireBugを使い始めました。と言いましても、はずかしながら知ったのがつい最近なもので。

Javascriptは、デバッグがし辛い言語の一つだと思います。ブラウザ上でしか動作しないのが、その最も大きな要因だと思います。また、最近はAjaxが流行なので、用途は増えていると思います。

前エントリで作成したスクリプトですが、FireBugの導入により、非常に短期間に、Googleが提供してくれたサンプルを理解することができました。

例えば、Google Spreadsheets Data APIのJSONのサンプルのソースを見たときに、なんでこのfor文で、表ができるのか、ぱっと見理解できませんでした*1。

ですが、普通のIDEの様に1行ずつ動かしていくと、entry=セルだとすぐに理解できました。当初は、entry=行だと勘違いしていたため、このfor文じゃ、表にはできないんじゃないかとご認識してしまいました*2。

また、データの中身を見ることができるため、非同期でデータをやり取りするAjaxスクリプトを作成する方には、非常に重宝されるでしょう。

そういえば、前にJavascriptのフレームワークであるDojoやYahoo!UIでいろいろと作っていたのですが、これがあれば、もっと短時間で、動作を理解できたのにと思う次第です。

FireBug自体は、CSSやHTMLのデバッグもできるそうですが、私は、そこまでする作業が無いので、活用していませんが、業務上必要とされている方は少なくないでしょう。

FireBugの賞賛の言葉として「Firebugなしには生きていけない」「FirebugがあるからFirefoxを使っている」等があるそうです。私も、あまりの便利さに同じ言葉が頭に浮かびました。

*1：資料を読んでいればわかったかも知れませんが。やっぱり、習うよりも慣れろのタイプなものなので。
*2：このため、空セルがあると、左詰になってしまい、このサンプルをそのまま使うとまともな表にならないことも理解して、ぞっとしました。けど、よくよくデータを見ると打つ手がすぐに見つかりますね。