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

1. Firefox OSの何が嬉しいか
住友 孝郎
@cattaka_net

2. 自己紹介
●
住友 孝郎(すみとも たかお)
●
関西Firefox OS勉強会の旗振り
●
株式会社ブリリアントサービス所属
●
業務系Webアプリ開発
●
Androidアプリケーション開発
●
研究開発とか
–
ロボット的な何か
–
画像認識的な何か
–
Firefox OS的な何か
–
Tizen IVI的な何か
住友 孝郎
@cattaka_net

3. 雑多にやってます

4. 余談：フォクすけ
"フォクすけ" (C) 2008 Mozilla Japan

5. フォクすけ人形

6. フォクすけロボ

7. Firefox OSとは

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

9. アプリケーションの種類
●
Hosted app
●
Packaged app
●
Privileged app
●
Certified app

10. UI
●
ハードウェアキー
●
●
ホーム、ボリューム、電源
Androidのように戻るキーは無い

11. Firefox OSのこれまで
●
2011年７月
●
●
●
研究レベルで発表
この頃はまだ名前は「Boot to Gecko(B2G)」でした
2012年７月
●
●
「Firefox OS」に改名、
スクリーンショットが公開される
2013年４月
●
開発者向けデバイス発売
–
KeonとPeak

12. Firefox OSのこれまで
●
2013年7月
●
ZTE「ZTE Open」販売開始
●
TCL「ALCATEL ONE TOUCH Fire」販売開始

13. なぜFirefox OSか？

14. スマートフォンの現状
●
Android、iPhoneはイノベーションを起こした
●
それぞれ独自の目的があった
●
それぞれ独自の進化をした

15. 道は開かれている、しかし荒れた道
●
異なる言語やAPI
●
独自仕様
●
ベンダー依存
●
実装依存（互換性の喪失）

16. 画面

17. ホーム

18. 設定

19. Firefox Marketplace

20. 実行環境の入手

21. 環境
●
実機
●
焼き変えたもの
●
シミュレーター
●
ブラウザ

22. Dev Phone

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

24. Nexus Sなどにインストールする
●
MDN(Mozilla Developer Network)に手順書
●
対象端末
●
●
ビルド環境
●
●
Nexus S、Galaxy S2、Galaxy Nexus等
Ubuntu、Fedora、Mac等
ソースコード
●
GitHubやAOSPなどのリポジトリから取得する

25. Firefox Simulator(古い)
●
Firefoxブラウザ上で動作
●
アドオンとして動作
●
非常に軽快
●
●
Firefox OSのほとんどの
機能が利用可能
開発中のアプリを簡単に
インストール可能

26. App Manager

27. App Manager
●
シミュレーターの起動
●
実機の接続
●
アプリケーションのインストール
●
デバッグ
●
Firefoxブラウザの多くの機能が使える

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

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

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

31. アプリケーションに必要なもの
●
View要素
●
リソースの管理
●
通知機能

32. アプリケーションに必要なもの
●
2D描画
●
3D描画
●
通信
●
ストレージ

33. Canvas
●
JavaScriptでも2D描画をゴリゴリできる
●
基本的な機能は粗方使える(四角や丸の描画)
●
setTransformのような変形も行える
●
toDataURL()で画像をURLとして保存できる
●
なんかやたら長いURLができる、、、
HTML
JavaScript
<h2>fillRect()</h2>
<canvas
id="c1"
width="140"
height="140">
</canvas>
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();

34. WebGL
●
3D描画もできる
●
ライブラリもいろいろある

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

36. 必要な機能は既に揃っている！

37. 今後
●
Firefox OS 1.2
●
●
Android4.3×Firefox26ベース
Firefox OS 1.3
●
WebRTC、NFC、Datastore

38. まとめ
●
●
●
Firefox OSは既にひと通り機能が出揃ってい
る
どの機能も「標準」と呼んで良い形で実装され
ている
開発環境も整いつつある

39. ご清聴ありがとうございました
住友 孝郎
@cattaka_net