Webアプリ開発に使えるブラウザエクステンション15選

 

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氏の記事は資料として有益だ。



転職ノウハウ

あなたが本領発揮できる仕事を診断
あなたの仕事適性診断

シゴト性格・弱点が20の質問でサクッと分かる!

「仕事辞めたい……」その理由は?
「仕事辞めたい……」その理由は?

71%の人が仕事を辞めたいと思った経験あり。その理由と対処法は?

3年後の年収どうなる? 年収予報
3年後の年収どうなる? 年収予報

今の年収は適正? 3年後は? あなたの年収をデータに基づき予報します。

激務な職場を辞めたいが、美女が邪魔して辞められない
激務な職場を辞めたいが、美女が邪魔して辞められない

美人上司と可愛い過ぎる後輩に挟まれるエンジニアの悩み

人気記事

一覧

イチオシ記事

新着記事

秋葉原で一番くじ『艦これ』×『アニON STATION』のコラボイベントを開催
[18:00 7/30] ホビー
冬目景の新連載がバーズで、ミュージシャン父に持つ女子高生と美人転校生描く
[17:44 7/30] ホビー
[生駒里奈]「もっと血だらけになりたい」ホラー第3弾へ意欲
[17:01 7/30] エンタメ
[リトルマーメイド]「名古屋四季劇場」オープニング作 人魚が宙を“泳ぐ”演出に注目 あすチケット発売
[17:00 7/30] エンタメ
TVアニメ『アルスラーン戦記 風塵乱舞』第五章のあらすじ&先行場面カット
[17:00 7/30] ホビー

求人情報