This wiki is not enabled for mail processing. Contact the owner of the wiki, who can enable email.

Clear message
Locked History Actions

GWT/SuperDevMode/old

以下は古い内容

Super Dev Mode

ここではEclipse上でSuper Dev Modeを使う方法をまとめる。

前提条件

  • Eclipse JUNO上にGoogle Web Toolkit SDK 2.5.0がインストールされていること。

Super Dev Mode が起動するまで

プロジェクトの作成

  • Elicpseのツールバー上にある「g」マークをクリックし「New Application Project」を選択。
  • Project nameを「Sample」、Packageを「sample」とでもしておく。
  • 「Use Google App Engine」のチェックははずす。
  • 「Finish」をクリック

次にSample.gwt.xmlを開き、最後の</module>の直前に以下を挿入する。

<add-linker name="xsiframe"/>
<set-configuration-property name="devModeRedirectEnabled" value="true"/>
<set-property name="compiler.useSourceMaps" value="true" />

CodeServerの起動

CodeServerはJavaアプリケーションなので、その起動設定を行う。

  • RunメニューのRun Configurationsをクリックし、Java Applicationをクリック。左上のNew Button(紙に+のアイコン)をクリックする。
  • MainタブのMain classに「com.google.gwt.dev.codeserver.CodeServer」と入力

  • ArgumentsタブのProgram argumentsに「sample.Sample」と入力。このパスは、メインクラスのパスではなく、gwt.xmlのパスであることに注意。
  • classpathタブを開き、User Entriesをクリックし、Add EXTERNAL JARsをクリック。Eclipseのプラグインの中のgwt-codeserver.jarを追加。
  • 同じくclasspathのUser Entriesにて、Advancedをクリックし、Add Foldersを選択。Sample/srcを選択してOK。

Runをクリックすると、設定が保存され、CodeServerアプリケーションが起動する。

The code server is ready.
Next, visit: http://localhost:9876/

と表示されればOK。

http://localhost:9876/」をブラウザで開き、「Dev Mode On」「Dev Mode Off」をブラウザのブックマークツールバー等にドラッグして登録する(※この時点では、これらのボタンをクリックしてもエラーになる)。

ウェブアプリケーションの実行

Eclipseのツールバーの「g」マークからGWT Compile Projectでコンパイルする。

古いDev Modeでの開発で行うように、Runメニュー(Eclipseツールバーの緑ボタン)から「g」マークのある「Sample」をクリックする。 http://127.0.0.1:8888/Sample.html?gwt.codesvr=127.0.0.1:9997」と表示される。

http://127.0.0.1:8888/Sample.html?gwt.codesvr=127.0.0.1:9997」ではなく、「http://127.0.0.1:8888/Sample.html」をブラウザで表示する。

この画面にてブラウザのツールバー上の「Dev Mode On」「Dev Mode Off」ボタンをクリックすることにより、開発モードのON/OFFができる。

開発の進行

クライアントコードの修正と再コンパイル

クライアント側コードを修正したら、ブラウザツールバー上のDev Mode Onボタンをクリックすることにより、再コンパイルされる。

クライアントコードのデバッグ

Chromeの機能を利用してソースコードデバッグ(?)をすることができるようだ。

  • ctrl+shift+Iを押下し、開発ツールを表示する。
  • 左下のギアのマークをクリック。「Enable source maps」をチェックする。

。。。。がChrome 24では動作しない模様。GWT 2.5.1で修正されるとのこと。

サーバコードのデバッグ

サーバ側コードはこれまで通り、Eclipseのデバッグモードを使えばブレークポイント等を使うことができる。

参考