Cordova さわってみた (Mac)

iOS Android

JavaでAndroidアプリの開発とHTML/CSS/JSでのWebアプリの開発の経験があったので、これにもさわってみようかと思いました。

Cordovaとはなんなのかみたいな話は以下のサイトを参照しました。
Apache Cordova
Cordovaで作るHTML5ハイブリッドアプリ 〜開発ベストプラクティスを学ぶ〜 // Speaker Deck

以下からの章は
書籍転載：［iOS/Android対応］HTML5ハイブリッドアプリ開発［実践］入門 - Build Insider
こちらを参考にしました。

Cordova インストール

まずはNode.jsをインストールします。
http://nodejs.org/

cordovaコマンドあたりをインストール

npm install cordova -g
cordova -v
5.1.1

cordovaコマンドは、Android SDK内のコマンドを内部で利用しますので、Android SDK内のディレクトリにパスを通す必要があります。
toolsディレクトリとplatform-toolsディレクトリにパスを通します。
export 使って行います。

そして、androidコマンドとadbコマンドが実行できればOKです。

プロジェクトの作成

プロジェクトの作成を行います。

cordova create hello com.example.hello HelloWorld -d

次にプラットフォームの追加をします

cd hello
cordova platform add ios
cordova platform add android

プロジェクトの実行

エミュレータの起動は

cordova emulate android -d
もしくは
cordova emulate ios -d

実機には

cordova run android

とします。

ブラウザで確認したい場合は

cordova serve android

として、出てきたURLにアクセスします。

実行して
f:id:carumisu:20150812122707j:plain
こんな感じになったらOKです。