17
17

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

iOSAdvent Calendar 2012

Day 1

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?