SETUP - jsWaffleKujirahand.com

前準備 Eclipse のインストール Android SDK のインストール jsWaffle の JAR ファイルと www フォルダをダウンロード

セットアップ1. Android Project を作る2. jsWaffle の JAR ファイルを libs に追加3. jsWaffle の www フォルダを assets に追加4. Android で実行

jsWaffle のセットアップ

JAR ファイルのダウンロード

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

jsWaffle ファイルのダウンロード

Eclipse の Android プロジェクト作成

Eclipse を起動します。

新規プロジェクト作成

File > New > Android Application Project

今回は、 Android1.6 で説明。

プロジェクトダイアログに入力

Application Name/Project Name を入力。今回は、 TestProject に。

ダイアログを次へ次へ…

Next > Next > Finish と次々とクリック！

JAR ファイルを libs にドロップ

あらかじめダウンロードしておいたjsWaffle.jar を libs フォルダにドロップします。

コピーかリンクか尋ねられるので、コピーしてしまいましょう。

Build Path に JAR ファイルを追加

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

メイン java ファイルを開く

メインファイルは、[src] フォルダにあります。

メインファイルを書き換えます

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

メインファイルを書き換え その 2

クラスの中身、不要な部分を削除します。以下のような感じにしてください。

プロジェクトのひな形 www をドロップ

先ほどダウンロードしたwww.zip を解凍します。

www フォルダを プロジェクトのassets フォルダに ドロップします。

--- ひゃっほう！ ---

実際、これは、プロジェクトのひな形です。

最低、 www フォルダの中にある、index.html と jsWaffle.js さえあれば良いのですけど、慣れないうちは全部コピーしておきましょう。

Android アプリとして実行！

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

実機 あるいは エミュレータで実行

jsWaffle のデモが起動したならセットアップ終了です！

“assets/www/index.html” がメインファイルです。

このファイルを好きなように書き換えます。

これは普通の HTML ファイルです。好きなように書き換えてくださいね。あなただけの、オリジナルアプリが、手軽に作れますように！！

この後の作業