The sky is the limit

ハイブリッドアプリ開発、PWAなど効率の良いiOSアプリ、Androidアプリ開発の情報を共有したい。アプリ開発は楽しい。【PWA、AngularJS、Monaca、Cordova、OnsenUI】

【ハイブリッドアプリ】MacでCordovaでの開発環境を整える③ -iOS版-

結局、昨日もエラーを解決できなかったので、もう一度。
富士ゼロックス スーパーカップを観ながら。
 

f:id:duo-taro100:20160218004611p:plain

MacでCordovaでの開発環境を整える③ -iOS版->

・node.jsとnpmのインストール

・Cordovaのインストール

サンプルプロジェクトの作成

・プラットフォームの追加(iOSのみ)

iOSシュミレーターの準備

ビルド

iOSシュミレーターの起動

f:id:duo-taro100:20160218005810j:plain

 

node.jsとnpmのインストール

v5.6.0 Stableの方。
 

$ node -v

v5.6.0

$ npm -v

3.6.0

f:id:duo-taro100:20160220005654p:plain

 

Cordovaのインストール

 

$ sudo npm install cordova -g

 

npm WARN deprecated npmconf@2.1.2: this package has been reintegrated into npm and is now out of date with respect to npm

/usr/local/bin/cordova -> /usr/local/lib/node_modules/cordova/bin/cordova

/usr/local/lib

 

└── cordova@6.0.0 

WARNは出てるけど、確認。
 

$ cordova -v

6.0.0

 
できた。バージョンの問題か?再起動が必要だったのか?原因は不明。。。
 

f:id:duo-taro100:20160218004753j:plain

サンプルプロジェクトの作成

$ cordova create testCordova

 

Creating a new cordova project.

 

プラットフォームの追加(iOSのみ)

サンプルプロジェクトのディレクトリへ移動

$ cd testCordova

 

プラトフォームの追加

androidについてはSDKにpathを通す必要があり、ちょっと面倒なので後回し。まずはiOSを。

iOSプラットフォームの追加

 

$ cordova platforms add ios

 

Adding ios project...

iOS project created with cordova-ios@4.0.1

Discovered plugin "cordova-plugin-whitelist" in config.xml. Installing to the project

Fetching plugin "cordova-plugin-whitelist@1" via npm

 

Installing "cordova-plugin-whitelist" for ios

 

iOSシュミレーターの準備

$ sudo npm install -g ios-sim

 

 

/usr/local/bin/ios-sim -> /usr/local/lib/node_modules/ios-sim/bin/ios-sim

/usr/local/lib

└─┬ ios-sim@5.0.6 

  ├── bplist-parser@0.0.6 

  ├─┬ nopt@1.0.9 

  │ └── abbrev@1.0.7 

  └─┬ simctl@0.0.8 

    ├── shelljs@0.2.6 

    └── tail@0.4.0 

 

ビルド

$ cordova build ios
 
長いので省略するが、成功すれば以下のように表示される。

** BUILD SUCCEEDED **

 

iOSシュミレーターの起動

$ cordova emulate ios
 
** BUILD SUCCEEDED **
 こちらも成功すれば、上記のように表示される。またiOSシュミレーター画面も起動する。こんな感じ
 

f:id:duo-taro100:20160220151848p:plain

 
 
次回は、Androidでのエミュレーター起動まで。