以下よりjsWaffleをダウンロードします。ダウンロードしたら解凍します。
Android Studioを起動します。もし、インストールされていなければ、Androidのサイトから入手してください。
一番上の[Create New Project]ボタンをクリックします。
Basic Activityを選択して[Next]ボタンをクリックします。
そして、適当にプロジェクトに名前を付けます。そして、[Finish]をクリックします。
| Name | My Application |
| Package name | com.example.myapp |
| Language | Java |
| Minimum SDK | API 26 (Oreo) |
プロジェクトを選んで右クリックし、「Reveal in Finder」をクリックします。
冒頭でダウンロードしたjsWaffleのコード一式を以下のパスにコピーします。（Macの場合、置換ではなく統合コピーしてください。)
(プロジェクトルート)/app/src
構成としては、下記のようにコピーしてください。
プロジェクトソースで、/app/src/main/java/com/example/myapp/MainActivity.java を開いて、以下のように書き換えます。
jsWaffle
package com.example.myapp;
import com.kujirahand.jsWaffle.WaffleActivity;
public class MainActivity extends WaffleActivity {
}
必要に応じてパーミッションを追加します。
ファイル「/app/src/main/AndroidManifest.xml」を開いて以下のように『<uses-permission android:name="android.permission.INTERNET" />』を追加します。
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.myapp">
<uses-permission android:name="android.permission.INTERNET" />
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/Theme.MyApplication">
<activity
android:name=".MainActivity"
android:label="@string/app_name"
android:theme="@style/Theme.MyApplication.NoActionBar">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
USBで端末とPCを接続して、「Run」ボタンを押してください。
端末上で、jsWaffleのアプリが起動します。
この後は、/src/main/assets/www/index.htmlを編集してください。
以前、jsWaffleで作ったプロジェクトのassetsフォルダを、上記の手順で作った/src/main/assetsフォルダに放り込めば、Android5.2でも動くアプリとして動きます。
また、画面サイズが変わっていますので、HTMLファイルの<head>タグに以下の一行を差し込むと良いでしょう。
<meta name="viewport" content="width=320">