Download to read offline
![{
"launch_path":"/index.html",
"installs_allowed_from":["*"],
"version":"0.0.1",
"name":"HelloCordova"
}
18](https://image.slidesharecdn.com/20140531-firefoxos-140607045026-phpapp01/75/20140531-firefox-os-18-2048.jpg)
20140531 firefox os
- 1. FirefoxOSアプリクイックツアー Mozilla Japan テクニカルマーケティング 清水智公(nshimizu@mozilla-japan.org) 中国Firefox OS勉強会 1st 2014/05/31
- 2.
- 3. 清水智公（しみずのりただ） • Mozilla Japan テクニカルマーケティング • 慶應義塾大学 政策・メディア研究科非常勤 • ＠chikoski • https://slideshare.net/chikoski/ 3
- 4.
- 5.
- 6.
- 7.
- 9.
- 10.
- 11. FirefoxOSの動作する最小構成 11 ハードウェア 最小構成 CPU 1GHz,single-core, ARM Cortex A5 互換 ストレージ 汎用：オンボード256MB、スマホ：トータルで4G システムRAM 128MB ディスプレイ 262K色、HVGA、マルチタッチ（2点は必要） GPU WebGLが利用可能、H.264動画を30FPSで描画可能 物理ボタン ホーム、電源、ボリューム
- 12.
- 13.
- 14.
- 15.
- 16.
- 17. アプリ＝HTML+JS+アプリマニフェスト 17 Web サイト +マニフェストファイル でアプリになる！
- 18.
- 19. アプリの種類 • ホスト型アプリ • Webサイトから読み込んで実行 •オフライン対応アプリも 実装可能 • パッケージ型アプリ • 従来のスマホアプリに対応 • 起動にネットワークを 必要としない 19 パッケージ型 アプリ ホスト型 アプリ
- 20.
- 21. WebAPI • アプリは WebAPI を通じて、資源やハードウェアへ アクセスする 21
- 22. 通常アプリで利用できるAPI 22 分類 使用できるAPI コミュニケーシ ョン Network InformationAPI ハードウェアア クセス Ambient Light Sensor API, Battery Status API, Pointer Lock API, Proximity API, Screen Orientation API, Vibration API, Geolocation API データ管理 Indexed DB, FileHandle API その他 Alarm API, Simple Push API, Web Notifications, App API, Web Activities, Web Payment API, WebAudio, WebGL, getUserMedia, Audio recording Firefox OS version 1.3 での場合
- 23. 特権アプリで利用できるAPI 23 分類 使用できるAPI コミュニケーシ ョン Network InformationAPI, NFC API, SystemXHR ハードウェアア クセス Ambient Light Sensor API, Battery Status API, Pointer Lock API, Proximity API, Screen Orientation API, Vibration API, Web FM API, SpeakerManager API, Geolocation API データ管理 Indexed DB, FileHandle API, Contacts API, Device Storage API, Browser API, TCP Socket API その他 Alarm API, Simple Push API, Web Notifications, App API, Web Activities, Web Payment API, WebAudio, WebGL, getUserMedia, Audio recording Firefox OS version 1.3 での場合
- 24. Webアクティビティ • 他のアプリケーションの機能を呼び出すAPI • 例 •ギャラリーから画像を選ぶ • PDFを表示する • activietyRequest / activityResponse 24
- 25. ギャラリーから画像選択 var activity =new MozActivity({ name: "pick", data: { type: "image/jpeg" } }); 25
- 26. レスポンスの処理 activity.onsuccess = function(){ var picture = this.result; console.log("A picture has been retrieved"); }; ! activity.onerror = function() { console.log(this.error); }; 26
- 27.
- 28. 配布方法 • ホスト型アプリの配布方法 • 通常のWebサイトと同様に公開 •パッケージ型アプリへの導線としての利用 • パッケージ型アプリの配布方法 • Firefox Marketplace での公開 • 自己配布も可能（通常アプリのみ） • 独自マーケットプレースを開設し、配布 28 パッケージ型 アプリ ホスト型 アプリ
- 29. • https://marketplace.firefox.com/ • Mozillaの提供するマーケットプレース • 特権アプリはここで公開できる • アプリ公開には審査が必要 29
- 30.
- 31.
- 32. 開発環境：Firefoxが動作する環境 32 ツール 説明 専用IDE なし 専用ライブラリなし デバッガ Firefox 付属の開発ツールを利用 プロファイラ Firefox 付属の開発ツールを利用 ネットワークモニタ Firefox 付属の開発ツールを利用 シミュレータ Firefox 付属の開発ツールにアドオンを追加
- 33.
- 34. FirefoxOSシミュレータ • Firefox OSのバージョンごとに 独立したアドオンとして提供 される • アプリマネージャから インストール、起動 34
- 35.
- 36. 実機でのデバッグ • シミュレータと同様のデバッグが可能 • 利用条件 •端末側はFirefox OS 1.2 以上であれば利用可能 • デスクトップ側の条件 • ADB Helper Add-onのインストール • もしくはadbがインストールされていること • USBで接続をすると自動認識される 36
- 37.
- 38.
- 39. 開発者向け端末 • TELEC, JATEなどの認証予定 •http://www.mozilla.jp/firefox/os/devices/flame/ • スペック • MSM8210 Snapdragon, 1.2GHZ Dual core • 4.5 inch, FWVGA • 8GB メモリ • NFC, Bluetooth 3.0, 802.11 b/g/n • 5MP AF, flash (rear) / 2MP (front) 39
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.