FirefoxOSを始めてみよう

FirefoxOSを始めてみよう@junkpot1212

自己紹介

名前: 上田 信尋!

Twitter: @junkpot1212!

Blog: http://tech.junkpot.net!

株式会社 tech vein!

php をメインに開発しているWEB屋さん

普段のお仕事

Linux でサーバー作ったり!

phpでWEBシステム作ったり!

MySQLでデータベース作ったり!

アプリのクラウド連携API作ったり

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

FirefoxOSのホスティング型アプリはほとんどブックマークと同じ!

クラウドに設置するだけでアプリとして完結出来る!

AndroidやiPhoneと違ってHTMLとjavascript でOK!

サーバーサイドは動けばなんでもOK!

実際に作成するのはスマホ対応WEBとあまり変わらない

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

ホスティング型アプリはクラウドにFirefoxOSお約束のファイル(マニフェストファイル)をJSON形式で書いて設置するだけ!

極端な話スマホ表示に対応していてマニフェストファイルを設置すれば自分のブログもアプリ化することが出来る

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

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

まずはクラウドの準備

Google Cloud Platform!を使ってみよう

Google Cloud Platformって？

天下のGoogleのデータセンター内に仮想マシンを作ることが出来る!

Google App Engineからしか使用出来なかったデータベース等が個別に使用出来る!

Googleが提供するAWSのような環境？!

Google App Engine の機能に直接アクセス出来るようなイメージ

つい先日2/12!

Cloud SQLが!2年半の!プレビュー期間を経て!正式公開されました

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

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

安心の日本語

安心の日本語

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

何もかも英語のAWSよりはとっつきやすいかも!

作成したインスタンスに接続するにはGoogle

Cloud SDKを使う!

1分おきに課金されるので遊んだ後は削除しましょう

FirefoxOSアプリの準備

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

FirefoxOSアプリ

ホスティングアプリは基本WEBと同じ!

特別な環境は必要ない!

最低限HTMLさえ書ければOK!

アイコンぐらいはあった方がアプリっぽい

FirefoxOSシミュレーター

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

インストールしたら!!

ツール!↓!

Web開発!↓!

アプリマネージャ!!

から起動

あとは書くだけ

!

!

HTMLを書く!

!

!

manifest.webapp を書く!

!

アイコンを置く

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

!

ここにmanifest.webappのURLを入力

できあがり

最後に

見ての通りFirefoxOSアプリはとっても簡単!

javascriptを頑張れば複雑なこともOK!

インストール型のアプリならGPSやマイク等を使ってもっとスマホらしいことも!

使われているのは全て「WEB」な技術

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

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