HTML5 + JavaScript で、スマホアプリの開発ができる [ Monaca ] を試してみました〜。
▲ [Monaca – HTML5 モバイルアプリ開発プラットフォーム](http://monaca.mobi/)
[ Monaca ] の凄い所・特徴
———————————————————————-
– コーディングからビルドまで、クラウド上の IDE を使用するので、開発環境を整える必要がない
– HTML5 + JavaScript でアプリ開発ができる！
– iOS と Android アプリをワンソースで同時に開発
– デバッガーアプリをスマホにインストールするので、実機テストが簡単
– iOS デベロッパープログラムに加入していなくても実機テストが可能
– IDE でファイルを保存すると、iPhone のデバッガーアプリが自動でリロードされる。
– [ネイティブ機能](http://docs.monaca.mobi/ja/reference/native_index/) で、いくつかの iOS ネイティブ UI を利用できる。
– WebDAV を利用し、使い慣れたエディタでの開発も可能
– プロジェクトのエクスポートができるので、バックアップや、過去バージョンの保管が簡単にできる！
Android のリリース版をビルドする方法
———————————————————————-
– Android アプリをリリースするには、キーストアと言う物が必要。
– キーストアは、アプリ毎に作成する。
– アプリのバージョンアップの際には、同じキーストアを使わないといけない。
– キーストアの中に、エイリアスと言う物も必要。
– [ 設定 ] → [ Android キーストア設定 ] で設定できる。
Onsen UI
———————————————————————-
Onsen UI を使うと、ネイティブ並みの外観と操作性を、すべてのプラットフォーム上で実現できます。
Onsen UI の設置と詳細は次のページが参考になります。
– [Onsen UI – Monacaドキュメント](http://docs.monaca.mobi/ja/onsenui/)
– [The Answer to PhoneGap UI Development | Onsen UI](http://onsenui.io/)
– [Onsen CSS Components](http://components.onsenui.io/)
### 気になる所
– ボタンのクリックとかは、どうやって検知するんだろう？
– 普通の HTML じゃないので、慣れるまでわかりづらいかも？
[ Monaca ] を使ってみた感想
———————————————————————-
プロジェクトの作成から実機テストまでが簡単すぎる！
中身は、PhoneGap ( Cordova ) を利用しているので、それ系のアプリを作りたい人にはオススメ！
[ おまけ ] Monaca IDE 用 Stylish の CSS
———————————————————————-
Monaca IDE が好みになるようにスタイルを書いてみた。
.ace_gutter-cell, .ace_editor {
font-size: 12px !important;
font-family: Osaka-Mono, monospace !important;
font-weight: normal !important;
line-height: 1.5 !important;
}
.ace_storage.ace_type,
.ace_variable.ace_parameter,
.ace_support {
font-style: normal !important;
}
以上です！
