第4回目となる今回は番外編です。内容は，Flex SDKの導入からProgressionによるFlashサイトの構築を解説します。

現在，Progression自体はフリーのオープンソースですが，Adobe Flashは有料です。しかし，AdobeがFlashを構築する環境を無料で提供しています。それがFlex SDKです。ここでは，Flashを使用しないでサイトを構成する際の注意点なども踏まえて，制作を行っていきます。

サンプルサイトは，前回作成したサイトと同じものを使用します。Progressionの機能に関しての説明は，第2回と第3回を参照してください。

FlashDevelop 導入

まずは制作を行う環境を導入していきます。主に，FlashDevelop（※1）上で設定を行います。

FlashDevelopは，フリー，そしてオープンソース（MIT license）のソースコードエディタです。機能が非常に充実しており，多くのFlasherから支持を受けています。とてもフリーのソフトとは思えない程優秀なエディタで，ActionScriptだけでなく，XMLやHTMLのコーディングにも非常に便利です。

FlashDevelopのサポートサイトとして，「⁠FlashDevelop.jp」があります。FlashDevelop.jpはユーザ有志によって管理，運営されており，FlashDevelopのインストール手順や使用方法などが紹介されています。FlashDevelopへのProgressionの導入手順も掲載されています。

今回，導入や設定手順は FlashDevelop.jpのページを，その都度参照します。FlashDevelopを導入されていない方は，FlashDevelop.jpを見てインストールを行ってください。

※1

今回は，FlashDevelopは日本語版を使用します。

Flex SDK 導入

FlashDevelopにFlex SDKを導入しましょう。手順はFlashDevelop.jpの「インストール方法」を参考してください。Flex SDKの設定途中の[Step.4]の中に，プレビューの設定がありますが，どちらの方法を選んでもらっても構いません。

Progression 導入

次に，FlashDevelop内でProgressionを利用できるように設定します。手順は「Progression 用プロジェクトテンプレート」を参考してください。ここでは，プロジェクトの作成まで行います。プロジェクト名は[Project_sdk]としましょう。

プロジェクト設定

プロジェクトを作成したら，その他の設定を行います。ツールバーの[プロジェクト]→[プロパティー]を選択してください。

表示されるプロパティー設定パネルから，[サイズ]を「640px × 480px」に変更します。

プロジェクト[Project_sdk]の設定は完了しました。このプロジェクトを作成した時，もう一つ[Preloader]というプロジェクトが作成されます。プロジェクトパネルから，プロジェクト[Preloader]をダブルクリックし，プロジェクトを変更します。プロジェクト[Preloader]も同様に，ツールバーからサイズを「640px × 480px」に変更します。設定が完了したら，プロジェクトを[Project_sdk]に戻します。