のらねこの気まま暮らし

技術系だけど、Qiita向きではないポエムとかを書くめったに更新されないヤツ

FirefoxOSを試してみる

まえがきとかそんなものはない

FirefoxOSを試す。
それがたったひとつのシンプルな答え。

FirefoxOSについてぼくが知っていること

  • FirefoxOS持ってません。(世に出ているのかも知らん)
  • FirefoxOS Simuratorなるものがある
  • FirefoxOS simuratorはFirefoxのAdd-onとして提供されている
  • FirefoxOSはJavaScript, CSS, HTMLで構築できる

以上っ!!!!!
※この記事を書くまで、Fire”F"oxだと思ってました。Firefoxです。FFって略し方はおかしい!

なにはともあれFirefox(Desktop)をインストールする

Mac Book AirにはFirefox入ってなかったの。

以下よりインストール。
http://www.mozilla.jp/firefox/

Firefox OS Simurator をインストールする

以下にやり方はまとまってる。(英語)
https://developer.mozilla.org/ja/docs/Mozilla/Firefox_OS/Using_Firefox_OS_Simulator

Add-onは下からインストールできる(上記ドキュメントにもリンクはある)
https://addons.mozilla.org/en-US/firefox/addon/firefox-os-simulator/

Dashbordを開く

[ツール]->[Web開発]->[Firefox OS Simurator]

Simuratorを起動する

[Stopped]っていうトグルっぽいボタンが左っかわにあるのでそいつをクリックしてやる。

開発環境

基本的にnode.jsとvolojsというライブラリを使ってサーバ立ててごにょごにょするっぽい。

node.jsのインストール

さっき書いた。
http://mizuki-r.hatenablog.com/entry/2013/04/24/194255

volojsのインストール

globalにインストールしていいのか?とは思ったけど気にせずドーン

$ npm install -g volo

※path通ってなかったので、/usr/local/share/npm/binにpath通した。

サンプルアプリをチェックアウトしてくる

$ git clone git://github.com/mozilla/firefoxos-quick-start.git
$ cd firefoxos-quick-start/app
$ volo serve
starting web server on port 8008

Simulatorのブラウザを開いてhttp://localhost:8008を叩く

と動く。




今日はここまで!!1