SETUP - jsWaffle

1. SETUP - jsWaffle Kujirahand.com

2. jsWaffle のセットアップ • 前準備 • Eclipse のインストール • Android SDK のインストール • jsWaffleのJARファイルとwwwフォルダをダウンロード • セットアップ • Android Projectを作る • jsWaffle の JAR ファイルを libs に追加 • jsWaffle の www フォルダを assets に追加 • Androidで実行

3. jsWaffleファイルのダウンロード JARファイルのダウンロード jsWaffleのプロジェクトページから2つのファイルをダウンロードする！

4. EclipseのAndroidプロジェクト作成 Eclipseを起動します。

5. 新規プロジェクト作成 File > New > Android Application Project

6. 今回は、Android1.6で説明。

7. プロジェクトダイアログに入力 Application Name/Project Nameを入力。今回は、TestProjectに。

8. ダイアログを次へ次へ… Next > Next > Finish と次々とクリック！

9. JARファイルをlibsにドロップ あらかじめダウンロードしておいた jsWaffle.jarを libs フォルダに ドロップします。 コピーかリンクか尋ねられる ので、コピーしてしまいましょう。

10. Build PathにJARファイルを追加 Libsに追加したjsWaffle.jarを右クリックして、 [Build Path > Add to Build Path] をクリックして、JARファイルを追加します。

11. メイン java ファイルを開く メインファイルは、 [src]フォルダにあります。

12. メインファイルを書き換えます メインファイルの冒頭にある extends の後ろを Waffle Activity に置き換えます。

13. メインファイルを書き換えその2 クラスの中身、不要な部分を削除します。 以下のような感じにしてください。

14. プロジェクトのひな形wwwをドロップ 先ほどダウンロードした www.zipを解凍します。 www フォルダをプロジェクトの assets フォルダにドロップします。 --- ひゃっほう！--- 実際、これは、プロジェクトのひな形です。 最低、www フォルダの中にある、 index.htmlとjsWaffle.jsさえあれば 良いのですけど、慣れないうちは全部 コピーしておきましょう。

15. Androidアプリとして実行！ プロジェクトを右クリックして、 ポップアップメニューから [Run As > Android Application]を クリック！！！

16. 実機あるいはエミュレータで実行 jsWaffle のデモが起動したなら セットアップ終了です！

17. この後の作業 “assets/www/index.html” がメインファイルです。 このファイルを好きなように書き換えます。 これは普通のHTMLファイルです。好きなように書き換えてくださいね。あなただけの、オリジナルアプリが、手軽に作れますように！！