Animate および Flash Builder の操作

Adobe Animate CC（旧 Flash Professional CC）および Flex® は、Flex® で使用する Animate のカスタムグラフィックおよびコンポーネントの作成を含めて、様々な方法で共用できます。次のチュートリアルは、Animate® および Flex® を共用するための複数の方法を示しています。

注意：Animate と Flash Builder の間のデザインビューワークフローは非推奨になりました。Flash Builder 4.6 からこのワークフローを開始すると、Animate で例外が発生します。

Flash Builder のワークフローの一部は、最新バージョンの Animate CC（2017 以降）と相互運用できない可能性があります。 

始める前に

Animate と Flash Builder のワークフローを有効にするために、次に示す条件が実施されているかどうかを確認してください。

• Flash CS5 と Flash Builder 4 の両方がインストールされている必要があります。

• Flash Builder から FLA ファイルを起動するには、Package Explorer パネルで、プロジェクトに Animate プロジェクトの特性が割り当てられている必要があります。

  Flash Builder でプロジェクトの特性を割り当てる方法について詳しくは、Flash Builder のヘルプを参照してください。

• Flash Builder から FLA ファイルを起動するには、プロジェクトの Animate CC プロパティに基づいてテストやデバッグを行うために、プロジェクトに FLA ファイルが割り当てられている必要があります。

Animate からの Flash Builder によるテスト、デバッグおよびパブリッシュ

Flash Builder 4 で編集しているファイルを使用して Animate でテストとデバッグを実行するには：

• Flash Builder 開発パースペクティブから、実行／ムービープレビューまたは実行／ムービーをデバッグを選択します。各メニューアイテムの横には Animate のアイコンが示されています。SWF ウィンドウまたはデバッグセッションが閉じると、プロジェクトに関連付けられている FLA ファイル内のフレームスクリプトにコンパイルエラーがなければ、フォーカスが Flash Builder に戻ります。すべてのエラーに関する情報は、Flash Builder のエラーパネルに送られます。

Flash Builder で現在のプロジェクトに関連付けられている FLA ファイルをパブリッシュするには：

• Flash Builder 開発パースペクティブから、プロジェクト／ムービーをパブリッシュを選択します。メニューコマンドの横には Animate のアイコンが示されています。

Animate からの Flash Builder による ActionScript（AS）ファイルの編集 

新しい ActionScript 3.0 クラスまたはインターフェイスを作成し、Flash Builder をエディターとして割り当てるには：

Animate から Flash Builder で AS ファイルを開き、編集するには：

Adobe Animate では、Adobe® Flex® アプリケーションのコンポーネントとして使用するコンテンツを作成できます。このコンテンツには、ビジュアルエレメントと Adobe® ActionScript® 3.0 コードの両方を含めることができます。

Flex で使用するコンポーネントを Animate で作成することにより、Animate の柔軟性の高いグラフィックデザイン機能と Flex の機能の両方を利用できます。

Animate で Flex コンポーネントを作成するには、Flex Component Kit for Animate がインストールされている必要があります。コンポーネントキットのインストールには Adobe Extension Manager を使用します。バージョンによってはサポートされない Adobe Animate の機能があるので、www.adobe.com/go/flex_ck_jp からコンポーネントキットの最新バージョンをダウンロードしてください。

Flex と Animate の使用について詳しくは、Adobe Web サイト（www.adobe.com/go/learn_flexresources）に掲載されている Flex のマニュアルを参照してください。

Animate で Flex コンポーネントを作成するには：

Flex で使用する ActionScript 3.0 コードを作成する場合、コード内にメタデータを追加して、ActionScript コードを含むパブリッシュ済みの SWF に外部ファイルを埋め込むことができます。通常、これらの [Embed] メタデータ宣言はイメージファイル、フォント、個々のシンボル、または SWF ファイルを SWF に埋め込む場合に使用します。

メタデータとは、「データに関する情報を示すデータ」です。メタデータを、ActionScript のメタデータを適用するコード行の直前の行に追加します。これで、後続のコード行のコンパイル時にメタデータが認識されます。

例えば、ActionScript ファイルの 1 つ上のレベルのディレクトリに保存されている button_up.png という名前のイメージを埋め込むには、次の ActionScript を使用します。

[Embed(“../button_up.png”)]

private var buttonUpImage:Class;

[Embed] メタデータタグは、コンパイラーに対し、SWF ファイルに button_up.png ファイルを埋め込み、変数 buttonUpImage に関連付けるように指示します。

Flex のメタデータを使用したアセットの埋め込みについて詳しくは、『Flex 3 開発ガイド』（www.adobe.com/go/learn_flexresources）の「アセットの埋め込み」を参照してください。

[Embed] メタデータなど、Flex SDK を必要とする機能を使用する場合、コンパイル時に Animate から FLA ファイルのライブラリパスに Flex.SWC ファイルを追加するよう要求されます。Flex.SWC ファイルには、Flex メタデータのサポートに必要なコンパイル済みクラスが含まれています。ダイアログボックスで「ライブラリパスの更新」をクリックして、Flex.SWC をライブラリパスに追加します。後から ActionScript パブリッシュ設定でライブラリパスに Flex.SWC ファイルを追加することもできます。

次のリソースには、Animate と Flash Builder の統合に関する情報および例が掲載されています。

• サイト：http://jessewarden.com/