前回の「Web Developerでウェブサイトを構築・デバッグ」に引き続き、今回もウェブ開発向けのFirefoxアドオン「Web Developer」の基本機能を紹介する。 CSSやHTMLの編集 Web Developerの大きな特徴に、ファイルそのものを書き換えることなくHTMLやCSSの編集結果をプレビューできるという機能がある。 例えばCSSの場合、ツールバーから［CSS］−［CSSを編集する］を選択すると、現在のページが使用しているCSSがサイドバー（表示場所は変更可能）に表示される。これを変更し、上部の［適用］アイコンをクリックすると、その内容が表示中のページに反映される。 元に戻すには［リセット］アイコンをクリックすればよい。もちろん、編集したCSSをローカルのファイルに保存することもできる。
Webアプリケーションの開発やWebデザインの調整に欠かせないツールにFirefoxエクステンションであるFirebugがある。Firebugへの開発者の評価は高い。今後各ブラウザがデバッグツールを同梱してくるとみられるため、向こう半年から1年で状況が変わる可能性もあるが、今のところFirebugの便利さは抜きん出ている状況だ。 FirebugはFirefoxエクステンションだが、それ自身が拡張可能な仕組みになっているため、Firebugをベースとして別のツールを実行することもできる。そこでWebmonkeyに掲載されているThe 5 Best Firebug Extensionsを紹介したい。 同サイトでは、Firebugをベースとして開発されたエクステンションをピックアップしている。紹介されているエクステンションは次のとおり。 YSlow - Webサイトパフォーマンス評価ツール Fi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
