##クラウドで手軽
- monaca ブラウザ上でのコーディング 又はVisual Studioで連携
- monacaデバッガーアプリ(実機確認)
##ローカル(オフライン)開発環境
###インストールすべきもの
iOSの場合
参考:「Cordova準備、iOSエミュレータ起動まで」
http://qiita.com/tomo_makes/items/b51c2cb30f0eaac7af38
- Xcode
- Node.js
- cordova
- ionic
- XcodeのエディタはiOSアプリ(swift言語で開発)用らしい
##ionicの特徴
[ionic serve]コマンドでローカルのブラウザが立ち上がり、でリアルタイム・デバッグできる(Web感覚)
-> 別途ビルドでエミュレータ起動、または実機確認
- ビルドは時間がかかるため、開発時のデバッグは基本的にブラウザでする
monacaデバッガーの利点
- 実機でのcordovaプラグインの動作(本体機能のアクセス)を簡単に確認できる
cordovaプラグイン使うにはmonacaデバッガーと併用が良いかもしれない
##OnsenUIかionicか
-
両方共AngularJSベース(jQueryも使える)
-
ionicのほうが世界的にユーザーが多い。コミュニティ活発らしい
-
Web開発に近い感覚で作業できる(scssを使っている。OnsenUIはstylus)
-
OnsenUIは日本製で、monacaを本格的に使うとサポートなど効果が高そう(ドキュメントも日本がメイン)
###ポイント
OnsenUIでも[ionic serve]コマンド使えるのでブラウザ上のデバッグはできる
違いは?
- CSSにstylusを使っている(Onsen)
- デザインなどの違い
[参考]
スタートアップ向けハイブリッドUIフレームワークの比較
http://blog.guildworks.jp/2014/11/26/ui-framework-comparison/
##実機デバッグ
- weinreというツール
- リモートデバッグ
##その他参考になりそうなリンク
-
Ionic, Cordova開発でよく使うコマンド
http://qiita.com/tq_jappy/items/5905d2f72b1e7f777e28 -
nifty提供の動画
超速アプリ開発!ニフティクラウド mobile backend 入門
http://dotinstall.com/lessons/basic_ncmb
簡単ゲーム開発!ニフティクラウド mobile backend でワンタップゲームを作ろう (全18回)
http://dotinstall.com/lessons/onetap_game_ncmb -
本
1.[iOS/Android対応] HTML5 ハイブリッドアプリ開発[実践]入門
2.クラウドでできるHTML5ハイブリッドアプリ開発 Cordova/Onsen UIで作るiOS/Android両対応アプリ (Monaca公式ガイドブック)