クラウドでスマホアプリが開発できる [ Monaca ] やってみた

HTML5 + JavaScript で、スマホアプリの開発ができる [ Monaca ] を試してみました〜。

[ Monaca ] の凄い所・特徴 ———————————————————————-

– コーディングからビルドまで、クラウド上の IDE を使用するので、開発環境を整える必要がない – HTML5 + JavaScript でアプリ開発ができる！ – iOS と Android アプリをワンソースで同時に開発 – デバッガーアプリをスマホにインストールするので、実機テストが簡単 – iOS デベロッパープログラムに加入していなくても実機テストが可能 – IDE でファイルを保存すると、iPhone のデバッガーアプリが自動でリロードされる。 – ネイティブ機能で、いくつかの iOS ネイティブ UI を利用できる。 – WebDAV を利用し、使い慣れたエディタでの開発も可能 – プロジェクトのエクスポートができるので、バックアップや、過去バージョンの保管が簡単にできる！

Android のリリース版をビルドする方法 ———————————————————————-

– Android アプリをリリースするには、キーストアと言う物が必要。 – キーストアは、アプリ毎に作成する。 – アプリのバージョンアップの際には、同じキーストアを使わないといけない。 – キーストアの中に、エイリアスと言う物も必要。 – [ 設定 ] → [ Android キーストア設定 ] で設定できる。

Onsen UI ———————————————————————-

Onsen UI を使うと、ネイティブ並みの外観と操作性を、すべてのプラットフォーム上で実現できます。 Onsen UI の設置と詳細は次のページが参考になります。

– Onsen UI – Monacaドキュメント – The Answer to PhoneGap UI Development | Onsen UI – Onsen CSS Components

気になる所

– ボタンのクリックとかは、どうやって検知するんだろう？ – 普通の 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;
}

以上です！

気になる所

コメントを残す