HTML5 + CSS3 + JavaScript で、iPhone / Android アプリを制作できる [ PhoneGap ] を試してみたので、わかった事をメモ書きしておきます。
わかった事 ———————————————————————-
– iPhone 標準の UI ( ボタンなど ) が使えないので、自分で製作する必要がある。 – jQuery Mobile などのライブラリで開発したアプリをパッケージにし、AppStore に登録できる。 – 2011 年 10 月に Adobe が PhoneGap を開発する企業 Nitobi を買収したらしい。 – PhoneGap 内の HTML にリンク ( a href ) を設定するには、マニフェスト ( .xml ) に書かないといけないみたい。 – メールを送信する時などは、プラグイン を入れないといけないみたい。 – オープンソースの PhoneGap は Cordova という名前に変わり、Cordova をアドビ社が配布する時は、PhoneGap という名前になるそうです。
公式サイト ———————————————————————-
- PhoneGap
- 本家！英語です。
- Apache Cordova API Documentation
- API リファレンス。
- PhoneGap Fan – PhoneGap の日本語コミュニティ
- サンプル・ドキュメントなどがあります。
チュートリアル ———————————————————————-
- 連載：PhoneGap で手軽に iPhone / Android アプリを作ろう｜gihyo.jp … 技術評論社
- PhoneGap のインストール、メモアプリ・カメラアプリのチュートリアルなど。
- ASCII.jp：古籏一浩の JavaScript ラボ
- いくつかチュートリアルがあります。
Adobe PhoneGap Build サービスで簡単にビルドする ———————————————————————-
PhoneGAP アプリを簡単にビルドできるウェブサービス。
※ Dreamweaver CC 2014 以降では、PhoneGap Build との連携機能がサポートされないそうです。
ただし、PhoneGap Build オンラインサービスに ZIP ファイルをアップロードすればパッケージ化できます。
参考 :
Dreamweaver CC には、PhoneGap Build サービスとの連携機能があるので便利です。
- アプリ用に新規のサイト定義を作成する。
- [ サイト ] → [ PhoneGap Build サービス ] → [ PhoneGap Build サービス ] でパネルを表示。
- PhoneGap Build サービスのメールアドレスとパスワードを入力。
- [ 新規プロジェクトを作成 ] を選択して [ 続行 ] をクリック。
Android アプリで必要となる証明書は、JDK の Keytool などで作成できますが、何も指定しなかった場合、デバッグ用の証明書が自動的に使われるようです。
参考にさせてもらったページ
– マルチデバイス対応のモバイルアプリ開発環境「PhoneGap」「PhoneGap Build」をおさらいする （1/5）：CodeZine – Dreamweaver ヘルプ | PhoneGap Build を使用した Web アプリケーションのネイティブモバイルアプリケーションとしてのパッケージ化
ありがとうございます！