2011/06/13

jsWaffleでAndroidアプリ開発まとめ

jsWaffleを使ってAndroidアプリを開発する際のクイックマニュアル(まとめ)

jsWaffleとは、HTML5,javascript,cssでネイティブアプリが作れる開発フレームワーク


開発環境の準備
windows7 パソコンに以下をインストールする 。
  1. Aptana Studio 2 インストール
  2. Aptana Studio 2 ライブラリーインストール JavaScript Librariesを選択
  3. JDK インストール (すでにインストール済の場合はスキップ)
  4. Android SDK インストール (すでにインストール済の場合はスキップ)
  5. Aptanaを起動 Androidプラグインのインストール Help > Install New Software...
  6. Addボタン Name:Android Plugin Location:https://dl-ssl.google.com/android/elcipse/
  7. Aptana Studio 2 Android SDKインストールパスを設定 Window > Preferences
  8. Android SDK 仮想デバイスの設定 (すでにインストール済の場合はスキップ)
  9. jsWaffleのインストール
詳細は参考書籍を参照

開発手順
  1. jsWaffleでAndroidプロジェクトのひな形作成する
  2. Aptanaに1でつくったひな形をインポートする
  3. assetsフォルダにあるHTMLを編集する
  4. Androidアプリとして実行し、動作確認する
  5. 1~4を繰り返す

さっそく、デモアプリ用プロジェクトを作る。
apkファイルに変換し、Android端末にインストールしてみる

参考書籍