5分で済む Firefox OS アプリ開発 with PhoneGap / Cordova

話題を集めているFirefox OSですが、PhoneGapを使うとアプリ開発を5分でできますよ!嘘じゃない。方法はこんな感じです。

1. PhoneGap/Cordovaアプリをつくる

andhall:~> cordova create fftest com.fftest "FF Test"
Creating a new cordova project with name "FF Test" and id "com.fftest" at location "/Users/andhall/fftest"
andhall:~> cd fftest/
andhall:fftest> cordova platform add firefoxos
Creating firefoxos project...
Creating Firefox OS project
Project Path platforms/firefoxos
Package Name com.fftest
Project Name FF Test
Generating config.xml from defaults for platform "firefoxos"
Preparing firefoxos project
andhall:fftest> cordova prepare firefoxos
Generating config.xml from defaults for platform "firefoxos"
Preparing firefoxos project

上記の cordova prepare コマンドで、Firefox OS向けのWebアプリが用意されます。

(PhoneGap/Cordovaとは何か、そして初め方についてはこちらをご参照ください!)

2. Firefoxを起動

3. 「about:app-manager」を開く

そして「Add Packaged App」で、アップマネージャにアプリを追加します

4. アプリの /platforms/firefoxos/www を選択

5. 「Start Simulator」を選択

6. Firefox OSのシミュレータをインストールする

(初めての場合のみ)

7. シミュレータを起動


こんな感じに起動されます:

8. UpdateまたはDebugを選択

DebugのツールはFirefox自体と同じもので、結構優れています。

アップデート、またはDebugを行うとPhoneGapアプリが、シミュレータのアプリリストに出てきます。

9. アプリをクリックして起動する


それだけです!

PhoneGapアプリのソースを編集したら、cordova prepare を行って、「Update」ボタンをまた押して動作確認できます。そして未来に、cordova emulate firefoxos をターミナルで打つだけで、シミュレータが出てくるようなるらしいですので、それもを期待しましょう!