まず、基本的な手順はすべて完結かつ丁寧にこちらで説明されています。
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最後のメモ。

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 とかってのがあるみたいです。
そのへんはまた今度。

結局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にバイト配列を渡して一件落着でした。
そんなやり方してたらあかんよ！とかツッコミ絶賛募集中です。

で、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 とか、処理の順番つかみきれてない感じ。

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

とのこと。

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

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

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

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

まずはゲットするとこから

なぜかこのページになかなかたどり着けませんでした（笑）

BetweenAS3 Alpha r3022 出来たよ | BeInteractive!

↑から落として、Tips＆ドキュメントは以下に。

BetweenAS3使い方、Tweenerからの乗り換えのために。 « Fountain
導入Tips。よくまとまってます。

BetweenAS3/en – Spark project
最初、英語に嫌悪感を抱いて読み飛ばしてましたが、実は一通り機能紹介。
Google先生に翻訳してもらったら逆に破壊的な文章に・・・

BetweenAS3 Transition cheat sheet | 水玉製作所
イージング表です。名前もろくに覚えられないので助かります。

BetweenAS3を使ってカスタムイージングの始まりと終わりに別のイージング関数を指定する方法 | ClockMaker Blog
こちらは機能拡張ですが、イージングのカスタマイズが簡単にできちゃうすぐれもの！
IObjectTween は使えない？っぽいです。（知識不足だったらすみません）

BeInteractive! [Wonderfl で BetweenAS3 (Alpha) が試せます]
で、ワンダフルにこんなにチュートリアルがあるのを今発見・・・orz・・

居なくなって気づいた Overwrite の大切さ（ていうか甘えてた自分）

2010/2/18追記
overwriteが実装された模様！

で、Tweener をこれまで使ってたのもあって、Overwrite 機能の有無というところでしっかりつまづきました。
特に、マウスイベントなんか使うと、割とブチ当たるかと思うんですが、同じオブジェクトに Tween の命令が重複しちゃうときに期待した動きになってくれません。

private var _tw:ITween;

function onMouseOverHandler(e:MouseEvent):void
{
		_tw= BetweenAS3.tween(mc, { x:100 }, null,1,Sine.easeOut);
		_tw.play();
}

function onMouseOutHandler(e:MouseEvent):void
{
		_tw= BetweenAS3.tween(mc, { x:0 }, null,1,Sine.easeOut);
		_tw.play();
}

作者さんがそのあたり説明してくださってたので、なるほど納得だったのですが、単純なボタンのロールオーバーを使い回したいときってありますよね？？その解決策がみつからず・・ボタンの数だけ変数を増やすという残念な対応に落ち着きました。数が少なかったのでインスタンス名で振り分けて、ひとつの関数にまとめましたがあんまり意味がない感じになってます。こういうときサラサラっとまとめられるようになりたいなぁ・・・

function onMouseOverHandler(e:MouseEvent):void
{
	switch(e.target.name)
	{
		case "instans_nameA":
			if (_tw_A != null)
			{
				_tw_A.stop();
			}
			_tw_A = BetweenAS3.tween(mc, { x:100 }, null,1,Sine.easeOut);
			_tw_A.play();
			break;
		case "instans_nameB":
			if(_tw_B != null)
			{
				_tw_B.stop();
			}
			_tw_B = BetweenAS3.tween(mc, { x:200 }, null,1,Sine.easeOut);
			_tw_B.play();
			break;
	}
}

function onMouseOutHandler(e:MouseEvent):void
{
	switch(e.target.name)
	{
		case "instans_nameA":
			if (_tw_A != null)
			{
				_tw_A.stop();
			}
			_tw_A = BetweenAS3.tween(mc, { x:0 }, null,1,Sine.easeOut);
			_tw_A.play();
			break;
		case "instans_nameB":
			if(_tw_B != null)
			{
				_tw_B.stop();
			}
			_tw_B = BetweenAS3.tween(mc, { x:0 }, null,1,Sine.easeOut);
			_tw_B.play();
			break;
	}
}

それでも、噂通りいい感じですよ！先生！

ハマったとこから書いておいてなんですが、個人のBetweenAS3 の感想としては、すっきり！わかりやすい！いじりやすい！というところで、慣れれば細かい Tween の調整、とくに組み替えたりするときは、BetweenAS3 は柔軟で、用意されてるメソッドも覚えやすいです。私のようなガッツリ文系脳でも楽しく Tween 作れますね！引き続きいろいろ試してみようと思います。

うまい具合にスタイルの当たった表示を実現できるWPプラグイン、

SyntaxhigHlighter Evolved ってのがあります。（似たようなのもいっぱいあるみたい。）

これを導入するにあたって下調べすると、結構でてくるのが AS3 への対応方法。

デフォルトじゃ対応されてないですか・・そうですか・・ってことで調べまくってたんですが、

いざプラグインをインストールしてみると、現状は AS3 もしっかり対応されてるみたいです。

SyntaxHighlighter:Brushes

こんな感じに。

package {
    import flash.display.Sprite;
    public class DrawCircle extends Sprite {
        public function DrawCircle() {
            // 日本語も大丈夫
            for(var i:int = 0; i < 100; i++){
            graphics.lineStyle(0.5,0x0000FF*(i*0x0000FF),1);
            graphics.drawCircle(200+i,50*(i/20),10+(i*3));
            }
        }
    }
}

shin 1×1 さんに背中を押していただいて、発表もさせていただきました！

発表デビューです！

いやー、緊張しましたけど、準備期間も含めて、いい経験になりました。

ネタは、「インタラクティブな広告が気になる！サイネージとかARとか」ということで、

現実拡張な広告＆作品数点の紹介⇒FlashでARのデモ　てな内容でさせてもらいました。

発表資料

デモは自前の部分がすくないですけど・・・

FLARToolKit のFLARToolKit スタータキット へ、

wonderfl に投稿されてた、clockmakerさんの[PV3D] Xmas Tree を移したものを使わせてもらいました。

（って、キラキラがいまいち再現できてないのが気になりますけど。誰か教えてください・・）

>>ソース一式はこちら

スライドは、Progression の拡張ライブラリ、Slides をつかってみましたー。

時間なくてそっけない感じですが、Flashでつくれますし、凝ったものもできそう。

>>スライド

感想

エンジニアさん率が高いかなーと思ってたイベントですが、（実際は半分から６割くらい？）

セッション自体もバリエーションに富んでて楽しめました。

（まあ、技術的な話に紛れ込んだときは宇宙語と戦ってる感じでしたが・・）

んで、最後の交流会や懇親会ではいろんな方にお話聞けてよかったです。

今まで、懇親会みたいな集まりまで参加することなかったですが、出てみるもんだなーと。

関連リンク

関西アンカンファレンスセッション一覧 – backyard of 伊勢的新常識

関西アンカンファレンスを開催しました＆運営してわかったこと – Shin x blog

関西アンカンファレンスをやってみての感想まとめ – 頭ん中