ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Firefoxといえば元々IEに対するアンチテーゼな存在として登場し、表示の高速さやコミュニティベースのアドオンによって一気にシェアを広げました。その後、Google ChromeやSafariの登場によってシェアは伸び悩んでいますが、今なお重要なブラウザです。

そんなFirefoxから原点回帰とも言えるバージョンが登場しました。それが開発者向けFirefox、Firefox Developer Editionです。

Firefox Developer Editionの使い方

黒いブラウザで格好良いです。
黒いブラウザで格好良いです。

Sync機能ももちろん使えます。これによりAndroid版Firefoxとタブやブックマーク、パスワードが同期できます。
Sync機能ももちろん使えます。これによりAndroid版Firefoxとタブやブックマーク、パスワードが同期できます。

Web IDE。WebアプリやFirefox OS向けアプリが開発できます。
Web IDE。WebアプリやFirefox OS向けアプリが開発できます。

内容は純粋なHTMLです。
内容は純粋なHTMLです。

ハイライトも備わっています。
ハイライトも備わっています。

コンポーネントでFirefox OSシミュレータがインストールできます。
コンポーネントでFirefox OSシミュレータがインストールできます。

こんな感じでシミュレーション可能です。
こんな感じでシミュレーション可能です。

インスペクタは多機能で便利です。
インスペクタは多機能で便利です。

スタイルエディタ。
スタイルエディタ。

要素の検証は水平、垂直線が表示されます。
要素の検証は水平、垂直線が表示されます。

元々入っているアドオンです。
元々入っているアドオンです。

ブラウザウィンドウの大きさを変えなくても表示サイズを変更できます。これでレスポンシブの確認が捗りますね。
ブラウザウィンドウの大きさを変えなくても表示サイズを変更できます。これでレスポンシブの確認が捗りますね。

タブレットサイズ。
タブレットサイズ。

iOSシミュレータと接続もできます!
iOSシミュレータと接続もできます!

Firefox Developer Editionはまさに開発者(プログラマ、デザイナー)向けのブラウザになっています。普段使いもさることながら、Webアプリケーションを開発するときに使ってみてはいかがでしょう。

Firefox Developer EditionはWindows、Mac OSX、Linux用Mozilla Public Licenseのオープンソース・ソフトウェアです。

Firefox Developer Edition — Mozilla

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2