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

サイドバー

About

Contents

Materials Link

その他

PR

目次

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

概要

インストール方法

ダウンロード

ユーザ用ツール

サイト用ツール

サイドバー

About

Contents

Materials Link

その他

PR

目次

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

概要

インストール方法

ダウンロード

ページ用ツール