編集部からのお知らせ
Pick up! ローコード開発の行方
「これからの企業IT」の記事はこちら

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. クラウドコンピューティング

    社員の生産性を約2倍まで向上、注目の企業事例から学ぶDX成功のポイント

  2. コミュニケーション

    真の顧客理解でCX向上を実現、いまさら聞けない「データドリブンマーケティング」入門

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

    家庭向けIoT製品の普及とともに拡大するセキュリティとプライバシー問題─解決策を知ろう

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

    クラウドの障害対策を徹底解説!4つの方法とメリット、デメリット

  5. セキュリティ

    サイバー犯罪の標的となるMicrosoft製品、2019年に悪用された脆弱性リストからの考察

NEWSLETTERS

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

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

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