簡単モバイルアプリ開発 クラウドベース開発環境Monacaを使う
4 likes4,328 views
スクエアfreeセミナーでお話させていただいたときに使った資料です。 http://www.opensquare.co.jp/seminar/free-seminar-33.php
簡単モバイルアプリ開発 クラウドベース開発環境Monacaを使う
- 2. おかざきひろき ● 手仕事工房 ● www.teshigoto.net ● twitter: @hiro_okaz ● facebook: hiro.okaz
- 3. モバイルアプリ Webアプリ ネイティブアプリ 開発 HTML5, JavaScript, CSS テキストエディタ, Webブラウザ Java, Objective-C 専用SDK 実行 Webブラウザ Android OS, iOS 機能 Canvas, WebStorage, IndexedDB, Geolocation, etc モバイル端末のハードウェアリソース リリース URL告知 マーケットプレースでパッケージ配布 保守 常に最新 ユーザ次第
- 4. Android, iOSAndroid, iOS Android, iOSAndroid, iOS アプリパッケージアプリパッケージ ハイブリッドアプリ サーバサーバ WebWebブラウザブラウザ WebView/UIWebViewWebView/UIWebView クラスクラス HTML5HTML5 JavaScriptJavaScript CSSCSS HTML5HTML5 JavaScriptJavaScript CSSCSS Android, iOSAndroid, iOS アプリパッケージアプリパッケージ Webアプリ ハイブリッドアプリ ネイティブアプリ
- 5. ハイブリッドアプリの事例 ● クックパッド ● 名刺管理:Eight ● facebook – 現在はネイティブ – Web版も提供
- 6. PhoneGap ● Nitobi社 ? Adobe社 ? Apache へ寄贈 ● Apache Cordova プロジェクト ● PhoneGap : Adobe's distribution ● Monaca : PhoneGapベースのIDE
- 7. ● 加速度センサー ● カメラ ● 音声、画像、動画アプリ連携 ● コンパス ● ネットワーク接続タイプ ● 連絡先DBアクセス ● デバイスイベント ● ファイルシステム ● 位置情報 （HTML5） ● Web Strage （HTML5) ● etc PhoneGap の機能
- 8. PhoneGap による開発 Diagram - PhoneGap Overview by Adobe / Yohei Shimomae is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License. ● PhoneGap Build を使わない場合、Android/iOS 開発環境に PhoneGap を組み込む必要あり。
- 9. Monaca ● ハイブリッド向け開発プラットフォーム – アシアル社製 ● PhoneGap＋独自フレームワーク＋独自IDE – フレームワーク部分はOSS https://github.com/monaca/ – ビルド部分も独自？ ● Webブラウザと実機だけでOK – クラウド環境でデバッグ – 外部 JavaScript ライブラリ
- 11. Monaca で作ったアプリ ● 名刺管理：Eight ● テレ朝動画アプリ（公式） ● 星をみるひと ● 美瑛の丘をめぐる旅 ● 金澤の坂道 ● http://monaca.mobi/examples
- 12. Monaca バックエンド ● ユーザ認証 ● DB管理 – コレクション（NoSQL） – クライテリア（MonaQL） ● メーラー JavaScript API ユーザ認証 DBアクセス
- 13. BaaS ● Backend as a Service ● mobile target IaaSIaaS Amazon EC2/S3Amazon EC2/S3 PaaSPaaS Google App EngineGoogle App Engine SaaSSaaS SalesforceSalesforce BaaSBaaS Parse, Kinvey, etcParse, Kinvey, etc
- 14. Monaca@edu ● 東京工科大学メディア学部上林研究室 – サービス工学、ネットワーク生態学 ● メディア専門演習スマートサービスデザイン – 7/10インチタブレット – 3年生、約30名 – 全15回30コマ
- 15. まとめ ● Monacaは使いやすい – とりあえずJavaScriptだけで作れる – デバッグ環境 – ビルドも簡単 ● 適材適所 – 業務系に向いているかも ● PCとモバイルのUIは本質的に異なる
- 16. ありがとうございました