Cordovaを使用したAndroidアプリ作成メモ

Apach Cordovaについて

Apach Cordova

• iOSやAndroidなどのに対応した、クロスプラットフォームのハイブリットアプリを作成するためのツール
• Apach Cordovaプロジェクトとして管理されている
• PhoneGapはアドビが提供するCordovaのディストリビューションの１つ

Cordovaのハイブリッドアプリって？

• ハイブリットアプリとは、アプリのパッケージ内に、アプリ内ブラウザ(WebView)とネイティブコードを持っていて、ブラウザがJavaScriptを実行し、HTMLを出力します。

Cordovaの役割

• 作成するアプリのフレームワーク的な存在です。
• アプリ内ブラウザ(WebView)の生成
• JavaScriptからネイティブコードのAPIをコールする仕組みの提供
• プラグインと呼ばれる機能拡張の仕組みの提供
• セキュリティ機能
• カメラ、GPSのデバイス用APIの提供

UIについて

• CordovaはUIを持たないので、Jquery Mobileを使用する事にする

開発環境整備(Windows)

参考

JDKのインストール

JDKは６以上が必要
JDK download

Eclipse(3.4以上)のインストール

Eclipseはなんでも良い。
とりあえず、junoのEclipse IDE for Java EE Developersを入れる
juno download

Android SDKのインストール

AndroidSDK downloadから
「GET THE SDK FOR AN EXISTING IDE」の下にあるstand-alone版のWindows用インストーラをダウンロードして、インストールする

ADT PluginのEclipseへのインストール

ADT Plugin downloadから「To add the ADT plugin to Eclipse:」を参考に、以下のURLを使用して、ダウンロードとインストールを行う
「https://dl-ssl.google.com/android/eclipse/」

• エクリプスを起動して、Help→Install New　Softwareを選択する
• Addを押下して、上記のURLと名前を指定する
• 表示されたチェックボックスを選択して、Nextを選択してダウンロードとインストールを行う

node.jsのインストール(nodist使用)

nodistとnode.jsのインストール

Antのインストール

Cordovaのインストール

Androidアプリの作成

エミュレータの設定

Cordovaプロジェクトの作成

AndoridプラットフォームのEclipseプロジェクト作成

Eclipseでの取り込み

Eclipseでの設定