Setup jsWaffle
-
Upload
kujirahand-kujira -
Category
Technology
-
view
3.063 -
download
0
description
Transcript of Setup jsWaffle
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 ファイルです。好きなように書き換えてくださいね。あなただけの、オリジナルアプリが、手軽に作れますように!!
この後の作業