ブラウザで作るスマートフォンアプリ統合環境    Monaca の紹介         2012/04/28           山田健一
アジェンダ•   自己紹介•   ブラウザだけでスマホアプリ開発ができる    –   登録が必要    –   推奨ブラウザ    –   Monaca デバッガー    –   Android エミュレーター不要•   HTML5/CSS3...
自己紹介• ツイッター  – @yamada_ken1• facebook  – http://www.facebook.com/ken1yamada• フリーの IT エンジニア  – 仕事募集中。
アンケート (1)• Android 持ってる人 – 20 人• iPhone または iPad 持ってる人 – 12 人 – iOS Developer Program に加入している人   • 7人
アンケート (2)• Windows 派  – 18 人• Mac 派  –8人• その他派  –4人
ブラウザだけでスマホアプリ開発ができる         (1)• 登録が必要 – http://monaca.mobi/
ブラウザだけでスマホアプリ開発ができる         (2)• 推奨ブラウザ• Windows  – Chrome  – IE では IDE が動かない• Mac  – Safari• Linux  – Chrome (たぶん)
ブラウザだけでスマホアプリ開発ができる         (3)• Monaca デバッガー• スマホにインストールしてください• https://play.google.com/store/apps/details?id=  mobi.mona...
ブラウザだけでスマホアプリ開発ができる         (4)• Android エミュレーター不要 – Android エミュレーターを使ったことがある   方は分かりますが、めちゃ遅いです。 – Monaca はデバッグに実機を使うので、エ...
HTML5/CSS3 で画面デザインでき            る• iUI を使うと、スマホらしい画面が簡単に作れま  す。• Monaca は iUI も組み込み済みなので、 iUI セッ  トアップの手間も不要です。
JavaScript ライブラリーが使え             る• グラフライブラリーやカレンダーライブ  ラリーなど魅力的なライブラリーが使え  ます。 – 誰かゲーム作りに挑戦してください。
iOS 対応• iPhone 、 iPad 開発も行えます。  – アプリ登録には Mac が必要ですが、デバッグ    までなら Windows でも可能です。• ただし iOS Developer Program( 有償 ) に  加入する...
コーヒーブレーク• 興味がある方は、登録して試してみてく  ださい。
Monaca サンプル• http://docs.monaca.mobi/sampleapp/• 簡単なアプリと解説がセットになってい  ます。
Monaca ブログ(開発者ブロ          グ)• http://blog.monaca.mobi/• 技術情報やイベント情報を随時発信中
Monaca で作成したアプリ (1)• Lets Walk• https://play.google.com/store/apps/details?id=
Monaca で作成したアプリ (2)• 体重管理 WeightControl• https://play.google.com/store/apps/details?id=
Titanium Mobile との比較• (口頭で)• キーワード – アプリファイルサイズ – 画面イメージ( Android ・ iPhone ) – Xib2Js – facebook
Upcoming SlideShare
Loading in …5
×

ブラウザで作るスマートフォンアプリ統合環境Monacaの紹介

3,321 views

Published on

  • Be the first to comment

ブラウザで作るスマートフォンアプリ統合環境Monacaの紹介

  1. 1. ブラウザで作るスマートフォンアプリ統合環境 Monaca の紹介 2012/04/28 山田健一
  2. 2. アジェンダ• 自己紹介• ブラウザだけでスマホアプリ開発ができる – 登録が必要 – 推奨ブラウザ – Monaca デバッガー – Android エミュレーター不要• HTML5/CSS3 で画面デザインできる• JavaScript ライブラリーが使える• iOS 対応• (コーヒーブレーク)• Monaca サンプル• Monaca ブログ(開発者ブログ)• Monaca で作成したアプリ – Let’s Walk – 体重管理 WeightControl• Titanium Mobile との比較
  3. 3. 自己紹介• ツイッター – @yamada_ken1• facebook – http://www.facebook.com/ken1yamada• フリーの IT エンジニア – 仕事募集中。
  4. 4. アンケート (1)• Android 持ってる人 – 20 人• iPhone または iPad 持ってる人 – 12 人 – iOS Developer Program に加入している人 • 7人
  5. 5. アンケート (2)• Windows 派 – 18 人• Mac 派 –8人• その他派 –4人
  6. 6. ブラウザだけでスマホアプリ開発ができる (1)• 登録が必要 – http://monaca.mobi/
  7. 7. ブラウザだけでスマホアプリ開発ができる (2)• 推奨ブラウザ• Windows – Chrome – IE では IDE が動かない• Mac – Safari• Linux – Chrome (たぶん)
  8. 8. ブラウザだけでスマホアプリ開発ができる (3)• Monaca デバッガー• スマホにインストールしてください• https://play.google.com/store/apps/details?id= mobi.monaca.debugger• iOS 用は後ほど。。。
  9. 9. ブラウザだけでスマホアプリ開発ができる (4)• Android エミュレーター不要 – Android エミュレーターを使ったことがある 方は分かりますが、めちゃ遅いです。 – Monaca はデバッグに実機を使うので、エミ ュレーターの遅さを気にしないで済みます。 – しかも、ネットワーク経由なので、ケーブル 要らずです。
  10. 10. HTML5/CSS3 で画面デザインでき る• iUI を使うと、スマホらしい画面が簡単に作れま す。• Monaca は iUI も組み込み済みなので、 iUI セッ トアップの手間も不要です。
  11. 11. JavaScript ライブラリーが使え る• グラフライブラリーやカレンダーライブ ラリーなど魅力的なライブラリーが使え ます。 – 誰かゲーム作りに挑戦してください。
  12. 12. iOS 対応• iPhone 、 iPad 開発も行えます。 – アプリ登録には Mac が必要ですが、デバッグ までなら Windows でも可能です。• ただし iOS Developer Program( 有償 ) に 加入する必要があります。 – デバッガーインストールにも加入が必要。• (口頭での補足情報)
  13. 13. コーヒーブレーク• 興味がある方は、登録して試してみてく ださい。
  14. 14. Monaca サンプル• http://docs.monaca.mobi/sampleapp/• 簡単なアプリと解説がセットになってい ます。
  15. 15. Monaca ブログ(開発者ブロ グ)• http://blog.monaca.mobi/• 技術情報やイベント情報を随時発信中
  16. 16. Monaca で作成したアプリ (1)• Lets Walk• https://play.google.com/store/apps/details?id=
  17. 17. Monaca で作成したアプリ (2)• 体重管理 WeightControl• https://play.google.com/store/apps/details?id=
  18. 18. Titanium Mobile との比較• (口頭で)• キーワード – アプリファイルサイズ – 画面イメージ( Android ・ iPhone ) – Xib2Js – facebook

×