1 / 17

SETUP - jsWaffle

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

nancy
Télécharger la présentation

SETUP - jsWaffle

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

More Related