【Javaプログラミング】Google Web Toolkitを使ってJavaでAjax開発

Google Web Toolkitとは？

最近、耳にすることの多くなった「Ajax」。これは、主にJavaScriptを使ってサーバに非同期通信することにより、リアルタイムな応答のできるWebアプリケーションを作成する技術です。このAjaxのすばらしさをもっとも実感できるのが、「Google」でしょう。「Google Map」によるリアルタイムにドラッグ可能な地図などは、かなりの衝撃を人々に与えました。

このAjax、非常に注目されている割には、実際にAjaxで開発しているという人があまりいないように感じませんか？　これには理由があります。Ajax開発は、とても面倒なのです。正直にいって、多くの開発者は「JavaScriptで本格的なプログラミングをする」ということに慣れていません。何しろ、サーバ開発といえば「サーバで動くプログラムを書く」ことだったのですから。それが「処理の大半はブラウザの中でJavaScriptでやるんだ」といわれても……。「Javaプログラマには関係ないよ」と半ばあきらめた人も多いのではないでしょうか。

が、そうした人々のために、かのGoogleが「JavaでAjax開発をするためのフレームワーク」を作成してくれたのです。それが「Google Web Toolkit（以下、GWT）」です。これを使えば、JavaでAjax開発が行えるのです。「JavaでAjax？　どういうことだ？」と思われるかもしれません。つまり、Javaのクラスとして必要な処理を作成しておき、これをJavaScript + HTMLという形にコンパイルしてしまおう、ということなのです。ちょっと不思議な気がしますが、要するに「JavaでJavaScriptプログラムが作れる」というわけなのです。

まぁ、言葉で説明しても「？？？」と？マークが頭の周りをぐるぐる飛び交うだけでしょうから、実際に使ってみましょうか。まずは、GWTを入手しましょう。これは、以下のURLから入手できます。

http://code.google.com/webtoolkit/

ここから「Download Google Web Toolkit (GWT)」というリンクをクリックするとライセンス利用許諾のページになりますので、I have read and agree with the terms and conditionsチェックをONにして「Download GWT SDK」ボタンをクリックします。そして、利用するプラットフォームのファイルをダウンロードします。ここでは、2006年５月25日にリリースされた1.0.21(Beta)を元に説明を行います。ファイルをダウンロードしたら、圧縮されたファイルを展開し、ハードディスクの適当なところに配置しておきましょう。

Googlipseをインストールする

GWTは、これ単体で使用することももちろんできます。が、Javaでクラスを定義した後、付属のJarを使ってクラスをコンパイルし、更にクラスファイルからAjaxのファイルにコンパイルする、といった煩雑な作業を行わなければいけません。そこで今回は、EclipseでGWTの開発を行うためのプラグイン「Googlipse」を使ってみることにしましょう。

このGooglipseは、Eclipse 3.2以降＋ Web Tools Platform(WTP) 1.5の環境で使用します。これらを入手していない人は、Eclipse Foundationの以下のページからダウンロードしてください。

http://www.eclipse.org/webtools/

現在、Eclipse 3.2にWTP 1.5を組み込み済みのAll-in-Oneパッケージが配布されていますから、これを利用するのが良いでしょう。なお、標準ではWTPは英語表記です。日本語化のためのランゲージパックもありますが、まだ完全なものではありませんので、ここでは英語版を使って説明をします。

Googlipseは、オープンソースのプラグインです。これは、以下のURLよりダウンロードできます。

http://sourceforge.net/projects/googlipse

ここから「Download Googlipse (Gwt-Eclipse Plugin)」というリンクをクリックし、ファイルの一覧から最新のバージョンをダウンロードして下さい。ここでは、2006年６月29日リリースの0.03というバージョンを使って説明を行います。

GooglipseはJARファイルとして配布されています。ダウンロードしたら、JARファイルを展開し、そのフォルダをEclipse WTPの「plugin」フォルダに入れてEclipseを起動します。インストールはこれで終わりですが、Eclipse起動後、GWTの配置場所を設定する必要があります。＜Window＞＜Preferences＞メニューを選び、現れたウインドウで「Googlipse」という項目を選んで「GWT home」を設定してください。右側にある「Browse」ボタンをクリックし、ハードディスクに配置してあるGWTのフォルダを指定すればOKです。