PhoneGap セットアップ

PhoneGap

まずは環境構築から。iOSでいってみよ。PhoneGap サイトにある通り進めるだけで良さげ。:-)


iOSの場合、PhoneGap2.0.0 からいくつか環境制約があるらしい。詳しくは技術評論社のこちらを見てね。抜粋部分だけ引用させてもらいます。^^;

  • Xcodeテンプレートを使用しないように（iOS）
  • 専用のコマンドラインツールを使用してXcodeプロジェクトを作成するように（iOS）
  • コマンドラインからプロジェクトのビルド，エミュレータ起動，各種ロギングがおこなえるように（iOS, Android, BlackBerry）
  • サポートするiOSバージョンが4.2以上に。iOS 3はサポート対象外となる（iOS）
  • 必要動作環境のOSがLion （10.7）およびMountain Lion （10.8）のみに。Snow Leopard（10.6）はサポート対象外となる（iOS）
  • Cordova WebViewサポート（iOS）
  • Cordovajs導入，プラットフォーム間で統一したJavaScriptをサポート
  • WeinreをNode Package Managerに移行
  • Windows Phone正式対応
第1回　PhoneGap/Cordovaとは - PhoneGap 2.0.0の変更点

環境構築

まずは Xcode に Command Line Tools を入れる。

  1. メニューで Xcode から "Preference" を開き、Download を選択する。
  2. Components タブになる Command Line Tools 行の Install ボタンを押す。


次に Apache CORDVA の最新版（2.4.0）をダウンロードする。cordova-2.4.0.zip を解凍した中にプラットフォーム別アーカイブがあるので cordova-ios.zip を解凍する。

続いてプロジェクトを生成する。cordova-ios/bin に移動して、create コマンドを実行する。

./create [project location] [package name] [projectname]
　project location : プロジェクト生成先ディレクトリ
　package name : パッケージ名（バンドル名）
　project name : プロジェクト名


こんな感じ。

./create ~/work/PhoneGap/iOS/HellowCordova com.sample.ios.HelloCordova HelloCordova


指定したディレクトリ内に .xcodeproj ができるので Xcode を起動する。

open ~/work/PhoneGap/iOS/HellowCordova/HelloCordova.xcodeproj


そのまま実行。こんな画面が表示されれば、最低限の環境構築は OK。iPad の実機で試そうと思ったら iOS Developer Program の期限が切れてた。ちょいと後回し。^^;)

不具合？

iPhone Simulator で動作はしてるんだけど、libCordova.a が赤になってる。あと同じ理由かもしれないけど Validate Project Settings で警告が出てる。Validate Project Settings の方は勝手に修正してくれる見たいなので適用。libCordova.a の方は Stack Overflow とかでいくつか対処方法が出てるみたいだけど、なんか直らない。しばらく放置してみる。キモい。 :-(

○ libCordova.a

○ Validate Project Settings

環境

  • Mac OSX 10.7.5
  • Xcode 4.6
  • Cordova 2.4.0