Monacaについての事前学習

前からちょっと気になってたMonacaの本が最近出て、しかも発売記念セミナーをやるとのことで、先週末セミナーに行ってきたのでそれのめも。

[クラウドでできるHTML5ハイブリッドアプリ開発 Cordova/Onsen UIで作るiOS/Android両対応アプリ (Monaca公式ガイドブック)]
(http://www.amazon.co.jp/dp/4798140287/ref=pd_lpo_sbs_dp_ss_1?pf_rd_p=187205609&pf_rd_s=lpo-top-stripe&pf_rd_t=201&pf_rd_i=4774162116&pf_rd_m=AN1VRQENFRJN5&pf_rd_r=06EQJG0Z3HTB94YDT15T)

#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を使うとどれくらいパフォーマンスがアップするかテストしてみました]
(http://blog.asial.co.jp/1338)

#プランについて
BASIC（無料）プランの上限は3つまでなので、一回手元にエクスポートして、後からインポートで復元すればいっぱい作れる。
練習用にいじる場合はデバッガーが優秀なので、無料でも問題なさそう。
ビルドしないといけない時期だけプランあげるといいかも。

エンタープライズ向け有料プラン

#他参考サイト

• サンプル
• 困ったときのstackoverflow。
• サポート＆サービス
• Monaca入門