GAE + GWT プログラミングメモ

Google App Engine とGoogle Web Toolkit のメモ

GAE + GWT環境構築

GAE + GWTプログラミングの環境構築メモ

作成中のアニメ特化アンテナサイト

雲の中の2次

Eclipseダウンロード

Eclipse 日本語化 | MergeDoc Projectで32bitもしくは64bitのJava Full Editionをダウンロードする。
f:id:kumo2ji:20130810084331p:plain

Eclipse設定

ダウンロードしたzipを解凍し、pleiades\eclipseにあるeclipse.exeを実行する。
f:id:kumo2ji:20130810091646p:plain
ファイル保存場所になるワークスペースはデフォルト値../workspaceのままでOKする。
f:id:kumo2ji:20130810091730p:plain
Eclipseが立ち上がったらウィンドウ→設定を選択し、設定ウィンドウを開く。
f:id:kumo2ji:20130810091909p:plain
Javaコンパイラーを選択し、コンパイラー準拠レベルを1.6から1.7に変更し、適用する。
f:id:kumo2ji:20130810094223p:plain
Java→インストール済みのJREを選択し、Java7に変更し、OKする。
f:id:kumo2ji:20130810094349p:plain
ヘルプ→Eclipseマーケットプレースを選択する。
f:id:kumo2ji:20130810094538p:plain
gaeで検索し、Googleプラグインのインストールボタンを押し、インストールする。
f:id:kumo2ji:20130810094651p:plain
f:id:kumo2ji:20130810094811p:plain
f:id:kumo2ji:20130810094855p:plain
最後に再起動する。
f:id:kumo2ji:20130810094916p:plain

GAEプロジェクト作成

新規Webアプリケーションプロジェクトを選択する。
f:id:kumo2ji:20130810095012p:plain
プロジェクト名、パッケージを適当に設定し、完了ボタンを押す。
f:id:kumo2ji:20130810095116p:plain

プロジェクトのデバッグ

サンプルが動く形で、作成されるので、そのままデバッグを開始する。
f:id:kumo2ji:20130810095232p:plain
URLが表示されるので、このURLをダブルクリックして、ブラウザを起動する。
f:id:kumo2ji:20130810095612p:plain
アクセスを許可する。
f:id:kumo2ji:20130810095346p:plain
f:id:kumo2ji:20130810095549p:plain
GWTデバッグを行うためには対象ブラウザにGWTアドオンがインストールされている必要があるので、インストールする。
f:id:kumo2ji:20130810095741p:plain
GWTアドオンをインストールした後にもう一度URLにアクセスするとアプリケーションが表示される。
f:id:kumo2ji:20130810095837p:plain
f:id:kumo2ji:20130810100000p:plain

Windows8 + Google Chromeでのデバッグ

GWTのバグでWindows8 + Google Chromeの組み合わせで、GWTアドオンをインストールすることができない。
https://www.dropbox.com/s/ldtpxuuh9ovof12/gwt-dev-plugin.crxからダウンロードしたファイルを以下の手順でGoogle Chromeにインストールすることで解決することができる。
1. Google Chromeを右クリック→プロパティ→ショートカットを開く
2. リンク先に --enable-easy-off-store-extension-install を追加する
3. chrome://chrome/extensions/ を開く
4. ダウンロードしたcrxファイルをドラッグアンドドロップする