Google Web Toolkit（GWT）入門

Google Web Toolkit (GWT)入門
2009/01/21
（株）豆蔵江川崇
Ext JS/Ext GWT勉強会

自己紹介（表）
所属
株式会社豆蔵
仕事
業務系システムの要求分析
設計、実装の支援
・Spring,Hibernate
非機能要件定義
名前
江川崇（EGAWA Takashi）

自己紹介（裏）
所属
日本Androidの会幹事
Android SDK ワーキンググループリーダー

GWTとは
Javaを使って簡単にAjax
アプリを作ることができる
ツール
以上

お品書き
GWT登場の背景
GWTの適用領域
GWTのウリ・構成要素
GWTでうれしくなること

変遷
C/Sシステム
Webシステム
Ajax

Ajaxを用いたシステム
イメージ

とくにJavaScriptが・・・
書くのに慣れていない
JavaやC#なら得意だが・・・prototype.jsな
どがあるが・・・
サーバーサイドと別の言語になる
横断的なテストや統計情報の収集が困難
複数の言語の記述能力が必要
コードの重複（入力値の妥当性確認など）
クロスブラウザ対応が面倒・・・
この課題を解決するのが
GWT

GWTとは
Javaを使って簡単にAjax
アプリを作ることができる
ツール

GWTのウリ
好きなJavaの開発ツールを使える
ブラウザ間の非互換な部分を吸収してくれる
NetBeans, Eclipse, InteliJ・・・
商用利用可オープンソース
Ajaxの代名詞ともいえるGoogleが出している

GWTでの開発の流れ
Javaでコーディング・デバッグする
JavaからJavaScriptへコンパイルする
各Webブラウザで動作確認する
これらの作業を繰り返す
※Hosted
※Web

ツール類
ライブラリ類
GWTの主要な構成要素
JREエミュレーション
ライブラリ
GWT Web UI
ライブラリ
Java to JavaScript
コンパイラ
Hosted
ブラウザ

PoEAAのレイヤー
プレゼンテーションレイヤー
UIの提供
ユーザーからのリクエストの処理
ユーザーへ情報の表示
ドメインレイヤー
入力値や格納値による計算処理
値の妥当性確認
データソースレイヤー
他システムとの通信
RDBMSなどへの永続化

プレゼンテーション
データソース
ドメイン
従来のWebシステム
HTML(JSP)/JavaScript
ビジネスロジック実装
Hibernate
クライアント側
（Webブラウザ）
S
p
r
i
n
g
サーバー側
Struts

プレゼンテーション
データソース
ドメイン
GWTを使ったシステム
GWT Client Module
HTML/JavaScript
GWT Server Module
ビジネスロジック実装
Hibernate
クライアント側
（Webブラウザ）
サーバー側
S
p
r
i
n
g

２つのモジュール
GWT Client Module
UI部品
最終的にはJavaScriptとして動作する
GWT Server Module
RPC通信を処理する
アプリサーバーにデプロイメントする
GWTが対応しているAPIしか使えない
Java SEの機能をフルに使える

GWTの適用範囲
プレゼンテーションレイヤーを担う
ドメインレイヤーやデータソースレイヤー
は従来の場合と同じ考え方
ただし、クライアント側にリッチなドメイ
ンモデルを持たせる場合もある
設計が変わる
クライアント全体にフォーカス
Ext GWT
クライアント側の制約に注意

全てがJavaで書ける
コンパイルタイム
リファクタリング
慣れ親しんだIDEがそのまま使える
JUnitが使える
非同期RPC部分もテスト可能

JavaScriptやDOM APIを知らなくてもいい
ブラウザの互換性は気にしなくていい
既存のJavaScriptと連携できる
JSNI

ブラウザの「次へ」「戻る」ボタンに対す
るハンドルが不要
多くの共通的なWidget（UIの部品）が提供
されている
国際化対応が考慮されている

御静聴
ありがとうございました

Google Web Toolkit（GWT）入門

Google Web Toolkit（GWT）入門

Recommended

More Related Content

What's hot (20)

Similar to Google Web Toolkit（GWT）入門 (20)

More from Yuki Naotori (20)

Recently uploaded (7)

Google Web Toolkit（GWT）入門