Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY.

Webアプリケーション開発やデザイン調整にはブラウザエクステンションが有益だ。特にFirefoxで動作するFirebugエクステンションやYSlowエクステンションは代表的なものだ。こうしたツールはFirebugやYSlowだけではない。似たようなツールはIE向けにも提供されている。ツールを活用して開発効率を改善していきたい。

Jacob Gube氏がSmashing Magazineに掲載した『15 Helpful In-Browser Web Development Tools』に注目したい。Webアプリ開発やデザイン調整、分析や評価に活用できる15のインブラウザツールが紹介されている。

紹介されているツールを簡単にまとめると次のようになる。

  • Firebug - Firefoxエクステンション。CSS/DOM/HTMLインスペクタ、JavaScript開発、ほか
  • Web Developer - Firefoxエクステンション。CSS/HTMLインスペクタ、JavaScript開発、ほか
  • YSlow - Firebugエクステンション。Webページパフォーマンス計測/分析
  • Internet Explorer Web Developer Toolbar - IEエクステンション。DOM/HTMLインスペクタ、JavaScript開発、ほか
  • Fiddler Web Debugger - IEエクステンション。WebページHTTPトラフィック計測/分析
  • DebugBar - IEエクステンション。デバッガ
  • HttpWatch - Firefox/IEエクステンション。WebページHTTPトラフィック計測/分析
  • Live HTTP Headers - Firefoxエクステンション。HTTPリクエスト/レスポンスヘッダインスペクタ
  • Web Accessibility Toolbar - IE/Operaエクステンション。Webコンテンツアクセサビリティ分析/評価
  • Fangs - Firefoxエクステンション。スクリーンリーダ推測ツール
  • Venkman JavaScript Debugger - Firefoxエクステンション。JavaScriptデバッガ
  • ColorZilla - Firefoxエクステンション。カラーチューサー
  • FireShot - Firefox/IEエクステンション。スクリーンショット
  • Web Inspector - WebKit内臓。CSS/DOM/HTMLインスペクタ、JavaScript開発、ほか
  • FireFTP - Firefoxエクステンション。FTPクライアント

詳しくは取り上げられていないがPHP開発向けのFirePHP、SQLiteデータベースを使った開発を実施するためのSQLite Manager、Operaを開発ブラウザとして採用している場合のOpera Dragonflyも優れたツールとして言及されている。

IE8にはデバッグツールが内包された状態でリリースされるのではないかとみられているが、RCのリリースが2009第1四半期に予定されており、本リリースはもっと先になるとみられている。IEで活用できるエクステンションを知るうえでもJacob Gube氏の記事は資料として有益だ。