LoginSignup
17
17

More than 5 years have passed since last update.

html+css+javascriptでネイティブのiPhoneアプリをつくるPhoneGapの導入方法

Posted at

PhoneGapとは?

iOS/Androidアプリをhtml+css+jsで作成できるフレームワーク
iOSであればXCodeにプラグインをインストールし、AndroidであればXCodeでインストールする。
BlackBerryアプリなんかも作れるらしい。

使用条件

Xcode 4.3+
Xcode Command Line Tools
Intel-based computer with Mac OS X Lion or greater (10.7+)

PhoneGapのインストール

http://phonegap.com/download
上記から最新版をダウンロード

Cordovaのインストール

ダウンロードしたファイルの中のCordova-2.0.0.pkgを起動し、ダイアログに素直にしたがって愚直にインストール

binフォルダをどこかにコピー

binフォルダーをどこかにコピーして、terminalでコピー先に移動する

プロジェクトを作成する

下記を実行
./create /path/to/HelloWorld org.apache.HelloWorld HelloWorld HelloWorld

プロジェクトをxcodeで開く

作成されたプロジェクトフォルダの中の.xcodeprojをxcodeで起動

プロジェクトをiOSのシミュレーターで実行

xcode上の左上の方にあるschemeのドロップダウンから下記のような形で選択してからcommand+Rで実行
HelloWorld>iPad 5.1simulator

どこから編集するの?

プロジェクト直下のwwwフォルダ内のindex.htmlを編集すればいろいろできる

参考

http://docs.phonegap.com/en/2.0.0/guide_getting-started_ios_index.md.html#Getting Started with iOS

感想

最後に触ったのが一年くらい前で、久しぶりに触ったらかなり様変わりしていた。Cordovaとか初耳だった。

17
17
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
17
17