Upload
honma-masashi
View
1.376
Download
0
Embed Size (px)
Citation preview
Gaia
Gaia とは● HTML5 (+ CSS + JavaScript) で書かれた UI。● UI 自体が HTML5 で書かれているのは Firefox OS だ
け。● HTML5 を使っているのでカスタマイズが容易。今日の
テーマは Gaia のカスタマイズ。
r2d2b2g のインストール
USBメモリ内のファイルを使用 r2d2b2g-mac.xpi ファイルを Firefox にドラッグ&ドロップす
る。 下記メッセージが表示されるので「今すぐインストール」ボタン
を押す。
r2d2b2g のインストール
URL: http://people.mozilla.org/~myk/r2d2b2g/ (70M ぐらいあるので会場の方は USB メモリでまわします) r2d2b2g-windows.xpi ファイルを Firefox にドラッグ&ドロッ
プする。 下記メッセージが表示されるので「今すぐインストール」ボタン
を押す。
フォルダを開く
フォルダの場所を探す FirefoxのURL に about:support と入力。 「アプリケーション基本情報」の「フォルダを開く」ボタンを押
す。 extensions/[email protected]/profile/webapps/syst
em.gaiamobile.orgを開く。
起動画面のカスタマイズ
ソースコードの書き換え application.zip をコピーして application.zip.bak としてバッ
クアップ。application.zip を解凍。 application/index.html をエディタで開く。 #initlogoの中のbackgroundの
initlogo.png を firefox-phone-mini.png に
bottom, right を center に変更。 application/shared/resources/branding に
firefox-phone-mini.png をコピー。 applicationフォルダの下をzipで圧縮。 ※フォルダを圧縮しないように注意! エミュレーターを再起動して右図が表示されていれば成功。
壁紙の追加
ソースコードの書き換え extensions/[email protected]/profile/webapps/wall
paper.gaiamobile.orgを開く。 application.zipをバックアップする。 application/resources/320x480/に追加したい壁紙ファイル
を置く。
※サイズは320x480。 application/pick.html をエディタで開く。 div class=”wallpaper” 要素を追加。
Web API 一覧
Firefox OS で使用可能な API 近接センサー、電源管理、バイブレーション等 JavaScript から
ハードウェアを制御できる。 Firefox OS で使用可能な API 一覧
https://wiki.mozilla.org/WebAPI
※開発中なので動作しない/問題があるものもあり これ使ってみたい等あれば可能な限りサポートします