HTML5/js/CSSでiPhone/Androidアプリが作れるPhoneGapのメモ (blog@browncat.org)

iPhoneのソフト開発を行うのに少し敷居が高いのはやはりObjective-Cでしょうか。慣れてしまえば何とでもなるのでしょうがお手軽とは言い難いものがあります。

で、まあこれをいろいろと簡単に行うツールが出ているのですが、手っ取り早くWebアプリをネイティブ化してくれるPhoneGapを軽く使ってみたのでメモ。

このPhoneGapはなかなか面白く、ちょうどMobileデバイス向けにMozilla PrismやAdobe Airのような働きをします。要はデバイスに内蔵されているブラウザコンポーネントをベースにhtmlやcss,jsをひとまとめにしてネイティブアプリを作成するというもの。クロスプラットフォームでiPhone/Android/Black Berryに対応。Palm, WinMobileやSymbian WRTにも対応するようです。

Nitobi | PhoneGap -- 本家ページ
phonegap's phonegap at master - GitHub -- 最新版ダウンロード
PhoneGap使い方辞典 -- 日本語解説ページ
App Store登録もOK！ JavaScriptで作るiPhoneアプリ（1/4）－＠IT -- 解説記事

解説記事などを見るだけでもだいたい使い方がわかりそうなものですが、解説記事より最新版の方が良さげな感じなのでgithubからゲット。

macportsなどからgitやGitXをインストール(port install git-core)
xcode(というかiPhoneのSDK)も必要
phonegap's phonegap at master - GitHubから
git clone git://github.com/phonegap/phonegap.git
cd phonegap
git submodule init
git submodule update
うまく取得出来たらライブラリをビルド
cd iphone
make
PhoneGapLibInstaller.pkgが出来るはずなのでこれをインストール
open PhoneGapLibInstaller.pkg

以上でxcodeのユーザテンプレートにPhoneGapがインストールされ、~/Documents/PhoneGapにライブラリのプロジェクトがインストールされます。

後はPhoneGap Based ApplicationなNew Projectを新規で作るとひな形が出来ます。

iPhone向けWebアプリ作成のドキュメント類:

Building iPhone Apps with HTML, CSS, and JavaScript
Goto Nativeの章にPhoneGap関連
phonegap / FrontPage -- 本家wiki
Phonegap Docs -- ドキュメント

他には書店で売っているiPhone向けwebアプリ作成の本なんかを参考にwebアプリを作ってテスト実行すればOK。iPhoneシミュレータやSafariでデバッグしてPhoneGapでネイティブ化というステップ。 iPhoneアプリのJavascript Anywareなんかでも出来る？かもしれません。

iPhoneのネイティブアプリを作るにはMacとXcodeが必要ですが、アプリ自体はWeb標準技術がベースでほとんどクロスプラットフォームなのでLinuxやWinでも書いて確認位までは出来そうです。本家ダウンロードページにはAdobe Airで作られたAndroid向けシミュレータがダウンロード出来るようになっていますので、雰囲気を見るのがこれが一番手っ取り早いかもしれません。試してませんがAndroid向けアプリならMacは不要で、java/ant/ruby/eclipse等で開発出来るようです。

またモバイルデバイス固有の機能(GPS,Vibなど)も使用可能。もちろん動きの速いゲームなんかは難しいと思いますが、APIがあるようなwebサービスとの連携アプリや、俺専用データブラウザアプリなどは簡単に作れそうです。やってませんがSVGが使えればグラフィックも描けそうですね。

ということで、ちょっと遊んでみます。

追記: