PhoneGap

1. モバイルアプリ開発
最前線
@mat_aki / SonicGarden

2. Titanium
● Webの技術でモバイルアプリ開発を
● 内蔵の javascript インタプリタで実行。
javascriptでロジックからViewまで
● 各ディバイスでそれぞれUI/UXが違うので描き
分けようという発想
● http://www.appcelerator.com/

3. PhoneGap
● Webの技術でモバイルアプリを開発
● 内蔵のブラウザでHTML / Javascript を使って
開発
● 表現の部分も慣れているHTML, CSSでできる
● http://phonegap.com/

4. Titanium と PhoneGap
● Titaniumでアプリ開発をしたが、jsで表現の部
分を実装するとしんどい
● PhoneGapの方がHTML/CSSでかけるから楽
そう
● その前に、PhoneGapの仕組み

5. PhoneGapの仕組み
モバイル
javascript API Web API (json)
ネイティブ機能 HTML / CSS / Javascript

6. 問題: HTMLをどうやって作るか
● json を html に変換するって大変
● PC版でhamlでやっていることと同じこと
アイデア
PC版をFull Ajax にして、そのrjsの部分を活用して
みよう

7. keepintouch で検証
デモ

8. 検証まとめ
● 悪くはなさそう
● ログイン部分を含め ajax
● デバックがめんどい ブラウザでテストしたいが
cross domainの問題
● HTML生成部分の共通化はできそう。ナビゲー
ションの部分の分離が課題
● スクロールができないのはなぜ？
● セッション管理

9. PhoneGapについて
● Titaniumよりも良さそう
● https://build.phonegap.com/ http://monaca.
mobi/
● スピード感がでそう
● ネイティブのUIというよりも端末を超えた共通化
Facebookとか