HTMLやCSS、JavaScriptでスマートフォンアプリを開発できるフレームワーク「PhoneGap」。今回は、PhoneGapでiPhone/iPad用のフォトアルバムアプリを作成します。
iPhone用のフォトアルバムアプリは、以前紹介したフレームワーク「NimbleKit」のときも作りました。
- JavaScriptでiPhone/iPad用フォトアルバムを作ろう
- http://ascii.jp/elem/000/000/612/612655/
今回はNimbleKitで作ったフォトアルバムと同様のアプリを、PhoneGapを使って作ってみましょう。iPhone用/iPad用のアプリを作りますので、アルバム用の画像を2種類用意します(iPhone 4のRetina Display用の画像は用意しません)。iPhone用は320×480ピクセル、iPad用は768×1024ピクセルで、それぞれ5枚ずつ用意してください。
なお、以前解説したNimbleKitのソースコードを、そのままPhoneGapに流用しても動作しません。NimbleKitは専用のAPIを使って処理しているので、PhoneGap上では動作しないのです。逆に、フレームワーク固有のAPIを使わなければ、HTML5をベースにしたさまざまなフレームワーク上で動作するアプリが開発できます。