GWTでJavaScriptを書かないAjax開発--第4回:ウィジェットの表示

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

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

 これまでは、アプリケーションの生成時に作成されるサンプルアプリケーションをほぼそのまま利用するだけだったが、今回からは、いよいよ本格的なアプリケーションの作成に乗り出す。まずはGWTアプリケーションの基本ともいえるウィジェット(Widget)の表示について紹介する。

 ウィジェットとは、画面に表示する入力フォームやボタンなどのさまざまな要素のことをいう。Widgets Galleryでそれを確認していただくとわかるが、これらはWebサイトにアクセスするユーザーなら誰もが見たことのあるもので、特別なものではない。

 これまでのWebアプリケーションでは、画面に表示する要素はアプリケーションで生成されるHTMLで表現されていた。しかしGWTでは、ウィジェットの多くがcom.google.gwt.user.client.uiパッケージのクラスとしてまとめられており、これらをデスクトップアプリケーションのように、レイアウトを決めるパネル内に表示させるというプログラミングを行う。

 ウィジェットといってもWebブラウザ内ではHTMLで表現されることに変わりはないものの、GWTのJavaアプリケーションがどのようにHTMLに置き換わるのかを知らなくても、これから紹介するプログラミングを理解できれば、画面にはウィジェットが表示されるのだ。

HTMLはどうなるのか

 画面に表示する要素がクラスとしてまとめられているとなると、HTMLはどうなるのか?

 答えは、ウィジェットを表示する場所を決めておくだけとなる。ボタンを表示する箇所は、たとえば以下のようにHTMLタグのid属性で目印をつけておく。属性の値はHTMLの規約に沿って、且つGWTアプリケーションで認識できる限りは任意に決められる。

 HTMLが得意な開発者であれば、ついなどと書きたくなってしまうかもしれないが、GWTではそれをJavaアプリケーションで記述する。

  • このエントリーをはてなブックマークに追加
関連キーワード
開発

関連ホワイトペーパー

SpecialPR

連載

CIO
ハードから読み解くITトレンド放談
大木豊成「仕事で使うアップルのトリセツ」
研究現場から見たAI
ITは「ひみつ道具」の夢を見る
内製化とユーザー体験の関係
米ZDNet編集長Larryの独り言
今週の明言
「プロジェクトマネジメント」の解き方
田中克己「2020年のIT企業」
松岡功「一言もの申す」
林 雅之「デジタル未来からの手紙」
谷川耕一「エンプラITならこれは知っとけ」
Fintechの正体
内山悟志「IT部門はどこに向かうのか」
情報通信技術の新しい使い方
三国大洋のスクラップブック
大河原克行のエンプラ徒然
コミュニケーション
情報系システム最適化
モバイル
通信のゆくえを追う
セキュリティ
企業セキュリティの歩き方
サイバーセキュリティ未来考
セキュリティの論点
ネットワークセキュリティ
スペシャル
Gartner Symposium
企業決算
ソフトウェア開発パラダイムの進化
座談会@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
AWS Summit
PTC LiveWorx
古賀政純「Dockerがもたらすビジネス変革」
さとうなおきの「週刊Azureなう」
誰もが開発者になる時代 ~業務システム開発の現場を行く~
中国ビジネス四方山話
より賢く活用するためのOSS最新動向
「Windows 10」法人導入の手引き
Windows Server 2003サポート終了へ秒読み
米株式動向
実践ビッグデータ
日本株展望
ベトナムでビジネス
アジアのIT
10の事情
エンタープライズトレンド
クラウドと仮想化