Embed Size (px)
DESCRIPTION
Citation preview
2013.12.14 SUGARSPOT
Monacaで簡単アプリ開発Web Touch Meeting in Hiroshima
#62さぁ、吉良邸に討ち入りだー
自己紹介
佐藤 慎也
個人事業でAndroidアプリ開発を主とした活動してます
日本Androidの会中国支部
自己紹介
GDG中国
アプリ紹介Wepho BNBW きいてみるClippic
おるすばんLW おるすばんSC RapidMail Mapino TimeAjustment
マーケットで「SUGARSPOT」と検索！
Picton BW
Monaca
http://mona
ca.mobi/
Monacaとは？
PhoneGap を拡張した スマホアプリ開発サービス
✤ ブラウザベースのIDE✤ デバッグ用アプリの提供
Monacaとは？
PhoneGap を拡張した スマホアプリ開発サービス
✤ ブラウザベースのIDE✤ デバッグ用アプリの提供
PhoneGap?
•Adobe社により公開•スマートフォン開発ツール•オープンソース(Cordova)•HTML+JavascriptなどWeb技術を用いてアプリを作ることが可能•Adobe社の各製品とも統合されている - PhoneGapってナニ？ -
http://phonegap.com/
http://phonegap.com/
✤ iOS✤ Android✤ Windows Phone
Monaca
機能と特徴✤ クロスプラットフォーム開発✤ 必要なものは全てクラウド上✤ 本格的なアプリ開発も可✤ アプリ開発を支えるサポート
http://monaca.mobi/ja/features
Monaca
Demo•アカウント作成•Hello World•おみくじ•デバッガー•ゲーム
Monaca
Demo•Hello WorldIDEを起動してプレビューしてみる
Monaca
Demo•おみくじおみくじアプリを作ってみるhttp://docs.monaca.mobi/ja/sampleapp/samples/omikuji
1. imagesフォルダを作成2. 画像をUpload3. index.htmlを修正
Monaca
Demo•デバッガーアプリを起動する
動かしてみる
メモ:asm.jarを起動してモニターを表示
Monaca
Demo•ゲーム(アクション)enchant.jsをダウンロード＆サンプル動作
メモ:asm.jarを起動してモニターを表示
examples/expert/action
1. サンプルファイルをアップロードする2. build, build/pluginsのフォルダを作成3. javascriptをUpload4. index.htmlを修正5. javascriptのパスを変更
http://enchantjs.com/ja/
Monaca
Demo•ゲーム(シューティング)アクションと同じなので略
examples/expert/shooting
時間があれば。
Monaca
料金プラン✤ Basic (無料)
✤ Personal (980円/月)
✤ Professional (5,000円 /月)
✤ Business (8,000円 /月)
✤ Enterprise (個別見積)
http://monaca.mobi/ja/plan/
Monaca
メリット✤ 開発環境構築コストが低い⇒ブラウザがあればOK
✤ WEBシステムの技術が使える⇒開発人員の確保がしやすい
✤ プラグインでネイティブ処理もできる⇒出来ないことはきっとない
Monaca
課題✤ 速度⇒ネイティブとの比較
✤ 難しいことはプラグイン作成が必要⇒提供されてるプラグインもある
✤ UIがカッコ悪くなる場合がある⇒Webっぽいやつとか
✤ Webのノウハウだけではダメ⇒スマホのクセは知ってないとね
Monaca
こんな時に採用を検討✤ Android,iOSなど複数OS対応
✤ Webアプリを制作中に、オフラインでの動作を要求された場合に移行する
✤ 過去に作成したHTMLサイトをアプリにしたいとき
Monaca
ここを気をつけようしっかり切り分ける⇒ネイティブ？ハイブリット？⇒ネイティブの使いどころを検討
切り分けができてないと・・・
遅い、不安定、開発効率低下
Monacaとは？まとめ
HTML,CSS,JavaScript
Monaca API(Native :: OS,Android,Win)
Monaca
おしまい
マーケットで「SUGARSPOT」と検索！
