TOP
＞
システム開発
＞ ソースフォルダの構造
Nexaweb Studioで手軽にリッチクライアントアプリケーション開発
第１回：Nexaweb StudioでHelloWorldを表示させる
著者：
チェンジビジョン 岩永 寿来、豆蔵 長谷川 裕一
2007/4/6
前のページ
1
2
3
次のページ
ソースフォルダの構造
では、ここまでの手順で作成したHelloWorldプロジェクトの構造（図4）見てほしい。このプロジェクトは「Web Tools Platform（WTP：注1）で作成したDynamic Web Applicationプロジェクトと似たような構成をしていることがわかるだろう。
図4：プロジェクトの構造
注1：
Eclipse上でJ2EEプラットフォーム上でWebアプリケーションを開発するためのツール群のこと。
ここで注目してほしいのは、ソースフォルダが「src」「src-client」「src-shared」と分かれていることだ。srcフォルダにはServletやDaoなど、Nexawebクライアントから直接参照されないクラスが配置される。src-clientにはNexawebクライアントから参照されるManaged Client Object（以下、MCO：注2）などが配置される。
注2：
ユーザインターフェースから呼ぶことができるJavaクラス。イベント発生時の処理としてバリデーションや計算などをクライアントで実行する。
src-sharedはその名のとおり、サーバやクライアントで共有されるクラスやエンティティ、アプリケーションのインターフェースとなるコントローラなどが配置される。
この3つのソースフォルダは単純にカテゴリで分けられているのではなく、クラスパスの解決に影響してくることに注意してほしい。「src-client」ソースフォルダに配置されているクラスから、srcソースフォルダに配置されているクラスを参照する場合、コンパイル時には解決できるが実行時には解決できないのだ。
Nexawebアプリケーションの作成
画面にテキストを表示するNexawebアプリケーションを作るために、まず「HelloWorld」と書かれたラベルを貼り付けたNexawebのUIを作成する。これは「nxml」という拡張子が付加されたファイルで、「NXML」というXML構造を持つものだ。例えば「Hoge」と書かれたラベルは「<label text="Hoge" width="100" ...../>」のような要素として表現される。
次にこれらのUIのカテゴリの作成を行う。新規プロジェクト作成時に、WebContentフォルダにはindex.nxmlが配置されているので、まずこれをダブルクリックする。すると図5のようなNexaweb Visual Editorパースペクティブが表示される。
図5：Nexaweb Visual Editor
（画像をクリックすると別ウィンドウに拡大図を表示します）
ここで表示されたNexaweb Visual Editorパースペクティブには、下記のもので構成される。
ボタンやラベルなどのUIを選択できる「Palette」
nxmlファイルで定義された画面をブラウザ上で表示するエディタ
「Property」ビュー
表1：Nexaweb Visual Editorの構成
デフォルトで作成されたindex.nxmlには2つのラベルが配置されているが、2つとも選択して削除する。次に「Palette」からlabelをエディタ上の適当な場所にドラッグ＆ドロップする。
このように「Palette」から任意のUIをドラッグ&ドロップすることで、簡単に画面を作成できるのがNexawebの特長だ。UIのサイズやフォントなどは「Property」ビューから変更できる。プロパティビューから、エディタ上に配置したラベルの「text」プロパティの値を「Label → HelloWorld」に変更する。これでUIの作成は完成だ。
前のページ
1
2
3
次のページ
著者プロフィール
株式会社チェンジビジョン 岩永 寿来
モデリングツールJUDEを開発しているチェンジビジョンで、ソフトウェア開発プロジェクトの見える化を支援するTRICHORDを開発している。最近は2DやJOGLなど3D技術に興味があり、クールなUIやエフェクトを日々探求している。共著として「Spring入門(技術評論社)」、「Spring2.0入門(技術評論社)」。
著者プロフィール
株式会社豆蔵 長谷川 裕一
XMLの技術開発やCORBA、EJBを使用したシステム開発などを経て、現在はアジャイル開発プロセスの導入から工学的なソフトウエアプロセスの策定、オープンソースプロダクトに関するコンサルタント、アーキテクトとして常に第一線で活躍。共著として「プログラムの育てかた 現場で使えるリファクタリング（ソフトバンク）」、「Spring入門（技術評論社）」。
INDEX
第1回：Nexaweb StudioでHelloWorldを表示させる
Nexawebで作るHelloWorld
ソースフォルダの構造
HelloWorldの表示
