LoginSignup
43
44

More than 5 years have passed since last update.

PhoneGap(Cordova) のインストールと始め方

Last updated at Posted at 2014-03-03

PhoneGap公式ドキュメントがぐちゃぐちゃなので、メモ。

実行バージョン: phonegap 3.3.0-0.18.0
2014/03/03 時点

cordovaを使いたい場合は、以下のphonegapをcordovaに置き換えればそのまま問題ない! わけではなくCLIコマンドは振る舞いがちがうようです。

大まかな流れ

  • Node.jsをインストール
  • npm で phonegap (or cordova) をインストール
  • phonegap create でプロジェクト作成
  • ビルド
  • 実行

スクリーンショット付きで知りたい場合

スクリーンショット有りで詳しく知りたい人は、以下を読む方がわかりやすいです。
http://www.atmarkit.co.jp/ait/articles/1308/28/news014.html

さくっと知りたい人は、以下を読みましょう。

Node.jsのインストール

以下の公式サイトから、ダウンロード&インストールして下さい。
(Node.jsのバージョンごとの管理をしたい場合は、ググって下さい。)

理由: npm で phonegapをインストールするため

PhoneGap(Cordova) のインストール

npm install -g phonegap 

プロジェクトの作成

phonegap create プロジェクト名

ビルドのみの場合

phonegap build [プラットフォーム名(ios|android)]

エミュレータ実行のみの場合

phonegap emulate [プラットフォーム名(ios|android)]

ビルド&実行 (iOS)

phonegap run ios

ios-sim のバージョンが古いと言われたので、以下を実行

npm install -g ios-sim

ビルド&実行 (Android)

phonegap run android

Androidのエミュレータは、遅いので実機が良い

cordova と phonegap コマンドの違い

phonegap には、platform add コマンドがない

cordova では、以下が必要だそうです。

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

その他

プラグインのダウンロード、インストールは、別記事に書きます。

検索用語

phonegap, cordova, install, インストール, setup, セットアップ, 始め方, ios, android

43
44
2

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
43
44