1. ブラウザで作る
スマートフォンアプリ統合環境
Monaca の紹介
2012/04/28
山田健一

2. アジェンダ
• 自己紹介
• ブラウザだけでスマホアプリ開発ができる
– 登録が必要
– 推奨ブラウザ
– Monaca デバッガー
– Android エミュレーター不要
• HTML5/CSS3 で画面デザインできる
• JavaScript ライブラリーが使える
• iOS 対応
• （コーヒーブレーク）
• Monaca サンプル
• Monaca ブログ（開発者ブログ）
• Monaca で作成したアプリ
– Let’s Walk
– 体重管理 WeightControl
• Titanium Mobile との比較

3. 自己紹介
• ツイッター
– @yamada_ken1
• facebook
– http://www.facebook.com/ken1yamada
• フリーの IT エンジニア
– 仕事募集中。

4. アンケート (1)
• Android 持ってる人
– 20 人
• iPhone または iPad 持ってる人
– 12 人
– iOS Developer Program に加入している人
• 7人

5. アンケート (2)
• Windows 派
– 18 人
• Mac 派
–8人
• その他派
–4人

6. ブラウザだけでスマホアプリ開発ができる
(1)
• 登録が必要
– http://monaca.mobi/

7. ブラウザだけでスマホアプリ開発ができる
(2)
• 推奨ブラウザ
• Windows
– Chrome
– IE では IDE が動かない
• Mac
– Safari
• Linux
– Chrome （たぶん）

8. ブラウザだけでスマホアプリ開発ができる
(3)
• Monaca デバッガー
• スマホにインストールしてください
• https://play.google.com/store/apps/details?id=
mobi.monaca.debugger
• iOS 用は後ほど。。。

9. ブラウザだけでスマホアプリ開発ができる
(4)
• Android エミュレーター不要
– Android エミュレーターを使ったことがある
方は分かりますが、めちゃ遅いです。
– Monaca はデバッグに実機を使うので、エミ
ュレーターの遅さを気にしないで済みます。
– しかも、ネットワーク経由なので、ケーブル
要らずです。

10. HTML5/CSS3 で画面デザインでき
る
• iUI を使うと、スマホらしい画面が簡単に作れま
す。
• Monaca は iUI も組み込み済みなので、 iUI セッ
トアップの手間も不要です。

11. JavaScript ライブラリーが使え
る
• グラフライブラリーやカレンダーライブ
ラリーなど魅力的なライブラリーが使え
ます。
– 誰かゲーム作りに挑戦してください。

12. iOS 対応
• iPhone 、 iPad 開発も行えます。
– アプリ登録には Mac が必要ですが、デバッグ
までなら Windows でも可能です。
• ただし iOS Developer Program( 有償 ) に
加入する必要があります。
– デバッガーインストールにも加入が必要。
• （口頭での補足情報）

13. コーヒーブレーク
• 興味がある方は、登録して試してみてく
ださい。

14. Monaca サンプル
• http://docs.monaca.mobi/sampleapp/
• 簡単なアプリと解説がセットになってい
ます。

15. Monaca ブログ（開発者ブロ
グ）
• http://blog.monaca.mobi/
• 技術情報やイベント情報を随時発信中

16. Monaca で作成したアプリ (1)
• Let's Walk
• https://play.google.com/store/apps/details?id=

17. Monaca で作成したアプリ (2)
• 体重管理 WeightControl
• https://play.google.com/store/apps/details?id=

18. Titanium Mobile との比較
• （口頭で）
• キーワード
– アプリファイルサイズ
– 画面イメージ（ Android ・ iPhone ）
– Xib2Js
– facebook