Firefox OSメモ 簡単なアプリを作ってFirefox OS Simulatorで動かしてみる

Firefox OS Simulatorでなら、結構ちょちょいとアプリを動かすことができるっぽい。
試しに簡単なアプリを作って動かしてみる。

まず、最低限必要なファイルはこんだけだそうな。

  • マニフェストファイル(JSON形式っていうので書くそうな)
  • HTMLファイル

具体的にはこんなファイルを用意した。

  • manifest.webapp …マニフェストファイル(ファイル名はmanifest.webappとする必要がある)
  • index.html …メイン画面

15546_01

それぞれの内容はこんな感じ。
最低限アプリが動く内容にした。

  • manifest.webapp
    {
      "name": "Proto",
      "launch_path": "/index.html",
      "icons": {
        "128": "/img/icon-128.png"
      }
    }
  • index.html
    <!DOCTYPE html>
    <head>
        <meta charset=UTF-8>
        <title>Proto</title>
    </head>
    <html>
    <body>
        Hello World!!
    </body>
    </html>

で、Firefox OS Simulatorで作ったアプリを登録する。
手順はこんな感じ。

    1. Firefox OS Simulatorを起動する(起動方法はここ)。
      15546_02
    2. Dashboardの項目で”Add Directory”をクリックする。
    3. マニフェストファイルを選んでくれって言ってくるので、.webappの拡張子のファイルを選んで”開く”ボタンをクリックする。
      15546_06
      Dashboardにアプリの名前が出てきたら、アプリの登録できたことになる。
      15546_04
      ちなみに、このときシミュレータが起動する。
      15546_08

次に実行。
Dashboardで追加したアプリの右側にある”Run”ボタンをクリックする。

15546_04

実行するとこんな感じ。

15546_07

Firefox OS自体にアプリはこんな感じ(下の画像だと右下の”Proto”ってのが今回登録したアプリ)で登録される。

15546_09

とりあえず動いたけど、分からんことだらけだな…。
アプリも作り方や登録の仕方とかにいろいろなルールがあるみたいやし、何よりwebアプリを作った事ないし…これから激しく勉強だな。

まま、メモってことで。

Apps | MDN
https://developer.mozilla.org/ja/docs/Apps