Flashベースのリッチクライアントを体験（2）　2/2

Flex開発環境「Flex Builder」のセットアップ


電通国際情報サービス
比嘉 康雄
2005/5/13

■Flex Builderのセットアップ

　Flex Builderで開発を始める前に「サイトの設定」を行います。これは大ざっぱないい方をすると、Flexを稼働させるWebアプリケーションを指定することです。「XMLでリッチクライアントを実現『Macromedia Flex』」で説明したように、Flexの実体はServletを使ったWebアプリケーションなので、そのWebアプリケーションを指定するわけです。

　前回の記事でsamples.warをTomcatにインストールしていることと思います。今回は、そのsamplesアプリケーションをサイトに指定してみましょう。Flex Builderのメニューより「Site → New Flex Site...」を選択します。

画面9　New Flex Siteメニュー（画面をクリックすると拡大します）

　「Flex Server Site Setup」ウィンドウが開かれます。表1のように入力してください。

入力項目	説明
Site name	サイトを識別する名前を入力します。今回は「samples」と入力します
Local root folder	Webアプリケーションのルートディレクトリを指定します。今回は 「C:\Program Files\Apache Software Foundation\ Tomcat5.0\webapps\samples\」と入力します
Flex server root folder	「Local root folder」と同じディレクトリを指定します
URL prefix	このWebアプリケーションにアクセスするためのルートとなるURLを指定します。今回は「http://localhost:8080/samples/」と入力します
表1　Flex Server Site Setupの設定例

画面10　Flex Server Site Setup画面

　［OK］をクリックします。キャッシュを再構築するかと聞いてくるので［Yes］と答えます。ウィンドウ右側のFilesパネルを確認してください。もし、Filesパネルが表示されていない場合は、Flex Builderのメニューより「Window → Files」を選択します。サイトとして設定したディレクトリの内容が表示されているはずです。

画面11　Filesメニュー（画面をクリックすると拡大します）

画面12　Filesウィンドウ（画面をクリックすると拡大します）

　Filesパネルから「explore/quicktour/Hello.mxml」をダブルクリックしてください。Dreamweaverによく似た画面が現れます。

画面13　Hello.mxml（画面をクリックすると拡大します）

　Dreamweaverを使ったことのある方なら、すぐにでも使い始められるでしょう。そうでない方でも、直感で結構使えるのではないかと思います。「Run」タブをクリックすることで、サーバ側にデプロイし、Flex Builderでそのページを表示できます。Flex Builderのより詳しい説明は、次回以降で行います。（次回に続く）

2/2

INDEX
Flashベースのリッチクライアントを体験 第2回 Flex開発環境「Flex Builder」のインストール
	Page1 Flex Builderのインストール
	Page2 Flex Builderのセットアップ

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）