StairsAjax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」。これは欲しかった!という機能がついにリリースされました。インストールにはFirebug1.4が必要で、Firebug1.4a17以降が推奨されています。Firebug1.4のダウンロードはこちらから可能です。インストールすると、次のように、FirebugにChangesタブが表示されます。実際どうやって使えるか?見てみましょう。DOMインスペクタをいじった結果をDIFFたとえば、DOMインスペクタの中で、要素を編集してみます。2009年4月16日を2009年にしてみました。変更がちゃんとログに残っています。Firebugを使って、直接WYSIWYGでレイアウトを編集したい場合などがありますが、たくさん変更しても変更箇所が分かるっていうのはなかなか便利そうです。JavaScriptで変更された箇所をDIFFJavaScriptによる変更も、差分を知ることができます。先日紹介した、Notimooの記事での動作事例を見てみましょう。JavaScriptをクリックで起動してみます。起動すると、該当JavaScriptは、HTMLに要素を表示後、表示した要素を削除するというものになっています。消えた場合の差分も表示。これはちょっと便利すぎますね。WEB開発がFirebugによって楽になっていってますが、作った方々は本当に凄いなぁと思います。