目次

002 はじめてのFirefox OS アプリ作成

概要

FirefoxOSアプリといっても基本的にはHTML5+CSS+Javascriptで作成します。 また、各ファイルはUTF-8で保存する様にしてください。文字化けする可能性があります。

<!-- index.html -->
<!DOCTYPE html>
<meta charset=UTF-8>
<title>はじめてのFirefoxOSアプリ</title>
 
<h1>はじめてのFirefoxOSアプリ</h1>
<p>
	Welcome to Firefox OS!
</p>

アプリの実装はこれで終わりで、やってみるとただのHTMLファイルになっている。 後はFirefoxOSのアプリとして定義しインストールするためのマニフェストファイルを作成します。

// manifest.webapp
{
  "name": "HelloWorld",
  "description": "アプリの説明",
  "launch_path": "/index.html",
  "icons": {
    "16": "/img/icon-16.png",
    "48": "/img/icon-48.png",
    "128": "/img/icon-128.png"
  },
  "developer": {
    "name": "YourName",
    "url": "YourURL"
  },
  "default_locale": "ja"
}

クイックスタートから必要最低限のコードを引っ張ってきただけのとてもシンプルな物になっています。

インストール方法

Firefox OS Simulator の「Add Directory」からアプリケーションのマニフェストファイル(webapp)を指定するとインストールされます。

ダウンロード

firefox_helloworld.zip