Firefox OS アプリ開発ツール

このページは、Firefox OS アプリ開発者にとって便利なツール、ライブラリ、サンプルなどの一覧を提供します。コピーしてすぐに使えるコードテンプレートを探している場合も、開発中の Firefox OS アプリに特定の機能を追加するにあたって手助けが必要な場合も、これらのリンクは参考になることでしょう。

: Firefox OS に特化したデバッグ、開発ツールの詳細は、アプリのデバッグ を参照してください。

Firefox OS 専用ツール

このセクションでは、利用可能な Firefox OS 専用コードテンプレート、ライブラリ、スニペットープラグインを紹介します。

ひな形コード

WebIDE テンプレート
Firefox OS シミュレータ もしくは Firefox OS の実機を使って、Firefox OS アプリを実行、デバッグできる WebIDE です。WebIDE にはすぐに使える一連のテンプレートも付属しています。
Firefox OS Boilerplate App
これは Firefox OS 向けのデモアプリで、Web アクティビティパッケージ型アプリオフライン対応アプリ、さらに、バッテリー通知バイブレーション位置情報 をはじめとする各種 API など、Firefox OS アプリ内で様々な機能を使い始められるよう、単純なひな形コードを提供します。
FXOSSTUB
これは Firefox OS アプリケーションのための最小限の作業用テンプレートです。ひな形アプリのように包括的ではありませんが、初めてアプリを作る際に便利で使いやすく、再設定可能なテンプレートを提供します。すべての説明と 2 つのバージョンのテンプレートは ここ にあります。
Mortar
Mortar は、Mozilla Apps Engineering チーム の親切なスタッフによって作られた、アプリ開発を始めるための包括的なテンプレート集です。Hacks ブログに Mortar テンプレートの使用ガイド があります。
Dart Firefox OS Boilerplate App
Firefox OS Boilerplate App の完全な Dart 移植版で、Dart のためのドキュメント、テスト、サンプルが付属しています。
Recroom
Node.js ベースのクライアントサイド開発ツールキットで、時間の節約と効率改善に役立てられるよう、Ember.jsSassBrickGrunt など、様々なツールを統合しています。たいていのクライアントサイド開発に使えるワークフローを提供しますが、特にモバイルや Firefox OS アプリを意識して作られています。
Translation Tester
Firefox OS アプリの翻訳テストのために設計されたアプリです。アプリに翻訳対応を追加したいときの設計図も提供してくれます。

ライブラリ

fxosRate
fxosRate は、アプリケーションのユーザにそのアプリの評価を促すことで Firefox Marketplace アプリの宣伝を手助けするライブラリです。このライブラリは、一連の変数に基づき、ユーザにアプリの評価を尋ねる最適な瞬間を決定します。
Open External Links in New Window
Web アプリがクロームレスランタイム内で実行されている場合に、外部リンクを自動的に新しいウィンドウで開けるようにするライブラリです。これは Firefox OS や iOS 向けの Web アプリにとっては特に便利なものです。Firefox OS アプリのために開発されましたが、モダンな Web アプリ全般で動作します (最新版はここにあります)。
Moz Polyfills
Web アクティビティと HTML5 API を他のブラウザでも動かせるようにする一連のポリフィルです (お使いのブラウザで デモ を試してみてください)。
fxpay
Web アプリケーションを Firefox Marketplace の決済に対応させるための JavaScript ライブラリです (ドキュメントはここにあります)。

コードサンプル

Check Firefox OS version
実行中の Firefox OS のバージョンをチェックするためのコードサンプル。提案や問題があるときは StackOverflow 上のディスカッションを訪れてください。
Detect platform: Firefox Desktop/Firefox for Android/Firefox OS
ブラウザやシステム判別のためにユーザエージェントを読み取るコードサンプル。提案や問題があるときは StackOverflow 上のディスカッションを訪れてください。

コマンドラインツール

node-fxos
Firefox OS のための Node ツール。fxos-deploy、fxos-start、fxos-simulators、fx-ports、fxos-reloadcss、fxos-findapp が含まれます。gulp.js と Grunt のサンプルもあります。(air.mozilla.org にあるプレゼンテーション録画)

プラグイン

Firefox OS Bookmark for WordPress
WordPress サイトをホスト型 Open Web App に変換できるプラグイン。サイトをホスト型アプリとして Firefox OS、デスクトップ版 Firefox、Android 版 Firefox へインストールするのに必要な manifest.webapp ファイルを生成してくれます。

Firefox OS に対応している一般的な Web フレームワーク

Cordova
Apache Cordova (Adobe の PhoneGap ツールの基盤となっているフレームワーク) は、出力対象として Firefox OS に対応しています。詳しくは Cordova の Firefox OS 対応 を参照してください。Jason Weathersby の Cordova サンプルアプリ も見ると良いでしょう。
EnyoJS
Enyo は Firefox OS に対応しています。詳しくは Firefox OS support lands in EnyoJS 2.2 を参照してください。
Flambe
Flambe ゲームエンジンは、その出力先を Firefox OS アプリとしてパッケージできる機能を提供しています。詳しくは Flambe Provides Support For Firefox OS を参照してください。
Intel App Framework
Intel のモバイルアプリフレームワークは Firefox OS に対応しています。詳しくは App Framework and Firefox OS をご覧ください。
Marmalade SDK
Marmalade のクロスプラットフォームな C++ SDK には Firefox OS の Web 対応が追加されています。

そのほかの便利な資料

Protecting your Firefox OS code
この Hacks の記事は、Mozilla のヘルプフォーラムでリクエストが多い、Firefox OS のコード難読化に関するヒントを提供します。
Firefox OS app basics
このスクリーンキャスト集は、非常に役立つ Firefox OS 向けアプリ開発入門を提供してくれます。
Firefox app localization on Transifex
Transifex のサイト上にあるこのページは、ローカライズを必要としている開発者とボランティア翻訳者の協力を引き合わせる「ローカライズ取引」を提供しています。
Open Web Apps User Voice feedback channel
これは、Open Web Apps に関する建設的なフィードバックのための場所です。Open Web Apps や Web 全般をよりパワフルにする方法についてアイデアや機能の提案を受け付けています。
Mozilla Stack Overflow Q&A
Firefox OS、Firefox 開発者ツール、Web アプリ開発に関して質問できる最適な場所です。
Spoof FxOS
Firefox OS スマートフォンを持っていなくても、このアドオンを Android 版 Firefox にインストールすることで、Firefox OS 端末上で Web サイトがどのように動作するか、簡単なテストやデバッグを行うことができます。

ドキュメントのタグと貢献者

 このページの貢献者: kohei.yoshino
 最終更新者: kohei.yoshino,