3D技術研究所Wiki > Java > GWT > GWT開発を始めよう!

GWT開発を始めるためのプロジェクトの作成や実行方法をまとめました。
このページはGWT開発入門者向けの内容になります。

情報

このページの解説はGWTのセットアップを完了していることを前提としています。
まだの場合はGWTをセットアップする方法を先にお読みください。

目次




GWT開発を始めよう!

1. File > New > Project... を選択します。

gwt_gettingstarted1.png


2. New Projectダイアログが開いたら Google > Web Application Project を選択して Next をクリックします。

gwt_gettingstarted2.png


3. Project name と Package を記入します。サンプルコードを生成する Generate project sample code にチェックが入っていることを確認します。

gwt_gettingstarted3.png


4. Package Explorer のプロジェクト名を選択し、赤丸の虫をクリックしてデバッグを開始します。

gwt_gettingstarted4.png


5. Development Mode タブにURLが表示されるのでダブルクリックします。

gwt_gettingstarted5.png


6. Google Chrome が立ち上がり GWT Developer Plugin をインストールするように求められるので青い部分の Download the GWT Developer Plugin For Chrome をクリックします。

gwt_gettingstarted6.png


7. Windows8 をお使いの場合は対応していませんと言われますので一旦Google Chromeを落としてください。
対応していませんと言われない場合は9.まで飛んでください。

gwt_gettingstarted7.png


8. Google Chromeのショートカットを右クリックしてプロパティを表示してください。
互換性タブの互換モードでこのプログラムを実行するをチェックして、Windows7を選択してください。

gwt_gettingstarted8.png


9. 右上の +無料 ボタンをクリックします。

gwt_gettingstarted9.png


10. 確認ダイアログが出るので追加をクリックします。

gwt_gettingstarted10.png


11. アドレスバーのところにGの工具箱マークが表示されるのを確認して×ボタンで閉じます。

gwt_gettingstarted11.png


12. 右上の CHROMEに追加済み を確認してタブを閉じてください。

gwt_gettingstarted12.png


13. 赤丸部分をクリックして再読み込みし、サンプルプログラムが動作したら Send ボタンをクリックしてください。

gwt_gettingstarted13.png


14. サーバーサイドのプログラムからの返答を確認してください。

gwt_gettingstarted14.png


以上でGWT開発の準備が終了しました。
GWTを使えばクライアントサイドとサーバーサイドをJavaで同時に開発することができます。
興味がある方はGWT開発に挑戦してみてください!


関連ページ


スポンサードリンク


添付ファイル: filegwt_gettingstarted14.png 279件 [詳細] filegwt_gettingstarted13.png 283件 [詳細] filegwt_gettingstarted12.png 277件 [詳細] filegwt_gettingstarted11.png 269件 [詳細] filegwt_gettingstarted10.png 276件 [詳細] filegwt_gettingstarted9.png 280件 [詳細] filegwt_gettingstarted8.png 275件 [詳細] filegwt_gettingstarted7.png 273件 [詳細] filegwt_gettingstarted6.png 273件 [詳細] filegwt_gettingstarted5.png 268件 [詳細] filegwt_gettingstarted4.png 276件 [詳細] filegwt_gettingstarted3.png 279件 [詳細] filegwt_gettingstarted2.png 277件 [詳細] filegwt_gettingstarted1.png 274件 [詳細]
トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS