Flash+CS3+単体

目次へ戻る

ActionScript3 の開発環境 †

ActionScript3 を開発する方法は、プロジェクトやチームの規模・開発者自身スキルなど、条件に応じた最適な手法がいくつも考えられます。はじめに、これらのメリット・デメリットを以下の表にまとめてみました。

次節からは、この中から代表的な手法をいくつか取り上げて解説してゆきたいと思います。
3-1 (?) ではデザイナーに馴染みのある、Flash CS3 単体での開発手法を紹介します。他の開発環境には見られない柔軟な機能拡張を利用することで開発速度を高める点についても触れます。
続いて 3-2(?) では、FlashDevelop3をエディタとして扱いFlash CS3とともに開発する手法を述べます。ただ、FlashDevelopはデザイナーにとっては少し敷居が高い開発環境なので、設定方法やプロジェクトの意義などを詳しく説明しているつもりです。最後の 3-3(?) では、FlexBuilder?の多様な開発手法を紹介します。デザイナーと開発者との作業分担のお役に立てればと思います。

【ActionScript?開発例.xls】

なお、表に出てくる各ソフトウェアのライセンスですが、

• Adobe Flash CS3 \88,000
• Adobe Flex Builder \30,000（※）
• Adobe Flex SDK オープンソース、フリー
• FlashDevelop オープンソース、フリー（寄付歓迎） となっています。 　（※）チャートやグラフなど高機能なコンポーネントを同梱した Adobe Flex Builder 2 with Charting 2 もあります（\89,250）。

Flash CS3単体による開発 †

担当 †

長井

開発環境 †

　FlashDevelop Beta6 でコーディングして Flash CS3でパブリッシュ

Flash CS3での開発の概要 †

Flash CS3では標準でActionScript?エディタが備わっていますが、記述箇所により次の2つの方法があります。

1. MovieClip? シンボルのフレームアクションに記述・・・主にデザイナー向け
2. 外部ASファイルに記述（クラスファイル、include用ファイル）・・・主に開発者向け

MovieClip?シンボルのフレームアクションに記述 †

この方法はFlash8以前からデザイナーに馴染みある記述方法で、FLAファイル上のMovieClip?シンボルのタイムラインのフレームでASを記述する方法です（なお、AS2では許可されていたボタンアクション・クリップアクションはAS3では記述できません）。

【Flash CS3でフレームアクションを編集.psd】

#ref(): File not found: "Flash CS3でフレームアクションを編集.jpg" at page "Flash+CS3+単体"

この記述方法のメリットは、多くのクラスの使用にimport宣言が不要な点で、クラスファイルでの記述よりも簡易だと言えます。たとえば、ステージをクリックした際にURL遷移するスクリプトにしても、次のコードだけで完成です。flash.events.MouseEvent? も flash.net.navigateToURL もimport宣言は必要ありません。

var urlRequest:URLRequest = new URLRequest("http://www.flashoop.jp/");
stage.addEventListener(MouseEvent.CLICK, clickHandler);
function clickHandler(evt:MouseEvent):void{
	navigateToURL(urlRequest);
}

これは、Flash CS3では、ライブラリのMovieClip?シンボルにクラスを関連付けてなければ自動で固有のクラスが生成および割当が行われるのですが、その際に以下のパッケージ内のクラスがimportされる仕様となっているためです。

adobe.utils.*, flash.accessibility.*, flash.display.*, flash.errors.*, flash.events.*, flash.external.*, flash.filters.*, flash.geom.*, flash.media.*, flash.net.*, flash.printing.*, flash.system.*, flash.text.*, flash.ui.*, flash.utils.*, flash.xml.*

また、アクセス修飾子を設定することができませんので、OOPに不慣れなデザイナーさんに敷居は高くないと言えます（記述した変数・関数はpublicメンバーとして扱われます）。

ただ、一方でこの記述方法にはデメリットがあり、タイムラインの長さ分だけどこにでもASを記述できるため、記述が散乱すると見通しが悪くなることが挙げられます。 この対処方法として、1フレーム目にプロパティやメソッドをまとめて記述し2フレーム目以降は定義済みメソッドの実行に留めるスタイルが推奨されています。

// 1フレーム目のフレームアクション
// プロパティ宣言・メソッド定義を済ますようにする
var prop:String = "Hello!";
function doSomething():void{
     // 
}
// 5フレーム目で呼ばれるメソッドを定義
function funcFrame5():void{
     doSomething();
     stop();
}

// 5フレーム目のフレームアクション
// メソッド実行にまとめておくとわかりやすい
funcFrame5();

さて、Flash CS3のエディタはコーディングを効率的に行う機能も多く備えています。以下に代表的なものをまとめます。

【Flash CS3のコード編集機能.xls】

外部ASファイルに記述 †

Flash CS3では、拡張子ASのファイルを編集することもでき、クラスファイルやinclude用ファイルを作成することができます。 この手法はFLAファイルと分離してAS開発ができるので、デザイナーと開発者とで作業分担が行いやすいと言えます。 さらにFlash CS3からはFLAファイルをターゲットとして関連付けることができ（（次の図の画面右上のプルダウン））、ASファイル編集時に ［Ctrl］＋［Enter］（［command］＋［return］） キーすることでそのFLAファイルのパブリッシュが可能です。

【Flash CS3で外部ASを編集.psd】

#ref(): File not found: "Flash CS3で外部ASを編集.jpg" at page "Flash+CS3+単体"

なお、ASファイル編集ではAS2およびAS3の両方を編集できるのでそのバージョンに気をつけてください。 上の図の左上にツールボックスのプルダウンがあります。ここでバージョンを選ぶことができ、表示されるコードヒントが変化しますし文法チェックの結果も異なります。

効率的なコーディング †

Flash CS3で効率よくコーディングするにはコードヒントの活用があります。コードヒントの利用は _mc などの接尾辞を利用する方法と、変数の型宣言を利用する方法が挙げられます。ここでは特に後者の方法をお勧めします。AS3では型宣言による実行速度の向上およびデバッグが容易になるからです。

また、AS3の記述にコンパイルエラーが生じた場合、そのエラーをダブルクリックするだけで、その箇所へジャンプするようになりました。この新機能を活用することで効率的にコーディングできるようになります。

開発者の環境として †

Flash8に比べてたしかにエディタ機能はパワーアップしていますが、しかしながら、それでもコード開発環境としては充分とは言えません。
たとえば、自作したクラスの型を宣言してもコードヒントは得られませんし、また型宣言をしてもフレームをまたぐとコードヒントは無効にされます。AS3はAS2に比べるとどうしても記述が長くなりがちなので、秀逸なコードヒントがないと開発は容易とは言えないのではないでしょうか。

拡張を利用したより効率的な開発 †

コードヒントは大変便利ですが、自作したクラスのコード補完は行ってくれないという欠点があります。また、AS3はAS2に比べるとどうしても記述が長くなりがちで、デザイナーはコード記述に時間を追われることにもなりかねません。こういった問題は、Flash拡張を用いることで解決が可能です。

Flash拡張とは、Flashオーサリング環境で実行できるマクロやコマンドをJavaScript?で開発したものです。下記は、私のサイトで配布しているコードに関連した拡張です。紙面の都合上ここでは紹介できませんが、気になる方はサイトにてご確認ください。私の勤め先のデザイナーには非常に好評ですので、是非皆さんもお試し頂ければと思います。

【Flash CS3で作成した拡張機能.xls】

上記以外にも、Adobe公式サイト（Adobe Exchange http://www.adobe.com/jp/exchange/）をはじめ多くの拡張機能が公開されていますし、また拡張機能の開発自体はJavaScript?なので、そのAPIにさえ慣れてしまえば簡単に開発できると思います。たとえば、次のような拡張が公開されていますし、自身で開発することが可能です。

• FLAファイル内で選択したインスタンス名に連番を振る
• タイムラインのレイヤー・フレーム操作
• ライブラリの複数のMovieClip?シンボルに同じ基本クラスを割り当てる
• 数千のSWFをパブリッシュし、ファイル名を別々に設定する
• 自作クラスのカスタムコードヒント・ヘルプファイルの作成（［MEMO］AS2ではAS2Docというソフトがありこの機能がありましたが、AS3には対応していません）

この章のまとめ †

これまで見てきたように、Flash CS3のASエディタは高機能で拡張による柔軟性があるものの、開発者から見た環境としては充分とは言えません。より効率的に開発を行いたい場合は、Flex BuilderやFlashDevelopなど他のエディタを使用する選択肢もありますので、現状の開発環境に不満があるデザイナーの方は一度試してみてはいかがでしょうか？