LoginSignup
14
13

More than 5 years have passed since last update.

Cordova(PhoneGap)でのアプリ開発のはじめ方

Last updated at Posted at 2014-02-26

2014年2月時点の情報です。

node/npmのインストール

これは、Nodebrewを使う場合。
既にNode.jsとnpmが導入されている場合は、Cordovaのインストールからで可。

nodebrew install v0.11.11
nodebrew use v0.11.11

Cordovaのインストール

npm -g install cordova

プロジェクトの作成

アプリ名、ドメインは適当に。

cordova create haruka_cordova jp.co.artisanedge.cordova.haruka Haruka
cd haruka_cordova

プラットフォームの追加

ここでは、iOSとAndroidを追加する場合。

cordova platform add ios
cordova platform add android

プラグインのインストール

最近のCordovaはAPIで提供される機能はプラグインとして別途インストールなので。

cordova plugin add org.apache.cordova.device-motion
cordova plugin add org.apache.cordova.camera
cordova plugin add org.apache.cordova.media-capture
cordova plugin add org.apache.cordova.device-orientation
cordova plugin add org.apache.cordova.network-information
cordova plugin add org.apache.cordova.contacts
cordova plugin add org.apache.cordova.device
cordova plugin add org.apache.cordova.battery-status
cordova plugin add org.apache.cordova.file-transfer
cordova plugin add org.apache.cordova.geolocation
cordova plugin add org.apache.cordova.globalization
cordova plugin add org.apache.cordova.inappbrowser
cordova plugin add org.apache.cordova.media 
cordova plugin add org.apache.cordova.dialogs
cordova plugin add org.apache.cordova.vibration
cordova plugin add org.apache.cordova.splashscreen

実行

実機で実行する場合。

cordova run android
cordova run ios

エミュレータで実行する場合。

cordova emulate android
cordova emulate ios

localhost:8000とかでWebとしてデバッグする場合。

cordova serve
14
13
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
13