firefox osの何が嬉しいか
DESCRIPTION
神戸ITフェスティバルの発表資料です。TRANSCRIPT
![Page 1: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/1.jpg)
Firefox OSの が しいか何 嬉
住友 孝郎@cattaka_net
![Page 2: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/2.jpg)
自己紹介● 住友 孝郎(すみとも たかお)● 関西Firefox OS の り勉強会 旗振
● ブリリアントサービス株式会社 所属● 業務系Webアプリ開発
● Androidアプリケーション開発
● とか研究開発
– ロボット な か的 何
– な か画像認識的 何
– Firefox OS な か的 何
– Tizen IVI な か的 何
住友 孝郎@cattaka_net
![Page 3: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/3.jpg)
にやってます雑多
![Page 4: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/4.jpg)
"フォクすけ" (C) 2008 Mozilla Japan
フォクすけ余談:
![Page 5: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/5.jpg)
フォクすけ人形
![Page 6: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/6.jpg)
フォクすけロボ
![Page 7: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/7.jpg)
Firefox OSとは
![Page 8: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/8.jpg)
Firefox OS● Web を とする技術 基礎 OS● HTML/CSS/JavaScriptでアプリが れる作
![Page 9: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/9.jpg)
アプリケーションの種類● Hosted app● Packaged app
● Privileged app● Certified app
![Page 10: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/10.jpg)
UI● ハードウェアキー
● ホーム、ボリューム、電源
● Androidのように るキーは い戻 無
![Page 11: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/11.jpg)
Firefox OSのこれまで● 2011年7月
● レベルで研究 発表
● この はまだ は「頃 名前 Boot to Gecko(B2G)」でした
● 2012年7月● 「Firefox OS」に 、改名
スクリーンショットが される公開
● 2013年4月● けデバイス開発者向 発売
– KeonとPeak
![Page 12: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/12.jpg)
Firefox OSのこれまで● 2013年7月
● ZTE「ZTE Open」販売開始
● TCL「ALCATEL ONE TOUCH Fire」販売開始
![Page 13: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/13.jpg)
なぜFirefox OSか?
![Page 14: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/14.jpg)
スマートフォンの現状● Android、iPhoneはイノベーションを こした起
● それぞれ 自の目 があった独 的
● それぞれ 自の をした独 進化
![Page 15: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/15.jpg)
は かれている、しかし れた道 開 荒 道
● なる や異 言語 API● 自独 仕様
● ベンダー依存
● の実装依存(互換性 喪失)
![Page 16: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/16.jpg)
画面
![Page 17: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/17.jpg)
ホーム
![Page 18: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/18.jpg)
設定
![Page 19: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/19.jpg)
Firefox Marketplace
![Page 20: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/20.jpg)
の実行環境 入手
![Page 21: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/21.jpg)
環境● 実機
● き えたもの焼 変
● シミュレーター● ブラウザ
![Page 22: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/22.jpg)
Dev Phone
![Page 23: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/23.jpg)
Nexus Sなどにインストールする
![Page 24: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/24.jpg)
Nexus Sなどにインストールする● MDN(Mozilla Developer Network)に手順書
● 対象端末● Nexus S、Galaxy S2、Galaxy Nexus等
● ビルド環境● Ubuntu、Fedora、Mac等
● ソースコード● GitHubやAOSPなどのリポジトリから する取得
![Page 25: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/25.jpg)
Firefox Simulator(古い)● Firefoxブラウザ上で動作
● アドオンとして動作
● に非常 軽快
● Firefox OSのほとんどのが機能 利用可能
● 中のアプリを に開発 簡単インストール可能
![Page 26: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/26.jpg)
App Manager
![Page 27: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/27.jpg)
App Manager● シミュレーターの起動
● の実機 接続
● アプリケーションのインストール● デバッグ
● Firefoxブラウザの くの が える多 機能 使
![Page 28: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/28.jpg)
ホームアプリをブラウザで起動
![Page 29: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/29.jpg)
ホームアプリをブラウザで起動● gaia(ホームアプリ)● DEBUG=1でビルドする● Firefoxブラウザ け向 profileができる
![Page 30: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/30.jpg)
アプリプラットフォームとして
![Page 31: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/31.jpg)
アプリケーションに なもの必要● View要素
● リソースの管理
● 通知機能
![Page 32: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/32.jpg)
アプリケーションに なもの必要● 2D描画
● 3D描画
● 通信
● ストレージ
![Page 33: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/33.jpg)
Canvas● JavaScriptでも2D をゴリゴリできる描画
● な は える基本的 機能 粗方使 ( や の四角 丸 描画)● setTransformのような も える変形 行
● toDataURL()で を画像 URLとして できる保存● なんかやたら い長 URLができる、、、
var canvas = document.getElementById('c1');var ctx = canvas.getContext('2d');ctx.beginPath();ctx.arc(70, 70, 60, 0, Math.PI*2, false);ctx.stroke();var url = canvas.toDataURL();
<h2>fillRect()</h2><canvas id="c1" width="140" height="140"></canvas>
HTML JavaScript
![Page 34: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/34.jpg)
WebGL● 3D もできる描画
● ライブラリもいろいろある
![Page 35: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/35.jpg)
Firefoxブラウザでアプリを かす動
![Page 36: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/36.jpg)
な は に っている必要 機能 既 揃 !
![Page 37: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/37.jpg)
今後● Firefox OS 1.2
● Android4.3×Firefox26ベース
● Firefox OS 1.3● WebRTC、NFC、Datastore
![Page 38: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/38.jpg)
まとめ● Firefox OSは にひと り が出 ってい既 通 機能 揃
る● どの も「 」と んで い で され機能 標準 呼 良 形 実装
ている● も いつつある開発環境 整
![Page 39: Firefox OSの何が嬉しいか](https://reader035.vdocuments.site/reader035/viewer/2022062405/5560b2dfd8b42af43b8b477e/html5/thumbnails/39.jpg)
ご ありがとうございました清聴
住友 孝郎@cattaka_net