Help us understand the problem. What is going on with this article?

Monacaについての事前学習

More than 1 year has passed since last update.

前からちょっと気になってたMonacaの本が最近出て、しかも発売記念セミナーをやるとのことで、先週末セミナーに行ってきたのでそれのめも。

クラウドでできるHTML5ハイブリッドアプリ開発 Cordova/Onsen UIで作るiOS/Android両対応アプリ (Monaca公式ガイドブック)

Monacaについて

HTML、CSS、JavaScriptでiOS・Androidアプリが作れる。
C言語、JAVAがわからなくても大丈夫。
iOS・Android用でわざわざ作り直さなくてもいいのでとってもお手軽。
また通常、アプリを作るときはいろいろ開発環境が面倒だけど、Monacaだとクラウド上に開発環境があるから、面倒な設定をしなくてもOK。
ブラウザで開発→実機でデバッグ→ブラウザでビルドといったかんじでスムーズに開発できる。

ハイブリッドアプリ

Monacaで作るアプリはハイブリッドアプリという位置づけになる。
ちなみにアプリについてはWEBアプリ、ネイティブアプリ、ハイブリッドアプリという区分けがある

WEBアプリ

HTML5で書かれたWebサイトで、ブラウザ上で動作する。

ネイティブアプリ

端末にダウンロード・インストールして使うアプリ。
AndroidやIOSなど特定のOS用に作るから、各デバイスの機能にあるカメラやGPS、マイク、アドレス帳などと連動した機能を持つアプリ。
処理が早く、ガチなゲームアプリはだいたいネイティブアプリであることが多い。

ハイブリッドアプリ

端末にダウンロード・インストールして使うアプリ。
WebとOSの技術両方を使って開発する

といったかんじ。

ハイブリッドアプリのメリット/デメリット

メリット

  • いろんなOSで動く!

デメリット

  • ネイティブよりはちょっと遅い...

高速化についてはこの本が参考になるっぽい。
[iOS/Android対応] HTML5 ハイブリッドアプリ開発[実践]入門

スライドだとこの辺が参考になりそう
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ

フレームワーク

CSS

Onsen UI
Monacaには初期状態だとCSSがプレーンな状態なので、別で用意する必要がある。  
公式のおすすめはOnsen UI

JS

公式のおすすめはAngularJS
ただ来年2.0が出る予定で、そのときに内容がらっとかわるっぽいので注意。
jquerymobileと比べると学習コストは高い様子...
おすすめの本はこの本 AngularJSリファレンス

Crosswalk

CrosswalkというIntelが開発したWebViewWebViewでアプリをビルドすると高速化できるからいいよーとのこと。
サイズは10MB位。
Android4系なので2.3切り捨てる必要有り。

参考サイト:Crosswalkを使うとどれくらいパフォーマンスがアップするかテストしてみました

プランについて

BASIC(無料)プランの上限は3つまでなので、一回手元にエクスポートして、後からインポートで復元すればいっぱい作れる。
練習用にいじる場合はデバッガーが優秀なので、無料でも問題なさそう。
ビルドしないといけない時期だけプランあげるといいかも。

エンタープライズ向け有料プラン

他参考サイト

Why do not you register as a user and use Qiita more conveniently?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away