Fx OS n2_aoitan_firefox osことはじめ
- 1. Firefox OSことはじめ 株式会社 グローバルサイバーグループ システム開発２課マネージャ 藪下 正美 (a.k.aあおいたん)
- 2. はじめに
- 3. 自己紹介 • 名前：藪下 正美 • 会社：株式会社グローバルサイバーグ ループ • どんな人？ – @aoi_nagatsuki – プログラミング言語とかスマホとか好き
- 4. 会社紹介 • 株式会社グローバルサイバーグループ – やる気と人間性を大切にする総合開発企業 – とかはどうでもよくて • ブログやってます – http://www.gcg.bz/labo_blog/ – ＧＣＧ研究所で検索！ – ネタ募集中！ – 空いてる時に調べてブログに書くのでなんか 聞いてね！
- 6. 今日のアジェンダ（１／４） • 大まかな話 – FxOSとは – なぜwebなのか – 大まかな構造 – アプリの概要
- 7. 今日のアジェンダ（２／４） • アプリ開発 – 開発環境 – シミュレータ – 開発者ツール – AppMaker
- 8. 今日のアジェンダ（３／４） • FxOSの開発 – 開発機 – ホストOS – ビルド環境の構築 – ビルド
- 9. 今日のアジェンダ（４／４） • 宣伝 – コミュニティ紹介 – イベント予定 – ConoHa VPS
- 10. 大まかな話
- 14. 各OS毎に専用の アプリフォーマットの問題点 • OS毎の開発が必要 – プログラミング言語、APIはOSに依存 – 開発環境が制限されることもある • WebView+HTML5でマルチプラット フォームを謳うライブラリもあるが WebViewはサブセットなのでOS毎に差 異がある
- 15. 各OS毎に専用の アプリマーケットの問題点 • 販路が独占的 – 恣意的なレビュー – 基準がマーケットによってまちまち • 課金が独占的 – 他の課金システム利用不可(iOS/Windows Store)
- 16. 潜在的な開発者の多さ • iOS – 10万人 HTML5 • Android – 45万人 Android • HTML5 – ８00万人 iOS -2000000 3000000 8000000
- 17. 課題の克服 • Webの問題点 – 機能的な制約 – パフォーマンスの悪さ – マーケットの不在 • 解決の兆しが見えている
- 18. 機能的な制約の克服 • WebAPIとしてW3Cで勧告 • これまで弱点だったデバイスの制御やシ ステムの制御もAPIが定義されてきている • もちろん得意分野のコンテンツ技術も進 化している
- 19. これまでできなかったこと • システムステータスの取得・設定 – 通信状況、バッテリー状態、等 • デバイス制御 – 環境光センサー、近接センサー、加速度セン サー、等センサー制御 – WiFi、USB、BT、NFC、等多機能デバイス 制御
- 20. API環境図（１／６）
- 21. API環境図（２／６）
- 22. API環境図（３／６）
- 23. API環境図（４／６）
- 24. API環境図（５／６）
- 25. API環境図（６／６）
- 27. JavaScriptの高速化 • Firefox 22からJavaScriptエンジンが OdinMonkeyに変更になった – asm.js効果で高速に • Banana Benchが二倍ぐらい速い – FxOSはv1.1までGecko18ベースだがv1.2 でGecko26ベースに
- 28. 次世代JavaScriptへの 移行による高速化 • Class、 Typed Array、 ParallelArray、 等 • 静的解析しやすい言語仕様に • 現状Firefoxが一番移行が進んでいる
- 29. AltJSによる高速化 • Asm.jsでネイティブ並みの速さに – ただしマイクロベンチベース • Unreal Engineがブラウザ上で動く – Emscriptenでasm.js形式に – 変換に五日ぐらいかかったとかなんとか
- 30. WebAPIの定義による高速化 （ファイル操作） • ストレージAPI – IndexedDB、SessionStorage、 DeviceStorage、DataStore API • マルチメディアAPI – WebAudio、 WebRTC、Camera
- 31. WebAPIの定義による高速化 （デバイス制御） • ヒューマンインターフェイス – タッチイベント、バイブレーション、ゲーム パッド • センサーAPI – Geolocation、Orientation、Ambient Light、Proximity • ハードウェア制御 – USB、BT、FM Radio、NFC
- 32. WebAPIの定義による高速化 （通信系） • 通信API – WebSocket、TCP Socket、 UDP Diagram Socket • 連携 – WebActivity、WebIntent？、Push Notification
- 33. WebAPIの定義による高速化 （システム系） • システム情報 – 通信状態、バッテリー状態 • システム制御 – リソース制御、システム設定、アラーム動作、 バックグラウンド動作 • セキュリティ – Permission API、CSP
- 34. マーケットの不在の克服 • Firefox Market – ただこれだけだとOSごとにしかマーケット がない状況が変わらない • Web Payment API – 特定のマーケットによらない課金の仕組みが W3C勧告に – Paypal慣れてるとおなじみの手順の課金方法 を実現するAPI
- 36. 他のモバイルOSと比較 （Androidの構造） • Androidではブラウザ の機能はWebKitが実現 する • プラットフォーム固有 部分の実装はNative層 • AndroidのAPIはJNIを 通じてJavaで WebViewとして提供 される • HTML5アプリは WebViewの上に乗る
- 37. 他のモバイルOSと比較 （iOSの構造） • iOSではブラウザの機 能はWebKitが実現する • プラットフォーム固有 部分の実装は CoreService層 • ブラウザ部分はCocoa 層でUIWebViewとし て提供される • HTML5アプリは UIWebViewの上に乗 る
- 38. 他のモバイルOSと比較 （Firefox OSの構造） • FxOSではブラウザの機能 はGeckoが実現する • プラットフォーム固有部分 の実装はGeckoとGonk （HAL）層 • ブラウザ部分もGeckoで定 義されるがデスクトップブ ラウザと違ってChromeは ほとんど何もない • HTML5アプリはGeckoの 上に乗る – 余計なVMやコンポーネント が間に挟まらなくてシンプ ル
- 40. 大まかな構造 • 大きく以下の三つから できている – Gaia(システムアプリ) – Gecko(ブラウザ /HTMLエンジン) – Gonk(HAL) • 引用元 – https://developer.mo zilla.org/ja/docs/Mozil la/Firefox_OS/Platfor m/Architecture
- 41. Gonk • HAL層のインターフェイスをGeckoに合 致させるための層 • カーネルとドライバ自体はAndroidのも のを使う • FxOSの主要な層の中では実装量が極端に 少ない
- 42. Gecko • HTMLエンジンとブラウザを実装している層 • デスクトップのFirefoxで使用されるものと 同じもの – 現在デスクトップ版が2６ – 日本から手に入るFxOSの商用端末の出荷状態 （v1.1）では18 – v1.2にアップデートすると２６になる • HTMLやCSSのレンダリング、JSの評価、 WebAPIの提供など主要な部分はすべて Geckoで実装されている
- 43. Gaia • システムアプリやプリインアプリを実装している 層 • Geckoが起動してChromeプロセスを作ると Systemアプリがロードされる • ここに置かれるアプリはSystemアプリを除いて Contentプロセスという制限プロセスになる – ContentプロセスはChromeプロセスのプラグイン として動くことになる – デスクトップでいうFlashなどと同じ仕組み • ただしCertifiedというAPIに制限のないアプリタ イプを選択できる
- 44. アプリの概要 （さわり） • いわゆるHTML5アプリ • デバイスの制御などもWebAPIとして提供 される • 標準化されていないもの、されないもの はmozプリフィックス付で global.windowか global.window.navigatorあたりにぶら 下がっているはず
- 45. アプリの概要 （通常のWebアプリとの違い） • Manifest.webappを用意することでイン ストールできるようになる • すでに動いているWebアプリがあるなら 5分でFxOSアプリ
- 47. アプリ開発
- 48. 開発環境 • FxOSのアプリはただのHTML5なので お気に入りのHTML5アプリ開発環境を 使える – ちなみに藪下はvimで書いてFirefoxとか Chromeの開発者ツールでデバッグしてます • 最近よく聞くのはAptana Studioとか Intel XDKとかInteli Jとか
- 49. シミュレータ • Firefox OS v1.1 Simulator • Firefoxアドオンとして提供されている – アドオンセンターでFirefox OS Simulatorで検 索してAddしてみると簡単に導入できる – エンジンやAPIはFxOSもデスクトップも 同じGeckoなのでシミュレータで動けば ほぼ実機で動く • ただしシミュレータのほうが速いとかも普通にある – デバイス制御系はさすがにないので Firefox for Androidとかで試しましょう
- 50. 開発者ツール • 今どきのブラウザはJSの実行をブレーク したりステップ実行したりできる – もちろん変数がウォッチできるし値も 変えられる • AppManager – v1.2やv1.3のシミュレータを使うなら AppManagerを使う必要がある – たぶん清水さんが詳しく話してくれます
- 51. AppMaker • 開発ツールかというとちょっと違うかも • 簡単なRAD環境 – もともとプログラミング教育を研究している チームが中高生でも簡単にアプリを作れる環境を 作りたかった • ポチポチやると意外と楽しい • コンポーネント次第で化ける – のでAppMakerでアプリ作ったり コンポーネント追加するハッカソンやりました • Webプラットフォーム勉強会1311 • http://atnd.org/events/44944
- 52. Firefox OSの開発
- 53. 開発機 • ボード • スマートフォン • エミュレータ
- 54. ボード • Pandaboard – OMAPなのでSnapdragonが多いFxOS界隈で はちょっと（だいぶ？）ニッチ • APC Paper/Rock – ViaからAndroid向けに出ていたボード – 最近FxOS搭載版が出た • 一部ではRaspberry Piで動かそうとしてい る人たちがいるとか – 結構みんな独立にやってるっぽい – かくいう藪下もその一人でした
- 55. スマートフォン • Keon/Peak/Peak+/Unagi/Otoro – Geeksphoneから一般に発売中の開発端末 – Unagi/OtoroはKeon/Peakのコードネーム • ZTE Open/Inari – eBayでSIMフリー版が発売中 – 日本からだとeBay HKあたりなら買えるはず – InariはZTE Openのコードネーム • Nexus S/Nexus S 4G/Nexus 4/Nexus 5 • Galaxy Nexus/Galaxy S2
- 56. エミュレータ • デスクトップ – Firefoxの上でGaiaを動かすもの • エミュレータ（ARM/ｘ８６） • エミュレータJB（ARM/ｘ８６） – Firefox OS本体を修正した場合などは主にエミュレータ で動作確認する – JB版はv1.2以降で下敷きにするAndroidのバージョンが 4.3になるのでそのためのもの • シミュレータ – 前述のシミュレータ – 今後バージョンごとに出そう – 実は全言語版がこっそりある • http://r2d2b2g.flod.org/
- 57. ホストOS • Mac OS X – Lion推奨 – 山Lion以降の場合Xcodeのバージョン的に 注意点がある • 各種Linux – 各ディストリビューションの差異でビルド 環境構築の注意点が違うかも – 基本的にはAndroidのビルド環境と同じなので 注意点はAndroid4.0以降向けの情報を探せばOK • Windows – Cygwinではつらかとです。。。
- 58. ビルド環境の構築 • 基本的にはAndroidと同じなのでざっくり以下のパッケージを 入れればよい – – – – – – – – – – – – • autoconf 2.13 Bison/flex Bzip2/ 32-bit zlib ccache curl gawk git gcc / g++ / g++-multilib make OpenGL headers X11 headers 32-bit ncurses 詳しくはこちら – https://developer.mozilla.org/enUS/Firefox_OS/Firefox_OS_build_prerequisites
- 60. config.sh • 各デバイス向けのコンフィグと リポジトリのクローン、更新、チェック アウトをしてくれる – デバイス名がわからないときは引数なしで 実行すると一覧される • 対応機種以外は地道な移植作業が 待ってます。。。
- 61. build.sh • コンフィグが完了したらbuild.shで ビルド開始する – Androidでもおなじみマルチスレッド スイッチがあるのでコア数に合わせて -j<数字>をつける – Gaiaとかgeckoとつけるとモジュールごと ビルドも可能
- 62. flash.sh • 実機への焼きこみスクリプト – build.sh同様gaiaとかgeckoをつけると モジュールごと焼きこみが可能 • 端末によってはsudoしないとfastbootが こけるかも
- 64. 宣伝
- 65. コミュニティはじめました • FxOSコードリーディング – Facebook • https://www.facebook.com/groups/fxos.code.readin g/ – Github • https://github.com/FxOS-Code-ReadingGroup/MainRepo – OpenGrok • ドメイン取得次第一般公開します • 現在グループ内限定で公開してます – AppMaker • FxOSコードリーディングでコンポーネントを追加している AppMakerもドメイン取得次第公開します
- 66. FxOSコードリーディングって？ • FxOSのソースコードを読みます – 好きなところを読みます – 気軽に読みます – 必要なのは読みたい気持ちとソースだけです – 気軽に知ってることを教えあいましょう • そのソースここらへんとかそれにはこれが参考に なるかもとか
- 67. ミートアップの様子 • たまには集まって 読みます – １１／４にやったミー トアップイベントのよ うすです。 • いいづかさんの Qiitaから – http://qiita.com/iizu kak/items/fea7fb9 27e3056230a43
- 68. イベント予定 • わんくま勉強会名古屋＃３０ – ２／１５ – 関西Firefox OS勉強会で登壇されているuniunixさんが登壇されます • 関東Firefox OS勉強会６th – ２／１６ – 今回はハンズオンですよ！ • FxOSコードリーディングミートアップ＃４ – ２／２２ – 休日開催なのでのんびりまったりやりましょう • FxOS Gecko勉強会その３ – ３／５ – HTMLの描画に起因する速度低下がテーマです • ABC2014Spring – ３／２１ – FxOSコミュニティでブース出します – 講演依頼もあるので誰かが何か話します
- 69. ConoHa VPS • FxOSコードリーディングではGMO様 よりコミュニティ支援でConoHa VPSを ご提供いただいています – ConoHaについて詳しくはこちら • http://www.conoha.jp/ • アカウントの音声認証でこのはたん（CV 上坂す みれ）がアナウンスしててビビりました – コミュニティ支援についてはこちら • http://www.conoha.jp/news/674.html