2013/09/07の "Android × HTML5 in Fukuoka" でLTした際の資料です。

1. PhoneGap + Monaca
HTML5でクロスプラットフォームアプリをつくる
1

2. 自己紹介
• akimicyu
• フリーランスSE
• Android屋、Java屋、DB屋、OO厨
2

3. PhoneGapとは
• クロスプラットフォームなモバイルアプリ開
発フレームワーク
• 開発には、HTML5/CSS/JavaScriptを使用
• カメラ/GPSなどの端末機能にJavaScriptのAPIで
アクセスできる
• 要は「Android/iOS両対応なアプリが簡単に書
ける」といった感じ
3

4. Monacaとは
• PhoneGap開発をもっと楽にするためのサービス
• ブラウザベースのIDE
• デバッガ
• バックエンド
• http://monaca.mobi/
4

5. デモ
5

6. 触ってみた感想
• 利点
• 簡単なアプリであれば、HTML5/CSS/JavaScriptのみでかな
りの部分まで書けて楽（PhoneGap）
• WebベースのIDEやMonacaデバッガといった開発環境が
非常に楽（Monaca）
• 課題点
• 性能面、特にレスポンス性能を求めだすと面倒そう
• ネイティブでプラグインをゴリゴリ書き出すと面倒そう
6

7. (例) 検討のタイミング
• 業務系のAndroidアプリを作るはずが、iOS版も作
ることになってしまった
• スマホ向けのWebアプリを作っていたのに、電波
が届かない地域でも利用できるように対応して欲
しいとか無茶な要件が入ってきた
（マスタデータの確実な自動更新とかは、プッシュ通知系の機能がないと無理）
• HTML5で作ってたカジュアルゲームをGoogle play
やApp Storeに乗せてお小遣いを稼ぎたい
7

8. まとめ
• 手軽にクロスプラットフォームアプリ
を作りたいなら、PhoneGap + Monacaは
いい選択
• 特に、Web系の業務システム開発では
重宝する場面が多いはず
8

9. 参考URL
• PhoneGap API リファレンス
• http://docs.phonegap.com/jp/2.2.0/index.html
• Monacaドキュメント
• http://docs.monaca.mobi/ja/
• かつや先生のPhoneGap講座
• http://phonegap-fan.com/school/
9