第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]としましょう。
図1 プロジェクト作成
プロジェクト設定
プロジェクトを作成したら，その他の設定を行います。ツールバーの[プロジェクト]→[プロパティー]を選択してください。
図2 プロパティー選択
表示されるプロパティー設定パネルから，[サイズ]を「640px × 480px」に変更します。
図3 プロパティー設定
プロジェクト[Project_sdk]の設定は完了しました。このプロジェクトを作成した時，もう一つ[Preloader]というプロジェクトが作成されます。プロジェクトパネルから，プロジェクト[Preloader]をダブルクリックし，プロジェクトを変更します。プロジェクト[Preloader]も同様に，ツールバーからサイズを「640px × 480px」に変更します。設定が完了したら，プロジェクトを[Project_sdk]に戻します。
