戻る 勉強部屋 > HTML5とJavaScriptでAndroidアプリ開発日記

開発環境をセットアップ

  1. Eclipseのダウンロード

  2. JDKのインストール

  3. 環境変数を設定

  4. ADT Pluginをインストール

  5. Android SDKをインストール

  6. Android SDK Managerで各種ソフトウェアを入手

  7. エミュレータを設定

PhoneGapをセットアップ

  1. PhoneGapをダウンロード

  2. プロジェクトを作成

  3. PhoneGapのcordova-2.0.0.jarをlibsフォルダ内にコピー

  4. assetsフォルダ内にwwwフォルダを作成し,この中にPhoneGapのcordova-2.0.0.jsをコピー

  5. resフォルダ内にPhoneGapのxmlをコピー

  6. srcフォルダ内のjavaファイルのソースコードを3か所変更

    import android.app.Activity; → import org.apache.cordova.DroidGap;
    public class SampleAppActivity extends Activity { → public class SampleAppActivity extends DroidGap {
    setContentView(R.layout.activity_sample_app); → super.loadUrl("file:///android_asset/www/index.html");

  7. AndroidManifest.xmlファイルのソースコードに2行追加

    android:windowSoftInputMode="adjustPan"をmanifestの最終行に
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />をuses-sdkとapplicationの間に
    挿入

  8. wwwフォルダ内にindex.htmlファイルを作成

  9. 実行