9
9

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.

Cordova(PhoneGap)でiOSアプリを作るための環境構築

Posted at

とりあえず、Crodovaをインストールする前段階まで。
続きは、Cordova(PhoneGap)でのアプリ開発のはじめ方で。

Xcodeのインストール

AppStoreからXcodeをインストールします。
2.09GBあるので、とりあえず待つしかありません。

Xcodeのインストール

iOSシミュレータの動作確認

Xcodeを起動し、iOSシミュレータを開きます。

XcodeからのiOSシミュレータの起動

起動しました。
RetinaのiPhone/iPadは画面が非常に大きいので、ウィンドウ>表示サイズ>50%とかを選んで、縮小表示すると良いでしょう。

iOS Simulator

iOS Developer Programの登録(任意)

作ったアプリを実機で動作させたい場合は、iOS Developer Programへの登録が必要です。
年間8,400円がかかるので、とりあえずCordovaの動作を試したいというだけなら、任意です。

Command Line Toolsのインストール

Command Line Toolsは、Xcodeのオプションのような存在なのですが、Macにgcc(Cコンパイラ)などの開発環境を導入できます。
この後でインストールするHomebrewで必要となります。

ターミナルを開き、下記のコマンドを実行します。

xcode-select --install

Homebrewのインストール

Homebrewは、主に開発系のツールをストレスフリーに導入できるパッケージマネージャです。今回はCordovaのインストールに必要なNode.jsをHomebrewからインストールしようと思います。

こちらもターミナルから。

ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)"

Node.jsのインストール

HomebrewからNode.jsをインストールすると、Node.jsのパッケージマネージャであるnpmも一緒に導入されます。

またしてもターミナルから。

brew install node
9
9
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
9
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?