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.js、Sass、Brick、Grunt など、様々なツールを統合しています。たいていのクライアントサイド開発に使えるワークフローを提供しますが、特にモバイルや 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 サイトがどのように動作するか、簡単なテストやデバッグを行うことができます。