Flex2開発入門（Flex Builder編)

ここでは、Flex Builderをダウンロード、インストールして、単純なFlexアプリケーションを作成してみます。

高機能のRIAがGUI画面で簡単に作成でき、実行、テストすることも可能なことを確認できます。

Flex Builder2をダウンロードしてみよう

Flex BuilderはAdobe Systems:Flex 2のダウンロードページでダウンロードできます。（メールアドレスによるユーザ登録が必要です)

Flex2ダウンロードを開いてください。

 

ページの上部に「Flex Builder 2 with Charting(30日間無償体験版）」があります。「選択」で言語とプラットフォームを選択肢、「ダウンロード」ボタンを押してダウンロードを開始します。

 

ファイルを保存する場所を選択して「保存」を押します。

Flex Builder 2をインストールしよう

ダウンロードしたファイルを実行すると、解凍する場所を尋ねてきます。場所を指定して、OKを押すと、インストーラを含むファイルが生成されます。

解凍したフォルダ下のWindowsフォルダにFlex Builderインストラー「FlexBuilder2_Installer.exe」があります。これをダブルクリックして実行します。

Flex Builder および Flex SDKが選択されています。このまま「次へ」を押します。

インストール前の準備をしています。

「日本語」のまま「OK」を押します。

「次へ」を押してインストールを進めます。

使用許諾契約の条項を読み、「同意する」をチェックして「次へ」を押します。

インストールする場所を指定します。特になければそのまま「次へ」で進みます。

Flash Player9も同時にインストールできます。 チェックはそのままで次へ進みません。

ブラウザが開いていると、エラーメッセージが出てきます。ブラウザを閉じて「インストール」を押します。

この後数分かかります。

終了すると、次のような画面となります。 「完了」を押してインストールを終了します。

Vistaに関する注意

ColdFusion拡張機能は該当の方以外は特に必要ありません。

Flex Builder 2を使ってみよう

スタートメニューに登録されたFlex Builder2を起動しましょう。

Flex Builder で Flex アプリケーションを構築するには、まずプロジェクトを作成します。

メインメニューから [ファイル]-[新規]-[Flex プロジェクト] を選択します。

データアクセス方法 は「ベーシック」のまま、「次へ」進みます。

プロジェクト名は何でもよいですが、「ＨｅｌｌｏＷｏｒｌｄ」としておきます。

次へ進むと、 ソースファイル名や出力フォルダの設定画面になります。ここでメインアプリケーションファイルがプロジェクト名と同じ、helloWorld.mxmlとなっていることを確認して、「終了」を押します。

新規プロジェクトを作成されると、下記のようにスケルトン(何も中身がない)MXML アプリケーションファイルが自動的に作成されます。 このスケルトンアプリケーションに、画面コンポーネントやActionScriptを追加してFlexアプリケーションを構築してゆきます。

Flex Builder 2でコンパイルしよう

 

Flex Builderを使用すると、SDKのときと異なり、コンパイルと実行を同時に行い、結果を確認できます。

Flex Builderの[実行]メニューから[helloWorldの実行]を選択します。

デフォルトのブラウザで作成したFlexアプリケーションが実行されます。

Flex Builder 2には、Java実行環境、　Flexコンパイラのほか、Flex開発に必要なものが全て含まれています。Flexアプリケーションを効率よく開発するときには必ず必要となります。 無償のトライアル版は30日間の期間、製品版と全く同じFlex Builderを使用することができます。