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

スポンサードリンク

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

monaca

Monaca – HTML5 モバイルアプリ開発プラットフォーム

[ Monaca ] の凄い所・特徴

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

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

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

Onsen UI

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

気になる所

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

以上です!

スポンサードリンク

この記事が気に入ったら、ぜひシェアをお願いします!

コメントを残す

メールアドレスが公開されることはありません。