スマホアプリ作るのにはObjective-CとかJavaとか別々に覚えて、ライブラリなんかもプラットフォーム別にお勉強するってのが、本来なんでしょうけど、まぁやってられません。

SPA気分でネイティブ風アプリが開発できるPhoneGapに挑戦してみます。

開発プラットフォームはMacで、

OS X 10.10.1 Yosemiteです。

下準備

node.js

node.jsをインストールしとく。

npmを最新にしとく。

$ npm update -g npm

xcode

AppStoreからインストール

PhoneGapインストール

こちらを参考にインストール。

sudoは使わず。

~$ npm cache clean

~$ npm install -g phonegap

~$ phonegap –version

4.2.0-0.23.0

ブランクアプリ作成

アプリ作ってみる。

前はxcodeからできてたようですが、最近のはできない？

1
2
3
4
5
6
7

~$ cd src/
~/src$ phonegap create pgapp
~/src$ cd pgapp/
#git管で理しとく
~/src/pgapp$ git init
~/src/pgapp$ git add .
~/src/pgapp$ git commit -m "init"

ios実行

1

~/src/pgapp$ phonegap build ios

xcode用のプロジェクトが作成されるので、xcodeで開く

　platforms/ios/Hello\ World.xcodeproj

実行すると

こんな感じ。

次はAndroidの環境をセットアップします。たぶん。

追記

xcodeでwww/index.htmlを編集して実行しても反映されないんですけど…

変更後コマンドラインで再ビルドしないといかんらしい。

1

~/src/pgapp$ phonegap build ios

こちらを参考にさせていただきました。