超定番から上級者向けまで！ ネットツール徹底活用 第1回

上級者向け！ 一歩進んだFirefoxアドオン徹底ガイド

ウェブ制作に役立つツールがほしい

　最後に紹介するのは、サイトデザインなどウェブ制作に役立つアドオン。ページのデザインを確認したり、HTMLの情報を分かりやすく表示してくれるなど、サイトの編集分析に役立つ大物ツールを紹介しよう。

■ View Sorce Chart

　HTMLソースをグラフィカルに表示する。右クリックメニューから呼び出せる。標準のソースコード表示機能よりもぱっと見で分かりやすく、問題点の発見に威力を発揮しそうだ。

■ IE View Lite

　現在開いているページをIEで開く機能。右クリックメニューから呼び出せる。「IE View」の機能縮小版にあたる。

■ Font Finder

　選択したテキストのプロパティを右クリックメニューから確認できる。複数のHTML要素にまたがって選択している場合は動作しない点に注意。

■ Site Information Tool

　現在開いているサイトの情報を右クリックメニューから確認できる。IPアドレスはもちろんページランクからサイトの設置場所まで詳細な情報が得られる。

■ DOM Inspector

　Webページを構造的及び視覚的に調査編集ができる開発ツール。他のアドオンと組み合わせると、より簡単かつ便利に使えるようになる。Google Chromeでは標準機能として搭載されている。

■ InspectorWidget

　DOM Inspectorの機能をより直感的な操作で利用できるようにする追加アドオン。(1)虫眼鏡ボタンをクリックして、(2)ページ内の調べたい部分をクリックする2ステップ操作で、DOM Inspectorにて該当部分の情報を表示できる。