【特集】

Webアプリケーション開発者向け Firefox拡張機能 33+1選

4 IDE「Web Developer」(3) 主要6機能(2)

沖林正紀  [2007/03/23]

d. ソースコードの編集

ソースコードの編集自体は、テキストエディタなどでもできるが、開発作業中に頻繁にウィンドウを切り替えなければならないのが面倒に感じられることも少なくない。Web Developerの場合は、図5のように、ブラウザの画面のすぐ隣でHTMLを編集して画面に反映させることができる。ただし、ここに表示されているHTMLはBODY部分のみだ。それでも作業効率がアップすることは間違いない。図5のような状態で、右ペインのタブを切り換えて別のページを表示させると、左ペインのHTMLの内容も同期して切り替わるのもうれしい。

図5 HTMLの編集画面

e. ソースコードなどの検証

Webページを開発するにあたって、業界標準への準拠が求められることがある。そうした場合には、W3Cの検証サービスを利用してソースコードをチェックしている開発者も多いのではないだろうか。検証サイトを利用する場合、通常はこのサイトのフォームにURLやソースコードを入力するのだが、Web Developerでは、画面を表示させてメニューを選ぶだけで同等の操作を行うことができる。

f. 各種操作のショートカット

通常はエラーコンソールやページ情報のウィンドウを表示させる場合、メニューバーの「ツール」から選択する必要があるが、Web Developerのツールバーにあるアイコンをクリックするだけでこれらのウィンドウが表示できる機能だ。大掛かりな機能ではないが、やはり開発者が利用することを考えて操作性に配慮した姿勢がうかがえる。

このほかにもさまざまな機能があるが、それらについては、インフォアクシアによる機能一覧や本家サイトのドキュメントを参照していただきたい。

    新着記事

    特設サイトの情報

    求人情報

    人気記事

    一覧

    イチオシ記事

    新着記事

    特別企画

    一覧

    転職ノウハウ

    あなたの仕事適性診断

    4つの診断で、自分の適性を見つめなおそう!

    Heroes File ~挑戦者たち~

    働くこと・挑戦し続けることへの思いを綴ったインタビュー

    はじめての転職診断

    あなたにピッタリのアドバイスを読むことができます。

    転職Q&A

    転職に必要な情報が収集できます

    スカウト転職する

    企業からアプローチのメッセージが届きます。