20140629_lod_x_firefox_os_x_html5

705 views
613 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
705
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

20140629_lod_x_firefox_os_x_html5

  1. 1. FirefoxOSアプリ Mozilla Japan テクニカルマーケティング 清水智公(nshimizu@mozilla-japan.org) FirefoxOS x HTML5 x LODWEBイノベーションハッカソン 2014/06/28
  2. 2. about:me 2
  3. 3. 清水智公(しみずのりただ) • Mozilla Japan 
 テクニカルマーケティング • 慶應義塾大学
 政策・メディア研究科非常勤 • @chikoski • https://slideshare.net/chikoski/ 3
  4. 4. about:mozilla 4
  5. 5. 6
  6. 6. 7
  7. 7. 全てWeb技術でできています 9
  8. 8. 10 ネットワーク、電池 連絡帳 動画、音楽、SDカード 通信量管理 アプリ間連携 アプリの管理 ブラウザ 通知 、プッシュ通知 カメラ Marketplace FMラジオ、端末の設定 ホーム画面、壁紙 電話、SMS 全てWeb技術でできています
  9. 9. FirefoxOS 11
  10. 10. 2013年発売の開発端末 12 OPEN (SIM Free)KEON PEAK
  11. 11. 2013年の商用展開 • 3種類の端末を、4つのキャリアが15カ国で展開 13 OPEN FIRE FIREWEB
  12. 12. 2014年:展開する国も増加 • 2013年:
 スペイン、ポーランド、コロンビア、ベネズエラ、ド イツ、ブラジル、ペルー、ウルグアイ、メキシコ、ハ ンガリー、ギリシャ、セルビア、モンテネグロ、イタ リア • 2014年:
 アルゼンチン、コスタリカ、エクアドル、エルサルバ ドル、グアテマラ、ニカラグア、パナマ、クロアチア
 チェコ、マケドニア 14
  13. 13. パートナーも拡大 • 2014年2月MWCでの発表分 • キャリア、SOCメーカー、デバイスメーカー、etc 15
  14. 14. 16
  15. 15. 国内でのコンテンツパートナー • 2014年2月MWCでの発表時 17
  16. 16. 2014年発売予定の新機種 18 ZTE OPEN II ZTE OPEN C
  17. 17. 2014年発売予定の新機種 19 FIRE C FIRE E FIRE S
  18. 18. 2014年発売予定の新機種 20 Y300
  19. 19. 25$スマートフォン • インドなどで展開予定 • 2社から発売予定 • Intex Technologies (India) Ltd. • S Mobility Ltd. (Spice holding company) 21
  20. 20. 2014年発売予定の新機種 22 FIRE 7
  21. 21. スマートフォン以外にも展開中 • パートナーの求めるデバイスへ展開 • Mozilla 自身はあくまでOS提供者 23
  22. 22. Flame:開発者向けレファンス端末 • Display: 4.5 inch FWVGA • CPU: MSM8210 Dual 1.2 GHz
 (Cortex-A7, Adreno 302) • RAM: 256 MB 1GB • ROM: 8 GB • Camera: 5 MP + 2MP • NFC, BT, Dual SIM 24
  23. 23. 2014年7月国内販売 • 株式会社びぎねっとより • TELEC、JATEなどを通過後 • Yahoo! Shopping 経由で販売 • 18,500 円(税別、送料込み) • http://www.mozilla.jp/flame/ 25
  24. 24. FirefoxOSのアーキテクチャ 26
  25. 25. FirefoxOSアプリの実行 27 日経コミュニケーション 201305 への寄稿原稿から引用
  26. 26. FirefoxOSアプリ 28
  27. 27. アプリ=タブ • z 29
  28. 28. HTML5でアプリが作成できる • 音楽プレーヤアプリとそのソースコード 30
  29. 29. アプリ=HTML+JS+アプリマニフェスト 31 Web サイト + マニフェストファイル でアプリになる!
  30. 30. アプリマニフェスト { "description":"Hello world app", "name":"Hello world", "icons":{ "128x128": "/img/icon/128.png } } 32
  31. 31. アプリの種類 • ホスト型アプリ • Webサイトから読み込んで実行 • オフライン対応アプリも
 実装可能 • パッケージ型アプリ • 従来のスマホアプリに対応 • 起動にネットワークを
 必要としない 33 パッケージ型 アプリ ホスト型
 アプリ
  32. 32. 権限によるアプリの分類 34 分類 説明 通常アプリ (web) 通常のアプリ。
 ホスト型、パッケージ型ともにこの権限で動作する。 特権アプリ (Privileged) パッケージ型アプリのみ。通常アプリより使用できる APIが増える。コードレビューによる審査が行われ、 Marketplaceによってデジタル署名が付加される。 認定アプリ (Certified) パッケージ型アプリのみ。全てのAPIが利用できる。
 キャリア、もしくはそれに準じる主体のみが作成可能。 システムアプリなどが対象。
  33. 33. WebAPI • アプリは Web API を通じて、資源やハードウェアへ アクセスする 35
  34. 34. WebAPI経由で扱えるもの • バッテリー情報、近接センサー、周辺光センサー、 端末の向き、加速度、位置情報、カメラ、録音、録 画、FMラジオ • NFC、TCPソケット、ネットワーク情報、プッシュ通 知、クロスドメインXHR、回線情報の取得 • ストレージデバイス、連絡帳、 • Payment、アラーム、通知 • などなど 36
  35. 35. Webアクティビティ • 他のアプリケーションの機能を呼び出すAPI • 例 • ギャラリーから画像を選ぶ • PDFを表示する • activietyRequest / activityResponse 37
  36. 36. 開発環境 38
  37. 37. アプリ=タブ 39
  38. 38. アプリ開発に必要なもの 40
  39. 39. 開発ツール→アプリマネージャ 41
  40. 40. アプリマネージャ 42
  41. 41. シミュレータ+ADBヘルパのインストール • ターゲットとするバージョンにあわせる 43
  42. 42. 44
  43. 43. 45
  44. 44. mozilla-apk-cli % npm install -g mozilla-apk-cli ! % mozilla-apk-cli ./www test_app.apk ! % adb install test_app.apk 46
  45. 45. UIフレームワーク 47
  46. 46. IntelAppFramework • http://app-framework-software.intel.com/ 48
  47. 47. Framework7 • http://www.idangero.us/framework7/ 49
  48. 48. OnsenUI • http://onsenui.io/ 50
  49. 49. レファレンス 51
  50. 50. FirefoxOSコミュニティ • http://fxos.org/ • メーリングリストベースのユーザコミュニティ • 技術的な質問が可能 52
  51. 51. MozillaDeveloperNetwork • https://developer.mozilla.org/ 53
  52. 52. MDN内のAppsセンター • https://developer.mozilla.org/docs/Web/Apps • アプリ開発者向けドキュメント 54
  53. 53. レファレンスアプリ • https://developer.mozilla.org/docs/Web/Apps/Reference_apps • アプリケーションの説明とサンプルコード集 55
  54. 54. システムアプリのソースコード • https://github.com/mozilla-b2g/gaia 56

×