まず、基本的な手順はすべて完結かつ丁寧にこちらで説明されています。
NUTSU » Build FlashPlayer 11 AS with FlashDevelop

FlashPlayer11書き出しについてはとくに問題なくいけました。
AIR3書き出しで2点ほどハマった箇所がありました。

descriptor version does not match runtime version とかめっちゃ言う

まあ言葉の通りバージョン食い違ってますよってことらしいけど、
AIRランタイム更新しなおしたりSDK入れなおしたり書き出し設定みなおしても、うんともすんとも・・

で、結局は、ブロジェクトのbatディレクトリに生成されている SetUpSDK.bat 内で指定されているSDKパスが違ってました。
FlashDevelopで設定されているデフォルトのパスが入ってるんですねえ。それのバージョン古かったというオチでした。

set FLEX_SDE=C:\hogehoge\fugafuga\flex_sdk_4.5.1

こんな。

MacのParallels環境だと面倒？

2011/11/8 追記
プロジェクト新規作成時にちゃんとネットワークドライブ（Z:¥ みたいなの）でプロジェクトのパスを指定してやっていれば問題なかったです。。すいません。フィリップさん濡れ衣ごめんなさい。
新規作成時に(¥¥psf¥home~~~)みたいなネットワークのパスで作っちゃってたみたいです。
作ってしまったあと、あとから変える場合は、obj/プロジェクト名＋Config.xmlのファイル内をいじればOKかと。

普段が、MacのParallels上でFlashDevelopを動かしてるので、この環境でさくっと行きたかったけど・・・結果的にはダメでした。

コマンドプロンプトが立ち上がる際に、ネットワーク共有ディレクトリ上で起動すると現在のディレクトリを引き継げないとか。
（普通Macと行き来するから仮想の共有ディレクトリで作業してます！）
で、解決のためにドライブを割り当てなさいってことなんだけども、Parallels上ではすでにその様に設定されていて、（Z:¥ みたいな）それでもFlashDevelopからcmd.exeが立ち上がるときはそういう設定は反映されないと。

解決策としては、.batファイル内で指定してる　bat/**.bat みたいな相対パスな指定をすべて絶対パスに変えてやれば動くんじゃないかと思うけど、「そこまでするならおとなしくFlash Builder使うわ。」という結論にいたって試してません。
（いや、全然簡単にできるし！みたいな、詳しい方いたら是非やさしくおしえてください。）

FlashDevelopのBridgeってのが現在進行中で進んでるけど、Parallelsはまだ使えないっぽいので、このへんが解決につながるのかなーとかふんわり期待してます。

以上、取り留めもなく。27最後のメモ。

ちなみにC#はもちろんFlashDevelopのAPIをあまり理解せずにノリで書いているので不完全な箇所あるかと思います。
標準的な環境では動作確認できています。

TDDとかしらんがな

テストってなんぞ？っていう状態だったので、とりあえずこのへんの動画をみて、
テスト駆動開発の雰囲気をつかんで、話を聞いたようなそんなレベルです。
最後の方はリファクタリングの話にも触れられてるので、そのへんも勉強になります。

和田卓人の“テスト駆動開発”講座

と、まあ、急がば回れ的な雰囲気で、何やらよさそうです。

今回参考にさせてもらったのは、「FizzBuzzではじめるテスト – 第１回関西PHP勉強会」
こちらの内容で、そのままASに持ってきて試してます。

FizzBuzzもしらんがな

なにやらエンジニア界隈ではわりと常識らしい「FizzBuzz」、初めて聞きました。
参考のエントリできちんと説明されていますが、1から順に数字を出力していき、
3の倍数で”Fizz”、5の倍数で”Buzz”、公倍数で”FizzBuzz”と、
要は世界のナベアツ的な出力をするプログラムを指すらしいです。

ASで書くとこんな感じ。（サンプルのまんまですけどね。）

package
{
	/**
	 * FizzBuzzクラス
	 * @author Hidemasa Mori
	 */
	public class FizzBuzz
	{
		/**
		 * FizzBuzz テキスト表現を作成
		 *
		 * @param uint num
		 * @return String
		 */
		public static function makeFizzBuzz(num:uint):String
		{
			if (num % 3 == 0 && num % 5 == 0)
			{
				return "FizzBuzz";
			} else if (num % 3 == 0) {
				return "Fizz";
			} else if ( num % 5 == 0) {
				return "Buzz";
			} else {
				return num.toString();
			}
		}

	}

}

FlexUnit4+FlashDevelopでテスト

で、本題のテストですが、今回はAS3+FlexUnit4（4.1Betaが出てたけどうまく行かず）+FlashDevelop4でやってます。
プロジェクトごとGithubに置いてるので、そのままmxmlをドキュメントクラスにしてコンパイルすると動くかと。
サンプルの作成に「FlashDevelopの使い方 (17)FlexUnit 4でユニットテストをする方法」を大変参考にさせていただきました。

サンプルファイル

手順としては、FlexUnit4をダウンロードして、swcファイルをライブラリに追加していきます。
今回のサンプルはこんなファイル構成。

サンプルに入れているMain.asをドキュメントクラスにしても動くけど、
GUIを表示させることができなかった（traceはできる）ので、mxmlでのコンパイルに落ち着きました。

テストコードはこんな感じ。
[test]とメタタグを書いたメソッドがテスト用メソッドとなるようです。
ほかにも、testの前後に処理を行うbeforeやafter、非同期処理に対応したメタタグなど色々あるみたいです。

package
{
	import org.flexunit.Assert;
	/**
	 * FizzBuzzのテストクラス
	 * @author Hidemasa Mori
	 */
	public class FizzBuzzTest
	{
		[Test]
		public function testFizzBuzz():void
		{
			Assert.assertEquals("Fizz", FizzBuzz.makeFizzBuzz(3));
		}

		[Test]
		public function testFizzBuzz2():void
		{
			Assert.assertEquals("Buzz", FizzBuzz.makeFizzBuzz(5));
		}

		[Test]
		public function testFizzBuzz3():void
		{
			Assert.assertEquals("FizzBuzz", FizzBuzz.makeFizzBuzz(15));
		}

	}

}

Assert.assertEqualsの引数を比べて、同じなら、テストが通りグリーンの表示

違う結果が帰ってきた場合はレッドの表示となります。

とりあえず、赤と緑がみれたので満足。

他言語みたいなサクサクテストな環境は・・

今回の方法だと参考エントリでも言及されてるように、
GUIで確認するとなるとパブリッシュ→ムービープレビューの流れが必要になり、
手順としては冗長に感じますね・・こまめにテストするには敷居が高いです。
レッド/グリーンをGUIで確認しつつ、リアルタイムにテストを実行できる環境があればいーなー。
（勉強会でデモされてた、MakeGoodみたいな感じで）
FlashBuilderはこのあたり、連携スムーズになってるんでしょうか。興味湧いてきました。

UIのテスト

あと、Selenium IDEというのが紹介されていて、とってもいいなーと感じました。
ブラウザベースでの自動テストができるのは魅力的ですし、
デザイナーにも役立ちそうなツールなので是非試してみたいです。

また、FlashのUI自動テストについても調べてみたら、
FlexMonkey とか QTP とかってのがあるみたいです。
そのへんはまた今度。

本家のフォーラムで同じ質問にフィリップさんも答えてくれてたので、英語が苦じゃない方はこちらを参照
http://www.flashdevelop.org/community/viewtopic.php?f=6&t=8374

以下対応方法

1. Windows\System32 ディレクトリに ‘msvcr71.dll’ があるか確認する。
2. ない場合は Java\jdk1.6.0_20\jre\bin から dll ファイルをコピーして上記ディレクトリに移す。
   （僕の場合は C:\Program Files\Java\jre6\bin にありました。）
3. FDを再起動する。

これだけ。

結局JavaScriptを使って解決した・・と思ったけどブラウザ依存でだめぽい。

http://www.fxug.net/modules/xhnewbb/viewtopic.php?topic_id=885

とりあえずこちらを参考に下記のように。

AS側からはExternalInterfaceでフラグを渡しつつJSを叩く。

public static function wheelEnabled(flg:Boolean):void
{
	if (ExternalInterface.available)
	{
		try {
			ExternalInterface.call("wheelEnabled", flg);
		} catch (error:SecurityError) {
			trace("SecurityError: " + error.message);
		} catch (error:Error) {
			trace("Error: " + error.message);
		}
	} else {
		trace("External interface is not available");
	}
}

JS側では渡されたフラグをもとにホイールイベントをコントロールする。

//ブラウザのホイールの状態（初期値有効）
var _wheelEnabled = true;

//Flashから呼ばれる関数
function wheelEnabled(flg){
  _wheelEnabled = flg;
}

//ホイールイベントの処理
function wheel(event){
  if(!_wheelEnabled){
    if(!event){
      event = window.event;
    }
    if(event.preventDefault){
      event.preventDefault();
    }
    event.returnValue = false;
  }
}

//イベントリスナーの登録
if(window.addEventListener){
  window.addEventListener('DOMMouseScroll', wheel, false);
}
window.onmousewheel = document.onmousewheel = wheel;

WIN IE,Chrome,Firefox & Mac Safari ではちゃんと動いた。
WIN Safari & Mac Chrome,Firefox で期待通り動かず。

がっつりお世話になってるSWFWheel自体がExternalInterfaceを使ってJSでコントロールしてるっぽいので、
こうイベント止めちゃうとダメなんだろうなあとぼんやりした思考の中で今日はギブアップ。

本来ならSceneLoader使うのがスムーズだと思うけど、
Progression自体の学習コストもあるので、複数人で作業する際に、
他のメンバーにそのコストをかけない方法ということで外部swfはなんでも来いな状態で。

やりたい事

・外部swf読み込む
・読み込み完了したらLoaderを配置する
・読み込み中はプログレスバー表示
・キャッシュされてる場合はプログレスバーの下りとばす
・バックグラウンドでswfキャッシュさせとく（これ別の話ですね。ResourcePrefetcher使うとサクっとできる）

ハマったのはキャッシュされてる場合のResourceからLoaderへの渡しかた

各シーンで読み込まれるPageSwfクラス（CastSpriteを継承）を作って、
そのクラスのatCastAddedあたりでこんな感じで呼び出す。
（※ _swfUrl = 外部swfへのパス文字列、_loader = CastLoaderクラスのインスタンス）

if (!getResourceById(_swfUrl))
{
	//まだ読み込んでいない場合
	addCommand(
		//プログレスバー出すなど・・省略
		new LoadSWF(new URLRequest(_swfUrl), _loader, {
			onStart		:function():void {
				//読み込みスタート時の処理　プログレスバー動かしたり
				);
			},
			onProgress	:function():void {
				//読み込み中の処理　読み込み状況取得したり

			},
			onComplete	:function():void {
				//読み込み終了時の処理
			}
		}),
		//プログレスバー消すなど・・省略
	)
} else {
	//リソースからバイト配列を取得して、_loaderに流しこむ。
	_loader.loadBytes(getResourceById(_swfUrl).toByteArray());
}

addCommand(
	new Prop(this, { alpha:0 } ),
	new AddChild(this, _loader),
	new DoTweener(this, { alpha:1, time:0.5 } )
);

最初はResourceから取り出したデータが[Object CastLoader]とトレースされたので、
そのまま代入しようとしたり、loaderInfo.bytes を参照しようとして怒られてました。
このあたりの理解が浅いんですね〜・・
最終的には toByteArray() という素敵メソッドがすでにあったので、
Loaderにバイト配列を渡して一件落着でした。
そんなやり方してたらあかんよ！とかツッコミ絶賛募集中です。

概要とレポートはすばらしいまとめページが存在しますので、下記から。
にゃあプロジェクト – ウェブログ – 大阪ひよこの会 (第2回勉強会) レポート

ですんで、僕は自分のネタがらみのところを中心にレポートしたいと思います。
普段の実案件でやるやり方として、
とりあえずざっくり素材を当て込んで機能を実装してから、
最後に（時間がゆるせば）味付けするような作り方をしています。

ので、マイボタンクラスを晒すことにしましたん。
（本当はなにも新しいものが思いつかなかったんですごめんなさいごめんなさい）

こんな感じで乗っかるテキストやら塗りの色を動的に変えつつ、
基本のトゥイーンだったりマウスイベントは持ってくれてるようなやつです。
ボタンのクラスは下記のような感じで、メインのASではそれを new して並べてるだけです。
※自身にaddChildしてるDynamicButtonクラスはグラフィック素材で、角丸塗りのMC（name = base）とその上のレイヤーにダイナミックなテキストフィールド（name = txt）を持っている。

package Hiyoko
{
	import caurina.transitions.Tweener;
	import caurina.transitions.properties.ColorShortcuts;
	import flash.display.Graphics;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.geom.ColorTransform;
	import flash.geom.Transform;
	import ui.DynamicButton;

	ColorShortcuts.init();

	/**
	 * ...
	 * @author hidemasa mori
	 */
	public class BasicButton extends Sprite
	{
		private var _btn:DynamicButton;

		public function BasicButton(buttonTxt:String,color:uint)
		{
			_btn = new DynamicButton();
			_btn.txt.text = buttonTxt;
			_btn.txt.mouseEnabled = false;
			_btn.txt.textColor = 0xFFFFFF;
			buttonMode = true;
			alpha = 0;

			setColor(color);
			addChild(_btn);

			addEventListener(MouseEvent.CLICK,clickHandler);
			addEventListener(MouseEvent.ROLL_OVER,overHandler);
			addEventListener(MouseEvent.ROLL_OUT, outHandler);
			addEventListener(Event.ADDED_TO_STAGE, addHandler);
			addEventListener(Event.REMOVED_FROM_STAGE, removeHandler);
		}

		/**
		 * ステージに追加されたときのイベントハンドラ
		 * @param	e
		 */
		private function addHandler(e:Event):void
		{
			removeEventListener(Event.ADDED_TO_STAGE, addHandler);
			Tweener.addTween(this, { alpha:1,time:0.5} );
		}

		/**
		 * ステージから削除されたときのイベントハンドラ
		 * @param	e
		 */
		private function removeHandler(e:Event):void
		{
			removeEventListener(Event.REMOVED_FROM_STAGE, removeHandler);
			Tweener.addTween(this, { alpha:0,time:0.5} );
		}

		/**
		 * マウスオーバーイベントハンドラ
		 * @param	e
		 */
		private function overHandler(e:MouseEvent):void
		{
			Tweener.addTween(this, { _tintBrightness:0.5, time:1 } );
		}

		/**
		 * マウスアウトイベントハンドラ
		 * @param	e
		 */
		private function outHandler(e:MouseEvent):void
		{
			Tweener.addTween(this, { _tintBrightness:0, time:1 } );
		}

		/**
		 * マウスクリックイベントハンドラ
		 * @param	e
		 */
		private function clickHandler(e:MouseEvent):void
		{

			removeEventListener(MouseEvent.ROLL_OVER,overHandler);
			removeEventListener(MouseEvent.ROLL_OUT, outHandler);
			//dispatchEvent(new MouseEvent(e.type));
			Tweener.addTween(this, { alpha:0, time:0.5, onComplete:function():void
			{
				this.visible = false;
			}
			} );
		}

		/**
		 * コンストラクタで指定された色をセットする。
		 * @param	color uint 変更する色
		 */
		private function setColor(color:uint):void
		{
			var tf:Transform = _btn.base.transform;
			var ctf:ColorTransform = tf.colorTransform;
			ctf.color = color;
			tf.colorTransform = ctf;
		}

	}

}

こんなクラス。何のネタにもならんかと思ってたけど意外と話題はあるもので。
いくつか出たのでまとめます。

イベントリスナー書くとこ

あまりなんの疑問も持たずにコンストラクタに書いてたけど、
ロールオーバーでロールオーバーイベントをリムーブ、クリックイベントをadd・・・みたいに、
動的にリスナー登録していくような試みもあるみたい。
今回のシンプルなボタンならコンストラクタで一括登録しちゃうのがコストパフォーマンス的に良いとのこと。

Tweenerの罠

これもろくに意識せずにやってて、@ProjectNyaさんに指摘してもらって、恥ずかしい限りだったわけですが、
ロールオーバー＆アウトなんかで、初期状態に戻るアニメーションの時に
１秒かけて１進み、１秒かけて１戻ればいいけど、
0.5秒で0.5進んだ場合、1秒かけて0.5をもどることになるとのこと。
こいつは普段TweenerやらBetweenAS3使ってるものとしてはきちんと理解しとかないと・・・
また検証したいと思います。

素材をボタンクラスの子にするか、素材のスーパークラスにしてまうのか

結構、よく悩むネタだったので一緒に質問させてもらいました。
このサンプルではグラフィック素材をnewして、addChildすることで自身の子としてコントロールしてます。
その素材はswc書き出ししたものを使ってるので一度パブリッシュしています。
そのときにクラス書き出し設定と一緒にスーパークラスを設定できるので、予めASを書いておいて、
素材に継承してもらうっていうやり方ですね。
これもケースバイケースかとは思いますが、@masamunet さんいわく、同じ悩みに直面した結果、今は素材として呼び出して子として扱う場面が多いとか。参考になりました。

酒と肉と夜景とFlash

今回の懇親会がめちゃいい感じの屋内バーベキュー？屋さんで
カップルで窓辺に向かって肉やきながらキャッキャウフフできるようなところに
Web好きなボーイズ＆ガールズがなだれ込むという素敵な光景でした。
みなさんの熱い（変態的な？）志を聞くだけでもモチベーションあがりますよね。
勉強会とかちょっと・・って人は懇親会だけでも参加するとおもしろいと思うよ！いろんな話聴けちゃうよ！

で、Progression4だとどうすんのかなーってところで、
ちょこちょこサンプルはあったけど、最小構成のサンプルということで。

読み込む swf （サンプルでは”elements.swf”）は、ライブラリにてクラス名”Mc_a”としてリンケージ書き出しだけしてます。
AS3自体の基本的なやり方としては大重さんの下記記事が超絶わかりやすい。
大重美幸の「これ見落としてませんか？　ActionScript 3.0」
第2回 外部 swf ファイルのシンボルを利用する

んで、てきとうな Scene クラスの、 atSceneInit や atSceneLoad で

			addCommand(
				new LoadSWF(new URLRequest("elements.swf"), null,
					{
						onComplete:function():void
						{
							var ld:Loader = this.loader;
							var domain:ApplicationDomain = ld.contentLoaderInfo.applicationDomain;
							var Mc:Class = domain.getDefinition("Mc_a") as Class;
							mc = new Mc();
							manager.root.container.addChild(mc);
						}
					}
				)
			);

ハマったのは、 Loader とるとことか AppricationDomain とかのところ。
まだいまいち、 それぞれの this とか、処理の順番つかみきれてない感じ。

Flash IDE（CS3から？）で制作してる時で、さらに StageScaleMode.NO_SCALE と設定してるとき、
ムービープレビューすると、stage.stageHeight がうまく取れないときがあった。
これはプレビュー表示の Flash Player の状態から影響を受けていた模様。

通常は、こんな感じ。
（ステージを300*200、テキストフィールドをstageHeightを使って中央配置）

ちゃんと 200 取れてるし、中央にきてる。

プロファイラを表示させてると、こうなる。

取得した値は 100 となってしまって、中央配置もずれてる。

また、ステージが極端に小さいと、ウィンドウのメニューバーが折り返した際も同様に取得する値が狂います。
実際、本番環境に設置してしまったり、パブリッシュしてブラウザでプレビューすれば関係ないけど、
日々のムービープレビューに悩まされていたので、すっきり！

以上、小ネタでした。

[r3422] オーバーライトっぽい挙動をするように変更
Tweener のように古いトゥイーンを停止はしませんが、新しいトゥイーンの値が優先されるようになりました

とのこと。

前回のエントリで書いた通り、これまでは Tween が動いているかチェックして、動いている場合は止めてから次の Tween を設定する必要がありました。

	if (_tw_A != null)
	{
		_tw_A.stop();
	}

こんな感じで。それがなくて済むので、ロールオーバーボタンなんかはやっぱずいぶん楽になると思います。
ただ、上に書いた通り、「新しいトゥイーンが優先される」だけなので、この点だけ気をつけないといけないですね！

円の図形にロールオーバーとアウトを繰り返すと、別々にイベントを取れているのが確認できるかと思います。