CordovaでHTML5ハイブリッドアプリ開発 - Android編

概要

• フレームワークの１つであるCordovaを用い、HTML5,CSS,Javascriptなどを使ってAndroidのハイブリッドアプリを作成する手順を（あくまでも自己流で）解説しています。
  今までホームページ作成をしてきましたが、初めてAndoridアプリを作成するにあたってなんとかHTML5で出来ないかと色々調べたところCordovaに行きつきました。
  基本的に実際に作成したアプリ（バイオリズム診断）を元に、誰でも出来るだけ簡単にアプリを作成できるような構成にしています。

手順

1. 環境の準備
   • 1.1 Node.jsをインストール
   • 1.2 JDKをインストール
   • 1.3 Andoroid SDKをインストール
   • 1.4 Cordovaをインストール
2. アプリの開発
   • 2.1 アプリ開発の流れ
   • 2.2 プロジェクトを作成
   • 2.3 ソースコードの編集
   • 2.4 プラグインの利用
   • 2.5 実機で確認
   • 2.6 アイコンの設定
   • 2.7 スプラッシュスクリーンの設定
3. アプリの公開
   • 3.1 Google Play デベロッパーの登録
   • 3.2 apkファイルの作成
   • 3.3 Google Playへのアプリの公開
   • 3.4 バージョンアップ
4. 実践（ソースコードの編集）
   • 4.1 config.xml（アプリに関する情報）の設定
   • 4.2 ローカルストレージを利用
   • 4.3 ネイティブの利用
   • 4.4 オプションメニューの作成
   • 4.5 ダイアログの表示
   • 4.6 クリックイベントを速くする
   • 4.7 Zepto.jsを使用する
   • 4.8 画面の縦及び横固定
5. 広告の掲載＜AdMob＞
   • 5.1 AdMobに申し込む
   • 5.2 アプリの登録と広告の設定
   • 5.3 広告の組み込み