
Ryukyu Inc.
Webディレクター&デザイナー/ Flashエンジニア
Progression Framework 2は、Flashを使用したWebサイト開発に最適なActionScript 3.0用フレームワークです。Progression Framework 2を使用すれば、複雑なリンク構造を持つHTMLベースのWebサイトと同等のコンテンツを Flashでも簡単に開発できます。また、Flashコンテンツではなかなか対応が難しい「ページごとのURL発行」「右クリックメニューによるナビゲーション」などにも対応しているため、非常に高いユーザビリティを持つFlashコンテンツを素早く開発することができます。
本記事では、Progression Framework 2の機能の中から、初心者向けに実装されたEasyCasting機能(コンポーネントを使用してProgression Framework 2の機能をムービークリップに実装する機能)を使って、ActionScriptをまったく書かずにサイトを作成する方法を紹介します。図1が作成するサンプルサイトです。
図 1. サンプルサイトは、3つの部分から構成されています。左端のフッタ、中央のページ、右端のナビゲーション。ナビゲーションのボタンをクリックすると中央のページが切り替わります。また、GALLERYページでは写真のサムネイルが並び、サムネイルをクリックすると拡大写真がページ中央に表示されます
図 2. サンプルのサイト構造
Progression Framework 2を使って、このサンプルサイトを制作する手順をステップバイステップで解説していきます。なお、本記事のサンプル「prog2BeginerSample.zip」では、各ステップのフォルダがあり、ステップで作成したflaファイルが入っています。各ステップフォルダ内のmain_start.flaを開いて進めてください。main.flaは、それぞれのステップでの作業終了後のファイルです。実際にどのような構造になっているかを確認しながら読み進めて行くと理解しやすいでしょう。
この記事では、以下のソフトウェアとサンプルを使用しています。
Progression Framework 2は、Progressionのサイトからダウンロードできます。必ず最新版を利用してください。本記事執筆時点(2007年12月末)での最新版は「Progression Framework 2.0.0 Beta 2」です。ソースコードと拡張機能を mxp 形式のファイルで配布しているため、インストールには別途Adobe Extension Managerが必要です。以下の手順でインストールしてください。

図 2. Adobe Extension Manager上にProgression Frameworkが表示されます
松竹 誠(Mk-10:cellfusion)
Ryukyu Inc. に所属する、Webディレクター&デザイナー、Flashエンジニア。飯と睡眠よりActionScriptと戯れることをチョイスする毎日。最近は映像や3Dにちょっと浮気気味。