[TechDay] Web開発に便利なツール - Web Developer

Web Developer

このツールは大変便利です。
Firefoxのアドオンソフトで無償で利用できます。

機能が豊富なのでいろいろ紹介したいところですが。。今週はなかなか時間がないので簡単な紹介で勘弁してください。m(_ _)m



上記、サイトへ行ってインストールを行ってFirefoxを再起動すると「Web Developer」のツールバーができているのがわかります。このツールバーを見ただけでも機能が豊富なことがわかるでしょう。


たとえばページのformタグの詳細を表示したりすることが簡単にできます。表示させるためには、左の画像のようにツールバーのFormsを選択して「Display Form Details（D)」をチェックします。
このBLOG記事を書いている画面でFormの詳細を表示してみた状態が以下の画像です。
この他にもCSSをDisableにしたりCSS全体を別のページで展開したり、表示ページ上でペインを開いてCSSを編集して適用することも可能です。ツールバーのToolsにはValidator(HTMLやCSSの検証ツール)がそろっています。
弊社では101NEOというJava Servletアプリケーションとしてサーバーサイドのロジックを実行するスクリプト言語とサーバーエンジンを提供していますが、フロント側のコード(HTML、CSS)開発の補完として非常に便利なツールです。すでにお使いの方も多いと思いますがツールをお探しの方はぜひお試ししてみてはいかがでしょうか。