読者です 読者をやめる 読者になる 読者になる

あんパン

こしあん以外は認めない

Firefox OS 開発入門 - 1

FirefoxOSがアツくなりそうなのでメモ。n番煎じ感がすごい

Firefox OSとは

Mozillaが作るスマートフォン向けOSらしい。Firefox名乗るだけにアプリが全てHTML/CSS/JavaScriptで書けるらしい。

何が素晴らしいって、Firefoxだけで実行/デバッグできるからEclipseみたいな面倒くさいIDEが不要ということ。それはつまり、Vimだけで開発できるということだ。

Vimで開発できる!!!!!!!!!!!!!!!

ああ。これは本当にすばらしい。

Simulatorのインストール

  1. Firefoxを最新版にします。
  2. ここからSimulatorのアドオンをインストールします。
  3. 起動します
  4. 楽しい!!!!!!!!!!!!!!!!!!!!!!!!!

f:id:masawada:20130609093750p:plain

Hello, worldを作ってみよう

ファイルの作成

cd /path/to/apps/directory && mkdir helloworld

vim manifest.webapp

{
  "name": "Hello, world",
  "description": "hello, world",
  "launch_path": "/index.html",
  "icons": {
    "128": "/img/icon-128.png"
  },
  "developer": {
    "name": "Your name",
    "url": "http://example.com"
  },
  "default_locale": "en",
  "fullscreen": "true"
}

vim index.html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>Hello, world</title>
<h1>Hello, world!</h1>
note 1

/img以下に128*128のicon-128.pngというアイコンファイルを適当に作って置くとアイコンが表示されます。

note 2

manifest.webappはこれ以外の名前だと起動しません。5分くらい詰まった。公式に書いてある。

実行

ツール > Web開発 > Firefox OS Simulatorを開いてAdd Directory、先ほど作成したmanifest.webappを指定するとDashboardにアプリケーションが追加される。で、Runを押すことでインストール&&実行される。

f:id:masawada:20130609093743p:plain

一旦まとめ

Webデベロッパなら学習コストをかけることなくアプリケーションが作れるね。ただし、UIはiOSやAndroidのように専用のエディタがあるわけではなく楽でないので、簡単に開発できるかと言われると多少疑問。

実機もまだ触れていないのでどれほどヌルサクになるかもわからない。(だれか買ってください)

それでも、日本ではKDDIがFirefoxOSに力を入れるらしいので期待。

さらに

当然Hello, world作るだけなんて何番煎じだよって感じするのでまだまだ続きます。

参考