Cordova使い方まとめ #JavaScript

Cordovaとは

HTML5 + Javascript + CSS3 で iPhone/Androidなどのネイティブアプリケーションが作れる素敵ツール

はじめに

Cordovaを使う機会があったので、使い方をまとめてみました。
使用したcordovaのバージョンは、3.5.0です。
簡単にアプリの作成手順だけ書いただけなので、詳細が知りたい方は公式サイトを見てください。
あくまで1例です。参考程度に見てください。

アプリ作成手順

Cordovaをインストール
1. node.jsのインストール
  - 公式サイトからダウンロードし、インストール
2. Cordovaのインストール
  - コマンドプロンプト/ターミナルでインストール
    npm install -g cordova

アプリを作成

cordova create hello com.example.hello HelloWorld
cd hello

プラットフォームを追加
- 作成するアプリに対応する開発環境を導入
  - SDKなどをインストール
- プラットフォームを追加
```
cordova platform add プラットフォーム名
```
アプリをビルド
```
cordova build
```
アプリを実行
```
cordova run
```

おまけ

index.html内のアレを削除する

index.html

<div class="app">
<h1>Apache Cordova</h1>
    <div id="deviceready" class="blink">
        <p class="event listening">Connecting too Device</p>
        <p class="event received">Device is Ready</p>
    </div>
</div>

ただ削除するとアプリが起動しなくなる
対処法

index.js

onDeviceReady: function() {
    //app.receivedEvent('deviceready');
},