Recommended
More Related Content
Similar to 20140531 firefox os
Similar to 20140531 firefox os (20)
More from Noritada Shimizu
More from Noritada Shimizu (20)
20140531 firefox os
- 1. FirefoxOSアプリクイックツアー Mozilla Japan テクニカルマーケティング 清水智公 (nshimizu@mozilla-japan.org) 中国Firefox OS勉強会 1st 2014/05/31
- 2. about:me 2
- 3. 清水智公（しみずのりただ） • Mozilla Japan テクニカルマーケティング • 慶應義塾大学 政策・メディア研究科非常勤 • ＠chikoski • https://slideshare.net/chikoski/ 3
- 6. 6
- 7. 7
- 9. アプリ＝タブ 9
- 10. FirefoxOS 10
- 11. FirefoxOSの動作する最小構成 11 ハードウェア 最小構成 CPU 1GHz, single-core, ARM Cortex A5 互換 ストレージ 汎用：オンボード256MB、スマホ：トータルで4G システムRAM 128MB ディスプレイ 262K色、HVGA、マルチタッチ（2点は必要） GPU WebGLが利用可能、H.264動画を30FPSで描画可能 物理ボタン ホーム、電源、ボリューム
- 13. より詳細なアーキテクチャ 13
- 15. FirefoxOSアプリ 15
- 17. アプリ＝HTML+JS+アプリマニフェスト 17 Web サイト + マニフェストファイル でアプリになる！
- 19. アプリの種類 • ホスト型アプリ • Webサイトから読み込んで実行 • オフライン対応アプリも 実装可能 • パッケージ型アプリ • 従来のスマホアプリに対応 • 起動にネットワークを 必要としない 19 パッケージ型 アプリ ホスト型 アプリ
- 21. WebAPI • アプリは Web API を通じて、資源やハードウェアへ アクセスする 21
- 22. 通常アプリで利用できるAPI 22 分類 使用できるAPI コミュニケーシ ョン Network Information API ハードウェアア クセス 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 Information API, 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. アプリの公開・配布 27
- 28. 配布方法 • ホスト型アプリの配布方法 • 通常のWebサイトと同様に公開 • パッケージ型アプリへの導線としての利用 • パッケージ型アプリの配布方法 • Firefox Marketplace での公開 • 自己配布も可能（通常アプリのみ） • 独自マーケットプレースを開設し、配布 28 パッケージ型 アプリ ホスト型 アプリ
- 29. • https://marketplace.firefox.com/ • Mozilla の提供するマーケットプレース • 特権アプリはここで公開できる • アプリ公開には審査が必要 29
- 31. アプリ開発環境 31
- 32. 開発環境：Firefoxが動作する環境 32 ツール 説明 専用IDE なし 専用ライブラリ なし デバッガ Firefox 付属の開発ツールを利用 プロファイラ Firefox 付属の開発ツールを利用 ネットワークモニタ Firefox 付属の開発ツールを利用 シミュレータ Firefox 付属の開発ツールにアドオンを追加
- 33. アプリマネージャ • 開発中のアプリとシミュレータの管理ツール • Firefox の標準機能 33
- 34. FirefoxOSシミュレータ • Firefox OS のバージョンごとに 独立したアドオンとして提供 される • アプリマネージャから インストール、起動 34
- 36. 実機でのデバッグ • シミュレータと同様のデバッグが可能 • 利用条件 • 端末側はFirefox OS 1.2 以上であれば利用可能 • デスクトップ側の条件 • ADB Helper Add-onのインストール • もしくはadbがインストールされていること • USBで接続をすると自動認識される 36
- 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
- 43. レファレンス 43
- 44. FirefoxOSコミュニティ • http://fxos.org/ • メーリングリストベースのユーザコミュニティ • 技術的な質問が可能 44