編集部からのお知らせ
「ZDNet Japan Summit」参加登録受付中! 
新着記事集:「負荷分散」

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アプリケーションで記述する。

ZDNet Japan 記事を毎朝メールでまとめ読み(登録無料)

特集

CIO

モバイル

セキュリティ

スペシャル

ホワイトペーパー

新着

ランキング

  1. クラウドコンピューティング

    Google Cloudセキュリティ基盤ガイド、設計から運用までのポイントを網羅

  2. セキュリティ

    仮想化・自動化を活用して次世代データセンターを構築したJR東日本情報システム

  3. ビジネスアプリケーション

    スモールスタート思考で業務を改善! 「社内DX」推進のためのキホンを知る

  4. セキュリティ

    Emotetへの感染を導く攻撃メールが多数報告!侵入を前提に対応するEDRの導入が有力な解決策に

  5. セキュリティ

    偽装ウイルスを見抜けず水際対策の重要性を痛感!竹中工務店が実施した2万台のPCを守る方法とは

NEWSLETTERS

エンタープライズ・コンピューティングの最前線を配信

ZDNet Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET Japanをご覧ください。

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]