3の画面上部の[猫]のマークをクリックしてTomcatサーバを起動します(常に、[再起動]ボタンがお勧めです)。ms」のようなログが表示されれば、Tomcatの起動は完了です。その後、パースペクティブが[Flex]パースペクティブになっているのを確認して、メニューで[実行]→[HelloS2BlazeDSのデバッグ]を選択し、アプリケーションを起動します(メニューの[実行]にFlexアプリケーションの実行が出てくるのは、[Flex]パースペクティブ(と[Flexデバッグ]パースペクティブ)のときだけです)。すると、「Hello」ボタンが1個だけある画面が出てきますので、ボタンをクリックし、しばらくすると「World!」の文字がボタンの下に表示されます(初回は表示までに少し時間がかかります)。S2BlazeDS」アプリケーションの動作確認は終了です。S2BlazeDS」アプリの全体像を確認アプリケーションの解説の前に、全体像を確認しておきましょう。図6のオレンジ色の部分がサンプルで提供されているものです。図6の緑色の部分はBlazeDSやS2BlazeDSで提供されているものです。画面の「Hello」ボタンがクリックされて、「World!」という文字が表示されるまでの処理の流れは以下のようになります。Playerから呼び出されるHelloWorldResponseDtoを取り出し、サーバ側で用意された検索結果を受け取る検索結果を画面に表示するFlex+Javaのアプリケーションでは、かなり簡単な処理を行っていますが、それでも結構長いステップを経て処理が行われています。それぞれの処理の詳細は、この後お伝えします。S2BlazeDS」アプリのファイル構成は?アプリケーションのファイル構成も確認しておきます。細かい設定ファイルの解説は次回以降の連載で解説予定です。Flex側のファイル構成Flex側の作業を行う場合は、[Flex]パースペクティブにして作業を行いましょう。3の画面右上の「Fx」ボタンをクリックしてください。ないときは、[ウィンドウ]→[パースペクティブ]で開いてください。簡単な説明flexsrcMXMLとActionScript(以下、AS)を格納するフォルダ。プロジェクトの設定で、Flexビルドパスに設定されている(フォルダアイコンが違う)bin-debugビルドした(コンパイルした)アプリケーションが出力されるフォルダhtml-templateFlexアプリケーションを実行するためHTMLのひな型となるHTMLやJavaScriptが保存されているフォルダlibsFlex用のライブラリ(SWCファイル)を保存するフォルダ。サンプルアプリケーションでは空。※ここまでのフォルダ名は比較的一般的なものに設定してある。※以下のフォルダはASの範囲なので、パッケージと呼び方が変わっているflex.samplesFlex側のファイルは、このパッケージ以下に種類別のパッケージを増やしたうえで格納されている。一般的には、会社のURLの逆順などが用いられる(例:jp.classmethod)HelloWorldS2BlazeDS.mxmlFlexアプリケーションの本体。HelloWorldFormを包含しているだけで自身では何もしていないHelloWorldForm.mxmlアプリケーションの画面の実質的な本体。・サーバ通信に必要なRemoteObjectの設定HelloWorldLogic.asアプリケーションの画面側のロジックを担当している。画面から呼ばれる処理はすべて、このクラスに記述logicアプリケーション共通のロジックを格納Logic.as各ロジッククラスが継承しなければならない親ロジッククラスentityテーブルに対応したエンティティ(データの一塊)を格納Test.asTESTテーブルに対応したエンティティ。TESTテーブルのカラムに対応したプロパティを持つdtoFlexとJavaの通信時に必要なデータは一塊にする。Object)という。Java側の作業を行う場合は、[Java]パースペクティブにして作業を行いましょう。3画面右上の「J」マークのあるボタンをクリックします。ないときは[ウィンドウ]→[パースペクティブ]で開いてください。)dataH2データベースのファイルを格納するフォルダflex.samplesJava側のファイルは、このパッケージ以下に種類別のパッケージを掘ったうえで格納されている。Flex側とできるだけ構成が同じになっているserviceサービスのクラスを格納。クライアントから呼ばれる公開サービスとなるコンポーネントHelloWorldService.java「HelloWorld!」のサービスのクラスentityテーブルに対応したエンティティを格納Test.javaTESTテーブルに対応したエンティティ。Java側ファイル構成詳細(※このパッケージ構成はSeasarベースのアプリケーション作成のほんの一例だが、Seasarでは命名規則を守ることによるメリットが多いため、JDBCクラス以外はSeasarデフォルトのルールで作成している。JDBCクラス(S2JDBCクラス)は旧来のS2DAOクラスと区別するために追加している)プロジェクトのFlex関連設定も確かめておこうここで、プロジェクトのFlex関連設定を確認しておきます。3で「HelloS2BlazeDS」プロジェクトを右クリックし、[プロパティ]を開きます。[Flexアプリケーション]本アプリケーションでは、アプリケーションは1個なので、「HelloS2BlazeDS.mxml(デフォルト)」が表示されているだけです。「デフォルト」とあるのは、[メニュー]の[実行]で実行できるものです。複数のアプリケーションがある場合に、デフォルト以外のアプリケーションは[Flexナビゲータ]などでアプリケーションを右クリックして実行する必要があります。SDKのバージョンとコンパイルオプションを設定します。本アプリケーションで特徴的なのは、追加のコンパイラ引数で「services-config」を読み込んでいるところです。この解説は、次回以降を予定しています。[Flexサーバ]後述するRemoteObjectを利用する場合のルートフォルダ、ルートURL、コンテキストルートを設定します。3のヘルプより引用します。WebアプリケーションのルートのURLコンテキストルートFlexサーバのコンテキストルートを指定。Flexサーバ設定[Flexビルドパス]ここでは、[メインソースフォルダ(flexsrc)][出力フォルダ(bin-debug)]の設定を行っています。出力フォルダURLは「サーバのルートURL+出力フォルダ」を設定します。[Flexモジュール]今回のアプリケーションでは、利用していません。次ページからは、いよいよFlexやJavaのソースコードを解説していきます。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。