GWTでJavaScriptを書かないAjax開発--第1回:概要とアプリ構築の流れ - (page 3)

沖林正紀 2007年10月10日 17時00分

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

1. モジュールのダウンロードと展開

 モジュールの容量は各プラットフォームごとに異なるが、それぞれ約19MB(Windows版)、約22MB(Mac版)、約25MB(Linux版)となっていて、いずれもZIPなどの圧縮形式になっている。Windows版の場合、展開すると約35MBになる。ディスクの空き容量は十分に確保しておいていただきたい。

2. アプリケーションの雛形(ひながた)を生成

 いきなりソースコードを書き始めるのが難しい場合は、コマンドラインツールを実行することにより、雛形となるソースコードを生成する。これにより、HelloWorldアプリケーションを実行するのに必要なディレクトリ構造とソースコードが一通り生成される。

 同じコマンドのオプションでEclipseプロジェクトを生成することもできるので、Eclipseに慣れている開発者はこちらを実行したほうが良いかもしれない。

3. 国際化(日本語)対応用のプロパティファイルを生成

 ソースコードに日本語が含まれている場合、文字コードがUTF-8でないとWebコンテンツが文字化けすることがある。そこで、別のコマンドラインツールで国際化(日本語)対応用のプロパティファイルを生成しておくと、日本語に対応したアプリケーションを構築しやすくなる。

 メッセージの出力手順がいくらか面倒になってしまうのは否めないが、これから構築するAjaxアプリケーションを世界に発信したいというのであれば、国際化対応も考慮しておいたほうが良いだろう。

4. JavaソースコードやCSSを作成

 ここからが実際のアプリケーション構築作業となる。

 Webコンテンツを構成する要素はJavaクラスのウィジェットとして定義されており(Widgets Gallery参照)、これをSwingアプリケーションと似た要領で組み立てることで画面全体を形づくる。そしてボタンをクリックされたときにはどうする、というイベントドリブン方式でその他の処理を組み込んでいく。

 CSSは画面のデザインを定義する役割を担っており、Javaプログラム内でウィジェットにどのスタイルシート(CSS定義)を当てはめるかを決めることができる。そのため、入力データのエラーを検出したときにはこのスタイルシート、といった具合に、処理の内容とスタイルシートとの関連を事前に決めておくと作業分担がしやすいだろう。

5. デバッグ(実行)とテスト

 デバッグ時の実行モードとして、hosted modeとweb modeが用意されている。前者はGWT内でアプリケーションサーバを起動し、動的にJavaScriptを生成するモードで、後者は事前のコンパイルでデプロイ可能なJavaScriptなどを生成しておくモードだ。

 また、GWTのコマンドによりJUnitのテストケースの雛形を生成することもできる。これにもEclipseプロジェクトを生成するオプションが存在する。ただしJUnitのJARファイルが別途必要となる。

 以上がGWTによるアプリケーション構築の全体的な流れとなるが、ご理解いただけただろうか。次回は、実際にアプリケーションの雛形を生成し、それを実行する方法を紹介する。コマンド1つで実行可能な雛形が得られるのは、開発者にとって有難いに違いない。

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

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

関連ホワイトペーパー

連載

CIO
月刊 Windows 10移行の心・技・体
ITアナリストが知る日本企業の「ITの盲点」
シェアリングエコノミーの衝撃
デジタル“失敗学”
コンサルティング現場のカラクリ
Rethink Internet:インターネット再考
インシデントをもたらすヒューマンエラー
トランザクションの今昔物語
エリック松永のデジタルIQ道場
研究現場から見たAI
Fintechの正体
米ZDNet編集長Larryの独り言
大木豊成「仕事で使うアップルのトリセツ」
山本雅史「ハードから読み解くITトレンド放談」
田中克己「展望2020年のIT企業」
松岡功「一言もの申す」
松岡功「今週の明言」
内山悟志「IT部門はどこに向かうのか」
林 雅之「デジタル未来からの手紙」
谷川耕一「エンプラITならこれは知っとけ」
大河原克行「エンプラ徒然」
内製化とユーザー体験の関係
「プロジェクトマネジメント」の解き方
ITは「ひみつ道具」の夢を見る
セキュリティ
セキュリティインシデント対応の現場
エンドポイントセキュリティの4つの「基礎」
企業セキュリティの歩き方
サイバーセキュリティ未来考
ネットワークセキュリティの要諦
セキュリティの論点
スペシャル
エンタープライズAIの隆盛
インシュアテックで変わる保険業界
顧客は勝手に育たない--MAツール導入の心得
「ひとり情シス」の本当のところ
ざっくり解決!SNS担当者お悩み相談室
生産性向上に効くビジネスITツール最前線
ざっくりわかるSNSマーケティング入門
課題解決のためのUI/UX
誰もが開発者になる時代 ~業務システム開発の現場を行く~
「Windows 10」法人導入の手引き
ソフトウェア開発パラダイムの進化
エンタープライズトレンド
10の事情
座談会@ZDNet
Dr.津田のクラウドトップガン対談
Gartner Symposium
IBM World of Watson
de:code
Sapphire Now
VMworld
Microsoft WPC
Microsoft Connect()
HPE Discover
Oracle OpenWorld
Dell Technologies World
AWS re:Invent
AWS Summit
PTC LiveWorx
吉田行男「より賢く活用するためのOSS最新動向」
古賀政純「Dockerがもたらすビジネス変革」
中国ビジネス四方山話
ベトナムでビジネス
日本株展望
企業決算
このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]