Cordova使い方まとめ

Cordovaとは

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

はじめに

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

アプリ作成手順

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

npm install -g cordova

1. アプリを作成

cordova create hello com.example.hello HelloWorld
cd hello

1. プラットフォームを追加

• 作成するアプリに対応する開発環境を導入
  • SDKなどをインストール
• プラットフォームを追加

cordova platform add プラットフォーム名

1. アプリをビルド

cordova build

1. アプリを実行

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');
},