やっつけ不定記

好きなときに好きなことをちゃっちゃと書いてます

続Intel's App Frameworkを触ってみた

昨日やったことを書き並べてみます。


(1)App Frameworkの取得
http://app-framework-software.intel.com/
からZIPファイルを適当に落とす。落とした時点でバージョン2.1でした。


(2)ディレクトリ構成の作成
(1)のファイルを展開する(appframework.ui.min.js,af.ui.base.css,icons.min.cssの取得)。
https://hacks.mozilla.org/2014/05/app-framework-and-firefox-os/
を参考に、Firefox OSアプリのディレクトリ構造に配置する。
app.jsは適当にtouchコマンドで作成。
manifest.webappはMozillaのサイトや過去のアプリを参考に作成
(iconsとlaunch_pathエントリさえ間違えなければ、たぶん何とかなる)。
アイコンファイル配置用ディレクトリとアイコンファイルを準備する。


(3)HTMLファイルの作成
上記Mozillaさんの記事を参考に、HTMLファイルを作成する。
スタイルシートやJSのファイル名指定が微妙に間違っているところがあるので、
(2)で作ったファイルやディレクトリ構造に合うように編集する。


(4)Firefox OSアプリとしてデプロイ
FirefoxのApp Managerからシミュレータないし実機にインストールする。
実行結果がうまく行かない場合は、デバッグツール等で直す。


ZIPで固めれば、AndroidFirefoxに入れて動かすこともできると思います。