だるかぶ
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）
HTML5 + JavaScript で、スマホアプリの開発ができる [ 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;
}以上です！
現場からは以上です。それでは、またッ！！！
だるかぶ
