Mozilla、開発者向けブラウザをリリース

先週の約束通り、MozillaはWebデザイナー向けに特別に開発されたブラウザ「Firefox Developer Edition」をリリースしました。このWebオーサリングツールセットには、WebIDE、Valence、Webオーディオエディタ、スタイルエディタなど、Webサイトやアプリの設計とデバッグに役立つ機能が多数搭載されています。

「まず目に留まるのは、ブラウザ全体に流れる独特のダークデザインです」と、Mozilla の開発ツール担当ディレクター、デイブ・キャンプ氏は述べています。「開発ツールのテーマをブラウザ全体に適用しました。すっきりとシャープなデザインで、画面上のコンテンツのためのスペースを節約することに重点を置いています。また、クリエイティブなアプリ開発ツールによくあるダークなデザインにもマッチしています。」

新しい開発者向けブラウザには、ウェブオーディオおよびスタイル（CSS）エディタに加え、ブラウザからのネットワークリクエストを表示するためのネットワークモニター、JavaScriptデバッガ、ウェブサイトのCSSおよびHTMLコードをチェックするためのページインスペクタが搭載されています。また、ウェブページのログ情報を表示するためのウェブコンソールや、ブラウザウィンドウのサイズを変更せずにウェブサイトやアプリをさまざまな画面サイズで表示できるモードも用意されています。

このブラウザでは、WebIDEとValenceという2つの新機能も導入されています。後者は元々Firefox Tools Adapterと呼ばれていたもので、開発者が複数のブラウザやデバイス向けのアプリを作成・デバッグできるようにします。これは、Mozillaの新しい開発者向けブラウザを他のブラウザエンジンに接続することで実現されます。

「Valenceは、Firefox OSとAndroid版Firefoxのデバッグ用に開発した優れたツールを、Android版ChromeやiOS版Safariなど、他の主要モバイルブラウザにも拡張します」とキャンプ氏は述べた。「現在、これらのツールには、インスペクタ、デバッガ、コンソール、そしてスタイルエディタが含まれています。」

WebIDEは、テンプレートを使用するか、任意のWebアプリのコードを開いて編集することで、ブラウザ内でアプリを作成できます。作成したアプリは、1回のクリックでシミュレーターで実行でき、2回のクリックでデバッグできます。また、アプリのファイルを編集することも可能です。

Developer Editionをご利用になりたい開発者の方は、こちらからブラウザをダウンロードできます。このページでは、WebIDE、Valence、Web Audio Editorなど、ブラウザに付属するすべてのツールのビデオサンプルもご覧いただけます。

Kevin Parrishを@exfilemeでフォローしてください。  @tomshardware 、  Facebook  、  Google+でフォローしてください。

ケビン・パリッシュは、ライター、編集者、製品テスターとして10年以上の経験を有しています。コンピューターハードウェア、ネットワーク機器、スマートフォン、タブレット、ゲーム機、その他のインターネット接続デバイスを専門に扱っています。彼の記事は、Tom's Hardware、Tom's Guide、Maximum PC、Digital Trends、Android Authority、How-To Geek、Lifewireなどに掲載されています。