Inovation EGG XEgg 発表資料

1. FirefoxOSを始めてみよう
@junkpot1212

2. 自己紹介
名前: 上田 信尋!
Twitter: @junkpot1212!
Blog: http://tech.junkpot.net!
株式会社 tech vein!
php をメインに開発しているWEB屋さん

3. 普段のお仕事
Linux でサーバー作ったり!
phpでWEBシステム作ったり!
MySQLでデータベース作ったり!
アプリのクラウド連携API作ったり

4. そんなWEB屋さんが!
なんでFirefoxOS？

5. FirefoxOSのホスティング型アプリはほとんどブッ
クマークと同じ!
クラウドに設置するだけでアプリとして完結出来
る!
AndroidやiPhoneと違ってHTMLとjavascript でOK!
サーバーサイドは動けばなんでもOK!
実際に作成するのはスマホ対応WEBとあまり変わ
らない

6. FacebookやTwitterのFirefoxOS版公式アプリも!
このホスティング型アプリで公開されている

7. ホスティング型アプリはクラウドに
FirefoxOSお約束のファイル(マニフェスト
ファイル)をJSON形式で書いて設置するだけ!
極端な話スマホ表示に対応していてマニフェ
ストファイルを設置すれば自分のブログもア
プリ化することが出来る

8. あくまで極端な話でちゃんとアプリとしての
規約はあります

9. 実際にFirefoxOSアプリを!
開発してみよう

10. まずはクラウドの準備

11. Google Cloud Platform!
を使ってみよう

12. Google Cloud Platformって？
天下のGoogleのデータセンター内に仮想マシンを作るこ
とが出来る!
Google App Engineからしか使用出来なかったデータベー
ス等が個別に使用出来る!
Googleが提供するAWSのような環境？!
Google App Engine の機能に直接アクセス出来るような
イメージ

13. つい先日2/12!
Cloud SQLが!
2年半の!
プレビュー期間
を経て!
正式公開されま
した

14. https://cloud.google.com/
Try it now からスタート

15. !
!
Try it now から進むと!
Google Developer Consoleへ!
!
GAEとかと同じ管理画面!
!
最初は英語で表示

16. 安心の日本語

17. 安心の日本語

18. インスタンス作成画面
ここは少しややこしいので頑張る!
分単位で課金されるらしいので注意

19. 何もかも英語のAWSよりはとっつきやすいか
も!
作成したインスタンスに接続するにはGoogle
Cloud SDKを使う!
1分おきに課金されるので遊んだ後は削除し
ましょう

20. FirefoxOSアプリの準備

21. 一番単純な形の!
アプリを作ってみる

22. FirefoxOSアプリ
ホスティングアプリは基本WEBと同じ!
特別な環境は必要ない!
最低限HTMLさえ書ければOK!
アイコンぐらいはあった方がアプリっぽい

23. FirefoxOSシミュレーター

24. Mozillaから公式に提供されてます!
https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/!

25. インストールしたら!
!
ツール!
↓!
Web開発!
↓!
アプリマネージャ!
!
から起動

26. あとは書くだけ

27. !
!
HTMLを書く!
!
!
manifest.webapp を書く!
!
アイコンを置く

28. アプリマネージャーから!
ホストされたアプリを追加に!
manifest.webapp を入力して追加
!
ここにmanifest.webappのURLを入力

29. できあがり

30. 最後に
見ての通りFirefoxOSアプリはとっても簡単!
javascriptを頑張れば複雑なこともOK!
インストール型のアプリならGPSやマイク等
を使ってもっとスマホらしいことも!
使われているのは全て「WEB」な技術

31. これからはWEB屋さんが!
アプリも作る時代ですよ

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