GWTでJavaScriptを書かないAjax開発--第2回:アプリケーションの生成と実行

沖林正紀 2007年10月25日 07時00分

  • このエントリーをはてなブックマークに追加

 前回はGoogle Web Toolkit(GWT)の概要と、これを用いたアプリケーション構築の全体的な流れを紹介した。今回は、GWTのコマンドによってアプリケーションの雛形を生成し、それを実行してみることにしよう。

GWTモジュールの展開

 GWTのモジュールは、「Google Web Toolkit Release Archive」から、Windows、Mac OS X、Linuxの各プラットフォームに対応したものをダウンロードできる。いずれも圧縮形式なので、これを展開すると同名のルートフォルダが生成され、その中にさまざまなファイルが生成される。ここでは生成されたルートフォルダを「%GWT_HOME%」とする。

 GWTの実行環境として、J2SE1.4.2以上のJDKとWebブラウザが必要だ。そしてWebブラウザは、CSSとJavaScriptの実行を有効にしておかなくてはならないのは、前回述べたとおりだ。

アプリケーションの雛形を生成

 アプリケーションの雛形を生成するために用いるのは、%GWT_HOME%の中にあるapplicationCreatorというコマンドだ。引数とオプションの指定は以下の通り。

applicationCreator (-eclipse プロジェクト名) (-out ディレクトリ名) (-overwrite|-ignore) クラス名
  • 引数
    • クラス名:パッケージ名に"client"を含める必要がある。
  • オプション
    • -eclipse プロジェクト名:Eclipseプロジェクト(launchファイル)を生成
    • -out ディレクトリ名:雛形を生成するディレクトリ
    • -overwrite:同名のファイルが存在していても、すべて上書き
    • -ignore:同名のファイルが存在したら上書きしない

 リスト1は、example1というディレクトリにgwt.example1.client.GWTExample1というクラス名で、アプリケーションを生成した例だ。これによると、4つのディレクトリと6つのファイルが生成されていることが分かる。注意すべきなのは、コマンド引数となるクラス名には"client"を含めないと、エラーメッセージが出力されてアプリケーションが生成されないということだ。

リスト1 アプリケーションの雛形の生成例(ドライブ名など一部省略)

%GWT_HOME%> applicationCreator -eclipse GWTExample1 -out example1 gwt.example1.client.GWTExample1
Created directory example1\src
Created directory example1\src\gwt\example1
Created directory example1\src\gwt\example1\client  ← クライアント(Webコンテンツ)側のJavaアプリケーション用
Created directory example1\src\gwt\example1\public  ← HTMLやCSSなどのWebコンテンツ用
Created file example1\src\gwt\example1\GWTExample1.gwt.xml      ← 設定ファイル
Created file example1\src\gwt\example1\public\GWTExample1.html  ← レイアウトとスタイルシート(CSS)が記述されたHTML
Created file example1\src\gwt\example1\client\GWTExample1.java  ← クライアント(Webコンテンツ)側のJavaアプリケーション
Created file example1\GWTExample1.launch      ← Eclipseプロジェクトの設定
Created file example1\GWTExample1-shell.cmd   ← hosted modeによる実行コマンド
Created file example1\GWTExample1-compile.cmd ← web modeによる実行コマンド
  • このエントリーをはてなブックマークに追加
関連キーワード
開発

関連ホワイトペーパー

SpecialPR

  • デジタル変革か?ゲームセットか?

    デジタルを駆使する破壊的なプレーヤーの出現、既存のビジネスモデルで競争力を持つ
    プレイヤーはデジタル活用による変革が迫られている。これを読めばデジタル変革の全体像がわかる!

  • ビジネスの継続的な成長を促す新たなITのビジョン

    多くの企業においてITに求められる役割が、「守り」のコスト削減から「攻め」のビジネス貢献へとシフトしつつある。その中でIBMが提唱する新たなビジョンEnterprise Hybrid ITとは?

連載

CIO
研究現場から見たAI
ITは「ひみつ道具」の夢を見る
内製化とユーザー体験の関係
米ZDNet編集長Larryの独り言
今週の明言
「プロジェクトマネジメント」の解き方
田中克己「2020年のIT企業」
松岡功「一言もの申す」
林 雅之「デジタル未来からの手紙」
谷川耕一「エンプラITならこれは知っとけ」
Fintechの正体
内山悟志「IT部門はどこに向かうのか」
情報通信技術の新しい使い方
三国大洋のスクラップブック
大河原克行のエンプラ徒然
コミュニケーション
情報系システム最適化
モバイル
通信のゆくえを追う
セキュリティ
セキュリティの論点
ネットワークセキュリティ
スペシャル
座談会@ZDNet
Dr.津田のクラウドトップガン対談
CSIRT座談会--バンダイナムコや大成建設、DeNAに聞く
創造的破壊を--次世代SIer座談会
企業決算を追う
「SD-WAN」の現在
展望2017
IBM World of Watson
de:code
Sapphire Now
VMworld
Microsoft WPC
HPE Discover
Oracle OpenWorld
Dell EMC World
AWS re:Invent
PTC LiveWorx
古賀政純「Dockerがもたらすビジネス変革」
さとうなおきの「週刊Azureなう」
誰もが開発者になる時代 ~業務システム開発の現場を行く~
中国ビジネス四方山話
より賢く活用するためのOSS最新動向
「Windows 10」法人導入の手引き
Windows Server 2003サポート終了へ秒読み
米株式動向
実践ビッグデータ
日本株展望
ベトナムでビジネス
アジアのIT
10の事情
エンタープライズトレンド
クラウドと仮想化