Firefox OSの何が嬉しいか

Preview:

DESCRIPTION

神戸ITフェスティバルの発表資料です。

Citation preview

Firefox OSの が しいか何 嬉

住友 孝郎@cattaka_net

自己紹介● 住友 孝郎(すみとも たかお)● 関西Firefox OS の り勉強会 旗振

● ブリリアントサービス株式会社 所属● 業務系Webアプリ開発

● Androidアプリケーション開発

● とか研究開発

– ロボット な か的 何

– な か画像認識的 何

– Firefox OS な か的 何

– Tizen IVI な か的 何

住友 孝郎@cattaka_net

にやってます雑多

"フォクすけ" (C) 2008 Mozilla Japan

フォクすけ余談:

フォクすけ人形

フォクすけロボ

Firefox OSとは

Firefox OS● Web を とする技術 基礎 OS● HTML/CSS/JavaScriptでアプリが れる作

アプリケーションの種類● Hosted app● Packaged app

● Privileged app● Certified app

UI● ハードウェアキー

● ホーム、ボリューム、電源

● Androidのように るキーは い戻 無

Firefox OSのこれまで● 2011年7月

● レベルで研究 発表

● この はまだ は「頃 名前 Boot to Gecko(B2G)」でした

● 2012年7月● 「Firefox OS」に 、改名

スクリーンショットが される公開

● 2013年4月● けデバイス開発者向 発売

– KeonとPeak

Firefox OSのこれまで● 2013年7月

● ZTE「ZTE Open」販売開始

● TCL「ALCATEL ONE TOUCH Fire」販売開始

なぜFirefox OSか?

スマートフォンの現状● Android、iPhoneはイノベーションを こした起

● それぞれ 自の目 があった独 的

● それぞれ 自の をした独 進化

は かれている、しかし れた道 開 荒 道

● なる や異 言語 API● 自独 仕様

● ベンダー依存

● の実装依存(互換性 喪失)

画面

ホーム

設定

Firefox Marketplace

の実行環境 入手

環境● 実機

● き えたもの焼 変

● シミュレーター● ブラウザ

Dev Phone

Nexus Sなどにインストールする

Nexus Sなどにインストールする● MDN(Mozilla Developer Network)に手順書

● 対象端末● Nexus S、Galaxy S2、Galaxy Nexus等

● ビルド環境● Ubuntu、Fedora、Mac等

● ソースコード● GitHubやAOSPなどのリポジトリから する取得

Firefox Simulator(古い)● Firefoxブラウザ上で動作

● アドオンとして動作

● に非常 軽快

● Firefox OSのほとんどのが機能 利用可能

● 中のアプリを に開発 簡単インストール可能

App Manager

App Manager● シミュレーターの起動

● の実機 接続

● アプリケーションのインストール● デバッグ

● Firefoxブラウザの くの が える多 機能 使

ホームアプリをブラウザで起動

ホームアプリをブラウザで起動● gaia(ホームアプリ)● DEBUG=1でビルドする● Firefoxブラウザ け向 profileができる

アプリプラットフォームとして

アプリケーションに なもの必要● View要素

● リソースの管理

● 通知機能

アプリケーションに なもの必要● 2D描画

● 3D描画

● 通信

● ストレージ

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

WebGL● 3D もできる描画

● ライブラリもいろいろある

Firefoxブラウザでアプリを かす動

な は に っている必要 機能 既 揃 !

今後● Firefox OS 1.2

● Android4.3×Firefox26ベース

● Firefox OS 1.3● WebRTC、NFC、Datastore

まとめ● Firefox OSは にひと り が出 ってい既 通 機能 揃

る● どの も「 」と んで い で され機能 標準 呼 良 形 実装

ている● も いつつある開発環境 整

ご ありがとうございました清聴

住友 孝郎@cattaka_net