前からちょっと気になってたMonacaの本が最近出て、しかも発売記念セミナーをやるとのことで、先週末セミナーに行ってきたのでそれのめも。
クラウドでできるHTML5ハイブリッドアプリ開発 Cordova/Onsen UIで作るiOS/Android両対応アプリ (Monaca公式ガイドブック)
Monacaについて
HTML、CSS、JavaScriptでiOS・Androidアプリが作れる。
C言語、JAVAがわからなくても大丈夫。
iOS・Android用でわざわざ作り直さなくてもいいのでとってもお手軽。
また通常、アプリを作るときはいろいろ開発環境が面倒だけど、Monacaだとクラウド上に開発環境があるから、面倒な設定をしなくてもOK。
ブラウザで開発→実機でデバッグ→ブラウザでビルドといったかんじでスムーズに開発できる。
ハイブリッドアプリ
Monacaで作るアプリはハイブリッドアプリという位置づけになる。
ちなみにアプリについてはWEBアプリ、ネイティブアプリ、ハイブリッドアプリという区分けがある
WEBアプリ
HTML5で書かれたWebサイトで、ブラウザ上で動作する。
ネイティブアプリ
端末にダウンロード・インストールして使うアプリ。
AndroidやIOSなど特定のOS用に作るから、各デバイスの機能にあるカメラやGPS、マイク、アドレス帳などと連動した機能を持つアプリ。
処理が早く、ガチなゲームアプリはだいたいネイティブアプリであることが多い。
ハイブリッドアプリ
端末にダウンロード・インストールして使うアプリ。
WebとOSの技術両方を使って開発する
といったかんじ。
ハイブリッドアプリのメリット/デメリット
メリット
- いろんなOSで動く!
デメリット
- ネイティブよりはちょっと遅い...
高速化についてはこの本が参考になるっぽい。
[iOS/Android対応] HTML5 ハイブリッドアプリ開発[実践]入門
スライドだとこの辺が参考になりそう
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
フレームワーク
CSS
Onsen UI
Monacaには初期状態だとCSSがプレーンな状態なので、別で用意する必要がある。
公式のおすすめはOnsen UI
JS
公式のおすすめはAngularJS
ただ来年2.0が出る予定で、そのときに内容がらっとかわるっぽいので注意。
jquerymobileと比べると学習コストは高い様子...
おすすめの本はこの本 AngularJSリファレンス
Crosswalk
CrosswalkというIntelが開発したWebViewWebViewでアプリをビルドすると高速化できるからいいよーとのこと。
サイズは10MB位。
Android4系なので2.3切り捨てる必要有り。
参考サイト:Crosswalkを使うとどれくらいパフォーマンスがアップするかテストしてみました
プランについて
BASIC(無料)プランの上限は3つまでなので、一回手元にエクスポートして、後からインポートで復元すればいっぱい作れる。
練習用にいじる場合はデバッガーが優秀なので、無料でも問題なさそう。
ビルドしないといけない時期だけプランあげるといいかも。
他参考サイト
- サンプル
- 困ったときのstackoverflow。
- サポート&サービス
- Monaca入門