Flash記事

Progression Framework 2　初級編：ActionScriptを書かずにFlashサイトを簡単に構築する

Progression Framework 2とは

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は、それぞれのステップでの作業終了後のファイルです。実際にどのような構造になっているかを確認しながら読み進めて行くと理解しやすいでしょう。

必要ソフトウェア

この記事では、以下のソフトウェアとサンプルを使用しています。

Flash CS3 Professional

• 体験版
• 購入

Progression Framework 2

• http://progression.libspark.org/trac

サンプルファイル

• prog2BeginerSample.zip （ZIP、14.4MB）

Progression Framework 2のインストール

Progression Framework 2は、Progressionのサイトからダウンロードできます。必ず最新版を利用してください。本記事執筆時点（2007年12月末）での最新版は「Progression Framework 2.0.0 Beta 2」です。ソースコードと拡張機能を mxp 形式のファイルで配布しているため、インストールには別途Adobe Extension Managerが必要です。以下の手順でインストールしてください。

1. Progression Framework 2のフルパッケージをダウンロードします。※ソースコードアーカイブは必要ありません。
2. ダウンロードしたProgression2-Mac.mxp（Mac OSの場合）をダブルクリックして、インストール作業を開始します。
3. インストール中に出てくるフォルダ選択画面では、Flash CS3をインストールした際にできるConfigrationフォルダを指定します。下記ディレクトリを参考にしてください。
   Windows : C:/Program Files/Adobe/Adobe Flash CS3/ja/Configuration/
   Mac OSX : /Applications/Adobe Flash CS3/Configuration/
4. インストールが完了するとAdobe Extension Manager上にProgression Frameworkが表示されます（図3）。
   
   

   図 2. Adobe Extension Manager上にProgression Frameworkが表示されます

5. インストール中にFlashを起動していた場合は、再起動します。以上でインストールは完了です。

ページ 1 / 6

次のページ

著者について