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ファイルです。好きなように書き換えてくださいね。あなただけの、オリジナルアプリが、手軽に作れますように！！

この後の作業