FlashDevelopをActionScript3のIDEとして使う

→FlashDevelop2.0.2用に記述を変更しました。

Flex2SDKを実行するには、Java実行環境が必要です。 また、下記のクイックコンパイルを行うにはJava1.5が必要なので、JDK(またはJRE)5.0か6.0を インストールしておいてください。

手順

1. Flex2SDK

(1) Adobeからダウンロードする。AdobeIDの登録が必要。

(2) Flex SDK(flex_sdk_2.zip)とFlex Language Pack(flex_sdk_2_ja.zip)をダウンロードする。

(3) flex_sdk_2.zipをC:\flex_2_sdkに解凍。(下記ではFlexが{{{C:\flex_2_sdk}}}にあることを前提としているので、とくに問題なければこのフォルダにしてください。(flex_sdk_2とは違う点に注意))

(4) flex_sdk_2_ja.zipを解凍して、同フォルダに上書き

2. FlashDevelopのインストール

http://www.flashdevelop.org/community/ からRelease→FlashDevelop 2.0.2 Final releasedの ページの中ほどのDownload FlashDevelop 2.0.2 Final からダウンロードし、インストーラを実行

3. メニューの日本語化

#101 を参考に。英語メニューでいい人はやらなくてもいい。

注意：以下のプラグインは、同じxmlファイルに設定を書き込むので、#101のxmlファイルに置き換えると その設定が消えてしまいます。置き換える前にxmlファイルをバックアップしたほうがいいでしょう。

4. AS3用のプロジェクトテンプレート

* My AS3 and Flex 2 Project Templates http://www.bit-101.com/flashdevelop/ProjectTemplates.zip

ダウンロードして解凍。 C:\Program Files\FlashDevelop\Data\ProjectTemplates\ にコピー

このテンプレートは、flexがC:\flex_2_sdkにインストールされることが前提になっています。 変更するには、テンプレートフォルダ直下のbuild.propertiesの以下の個所を変更すること。

# where you installed flex:
flex2.dir=C:/flex_2_sdk

5.FlashBuild Pluginのインストール

Flex2SDKのビルドを行うプラグイン。このプラグインを使えばantのインストールが要らないのでお勧め。

http://www.flashdevelop.org/community/viewtopic.php?t=287 から、FlashBuild 1.0 Beta 1をダウンロード。

解凍するとFlashBuild.dllができるので、 FlashDevelopのインストールフォルダ/Pluginsにコピーして、FlashDevelopを起動。

以下のメッセージが出ます。Flex2SDKのパスが違うというメッセージ。

いったんFlashDevelopを終了して、 FlashDevelopのインストールフォルダ/Settings/Settings.xmlの以下を書き換える。

	<setting key="FlashBuild.BuildFileName"><![CDATA[flashbuild.xml]]></setting>
	<setting key="FlashBuild.Flex2.Path"><![CDATA[C:\Program Files\Adobe\Flex2SDK\bin\mxmlc.exe]]></setting>

↓

	<setting key="FlashBuild.BuildFileName"><![CDATA[flashbuild.xml]]></setting>
	<setting key="FlashBuild.Flex2.Path"><![CDATA[C:\flex_2_sdk\bin\mxmlc.exe]]></setting>

なお、すでにプロジェクトを持っている場合は、以下のメッセージも出ます。 このプロジェクト用にビルド用のXMLをつくるか？という質問なので、「はい」を押す。

起動したら、メニューバーとフローティングメニューに以下の表示が。

プロジェクトをビルドするには、もうちょっと設定が必要。ツリーを開いてBuild1を選択し、右クリック。 New Flex2 Buildを選択。

Undefinedというツリーが出来るので、それを選択し、Input MXML/ASの欄に、ベースとなる(MovieClipを継承したクラスのある)ASファイル のパスを入力する。flashbuild.xmlを保存してメニューの「Build Current Profile」ボタンを押すとビルドされる。

ビルドと実行を行うには、ツリーのBuild1のTest Movieにswfのパス(このパスにswfが生成されるわけではない点に注意。ビルドで生成されたswfのパスを入力すること)を入力し、保存してからメニューの「Test Movie」ボタンを押す。

プロジェクトを作る

6. AS3の補間を有効にする。

(1) http://www.returnundefined.com/fdas3/ のDownloadからAS3_intrinsic_classes.zipをダウンロードし、 適当なフォルダに解凍

(2) このクラスをプロジェクトのクラスパスに追加する。ツールバーのProject→Propertiesを選択。

(3) Classpathsタブを選択。

(4) Edit Global Class ...ボタンを押す。

(5) AddClasspath...ボタンを押す。

(6) AS3_intrinsic_classesフォルダを選択。

これでActionScript3の補間が可能になります。

7. MXMLの補間を有効にする

以下をダウンロードして、 C:\Program Files\FlashDevelop\Data\ProjectTemplates\ に解凍する。

http://flashdevelop.org/downloads/releases/Flex2_MXML_definition.zip

Data\ProjectTemplates\の直下にフォルダFlex2_MXML_definitionが来ること。

ツールバーのボタンからANTを実行するには、\Settings\ToolBar.xmlを編集する。

<button label="ANT Build" click="PluginCommand" image="54"
        tag="Run;SaveAll;ant" shortcut="CtrlF7" />

8. AS2用のクラス参照を無効にする

Download the AS3 top-level declarationをダウンロードして、適当なフォルダに回答する。AS3_intrinsic_classes.zipとは別のフォルダにすること。

GlobalクラスパスにMacromediaのクラスへの参照があれば取り除く。

\Settings\ToolBar.xmlを編集する。ASCompletion.Macromedia.ClassPathに、置いたas3_toplevelのパスを設定し、ASCompletion.MTASC.UseStdClassesをfalseに設定する。以下は、as3_toplevelをC:\Program Files\FlashDevelop\as3_toplevelに置いた場合の例。

	<setting key="ASCompletion.Macromedia.ClassPath"><![CDATA[]]></setting>
:
	<setting key="ASCompletion.MTASC.UseStdClasses"><![CDATA[true]]></setting>

↓

	<setting key="ASCompletion.Macromedia.ClassPath"><![CDATA[C:\Program Files\FlashDevelop\as3_toplevel]]></setting>
:
	<setting key="ASCompletion.MTASC.UseStdClasses"><![CDATA[false]]></setting>

9. クイックコンパイルを有効にする

\Settings\ToolBar.xmlを編集する。ASCompletion.Flex2Sdk.PathにFlex2SDKのパスを設定する。この場合は、c:\flex_2_sdkを設定。

	<setting key="ASCompletion.Flex2Sdk.Path"><![CDATA[c:\flex_2_sdk]]></setting>

ソース(AS3の.as)ファイルの頭に以下のように記載する

/** 
* @mxmlc -default-size 400 300 -incremental=true 
*/ 

MXMLファイルの場合は以下のように記載する

<!-- @mxmlc -default-size 400 300 -incremental=true -->

で、ビルドするには、そのファイルを開いて、「QUICK MTASC Build」ボタン(赤いインベーダマークのボタン)を押す。

詳しくは：http://www.flashdevelop.org/community/viewtopic.php?t=1070

10. Flash9Playerの設定

(#115)ActionScript3でTraceを使う方法を参照

11. ドキュメント

ここにいっぱいあります。ActionScript3.0のリファレンスは、ページ一番下のドキュメンテーション zip ファイルをダウンロードしましょう。

http://www.adobe.com/support/documentation/jp/flex/

(None)

追記

コンパイル時にMSVCR71.dllがありませんというエラーが出たら、 適当なところからダウンロードして、C:\Windowsなどパスの通ったフォルダ においてください。

参考ページ

http://www.flashdevelop.org/community/viewtopic.php?t=1177

http://www.bit-101.com/blog/?p=849

http://www.flashdevelop.org/community/viewtopic.php?t=1070