jsWaffleを手動でインストールする方法

サクウェブＴＶはコチラ↓↓↓

①jsWaffleのJarファイルをダウンロードする

以下のURLからjsWaffleのJarファイルをダウンロードする。

http://code.google.com/p/jswaffle/downloads/detail?name=jsWaffle.jar

②Eclipse（Aptanaなど）で新プロジェクト作成

Eclipseで新プロジェクトを作成する。

※Androidアプリケーション・プロジェクトで！！

③libsフォルダに①でダウンロードしたJarファイルを入れる

コピーまたはドラッグでjsWaffle.jarをlibsに入れる。

次にjsWaffle.jarを右クリックして以下を実行。

英語表記なら[Build Path > Add to buld path]

日本語化してあるなら[ビルド・パス > ビルド・パスに追加]

④メインプログラムの書き換え

srcフォルダにあるjavaファイルを書き換える。

package (PackageName);

import com.kujirahand.jsWaffle.WaffleActivity;

public class (ApplicationName) extends WaffleActivity {
  // Empty
}

⑤jsWaffleのテンプレートをダウンロード

以下からjsWaffleのテンプレートをダウンロードする。

https://code.google.com/p/jswaffle/downloads/detail?name=www.zip

⑥テンプレートを配置する

assetsフォルダにダウンロードしたwwwフォルダをまるごと入れる。

※コピーまたはドラッグ

⑦xmlに権限を追加する

AndroidManifest.xmlに権限を追加する。

AndroidManifest.xmlを開いて<manifest></manifest>の最後なんかに以下を追加する。

※必要なもの以外は削除しておく

<!-- バイブ機能を使うとき -->
<uses-permission android:name="android.permission.VIBRATE"/>
<!-- インターネットへのアクセスを使う時 -->
<uses-permission android:name="android.permission.INTERNET" />
<!-- GPSを使う時 -->
<uses-permission android:name="android.permission.ACCESS_ASSISTED_GPS" />
<uses-permission android:name="android.permission.ACCESS_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<!-- SDカードなどへ書き込みを行う時 -->
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<!-- コンタクトの情報を読み取る時 -->
<uses-permission android:name="android.permission.READ_CONTACTS" />
<!-- カメラを使う時 -->
<uses-permission android:name="android.permission.CAMERA" />
<!-- 録音機能を使う時 -->
<uses-permission android:name="android.permission.RECORD_AUDIO"></uses-permission>  
<!-- 壁紙変更機能を使う時  -->
<uses-permission android:name="android.permission.SET_WALLPAPER" />

これで完了！あとはassets/www/index.htmlを書き換えていけば編集可能。

jquery.jsやenchant.jsなどjsWaffle.js以外のライブラリの利用については他の記事で書きます。