さむーい

<h3>CUI での apollo 開発</h3>
<p>だいたい apollo の開発方法解ってきた。環境は Linux で開発、コンパイル、パッケージング、windows でデバッグ。</p>
<p>まずコンパイルで楽するために fcwrap で -a オプション追加した(rev17)のでアポロケーションの場合は fcsh の mxmlc のオプションで自動でアレコレするのと、アプリ名-app.xml が無かったら自動でテンプレからそれっぽいのを作成してくれる。のでそれを adl に食わせれば普通に動くように。</p>
<p>apollo での debug は普通に trace() で flash player と同じ mm.cfg の flash_log にはかれるのでそれを tail。console.log にはきたーい…。flash_log ってファイル切り詰めるからいまいち綺麗に tail されないんだよなー。</p>
<p>次に .mxml を使わない開発だけど、いままでの swf だと メインとなる DisplayObjectContainer の子クラスの Foo.as 一つあればできたけど、最低基本三つ用意する。名前はお好きに。</p>
<ul>
<li>メインとなるクラス
<ul>
<li>FooMain.as</li>
</ul>
</li>
<li>NativeWindow を継承するクラス
<ul>
<li>FooWindow.as</li>
</ul>
</li>
<li>window 上で描画してあれこれするクラス(Sprite 継承らへんが無難)
<ul>
<li>Foo.as</li>
</ul>
</li>
</ul>
<p>で、FooMain.as で Shell.shell の INVOKE イベントにイベント登録して処理開始。サンプル見ると大抵そこで NativeWindow を継承したクラスを new してコンストラクタでアレコレ処理してる。んで NativeWindow が close で閉じられたら終了する。</p>
<h4>追記</h4>
<blockquote>
<p>nitoyon 『Apollo 開発ですが、DisplayObjectContainer の子クラス Foo.as １つでいけました。ContextMenu も問題く使えます。</p>
<p>サンプルで回りくどいことして NativeWindow を使ってるのは、リサイズイベントをハンドルするためなんだと思います。』</p>
</blockquote>
<p>とのことで、別に NativeWindow 使わなくても良いそうです。</p>
<p>追記おわり</p>
<p>というわけで以前作った HidamariCircle.swf を apollo に移植してみる。</p>
<ul>
<li>HidamariCircleMain.as</li>
<li>HidamariCircleWindow.as</li>
<li>HidamariCircle.as (以前のファイル)</li>
</ul>
<h4>まず問題点</h4>
<p>HidamariCircle.as はコンストラクタで ENTER_FRAME 処理を始めてしまってる。んで内部で stage を参照しているため、HidamariCircleWindow でインスタンスを作ったとたんに stage アクセス→null なためエラーで死ぬ。なのでコンストラクタを start 関数へと移動。これで</p>
<pre><code>var hidamariCircle:HidamariCircle = new HidamariCircle(); // 死なない
stage.addChild(hidamariCircle);
hidamariCircle.start();
</code></pre>
<p>とすることで回避。他はほぼコードまんまで動いた。Apollo でも一行も変更無く動くような設計で作るのはすぐできそう。あとクライアントの環境は flash.system.Capabilities で、ってこれは普通に flash player の API か。なので全画面アプリなんかは NativeWindow の継承クラスで</p>
<pre><code>this.x = 0;
  this.y = 0;
  this.width = Capabilities.screenResolutionX;
  this.height = Capabilities.screenResolutionY;
</code></pre>
<p>とかとか。ただこれはプライマリディスプレイの環境なのでデュアルとかのディスプレイの場合はどうすればいいのかは不明。</p>
<p>adl.exe の起動がめんどい。</p>
<pre><code>C:\Documents and Settings\gorou\デスクトップ\apollo_sdk_alpha1_031907\bin>adl.ex
e z:\public_html\flex2\Test\apollo\HidamariCircle\HidamariCircleMain-app.xml z:\
public_html\flex2\Test\apollo\HidamariCircle
</code></pre>
<p>しかも cmd.exe だとイラっとくるので代替シェルつかうかなー。windows で全部開発してれば fcwrap 拡張するけど…。ruby で xml 見張って swf が更新されたらプロセス起動し直すスクリプト書いた方が早そう。</p>
<p>最後に .air 化して終了。adl.exe の起動以外はぜんぶ Linux でできるんだよなー。</p>
<p><a href="http://rails2u.com/misc/swf/HidamariCircle.air">http://rails2u.com/misc/swf/HidamariCircle.air</a> (環境によっては超重いというウワサ)</p>
<p><a href="http://f.hatena.ne.jp/secondlife/20070320230618"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/s/secondlife/20070320/20070320230618.png" alt="f:id:secondlife:20070320230618p:image" title="f:id:secondlife:20070320230618p:image"></a></p>
<p>以下ソース</p>
<p>他のファイルは <a href="http://lab.rails2u.com/swf/hidamari_circle">http://lab.rails2u.com/swf/hidamari_circle</a> の zip にだいたい。</p>
<h4>HidamariCircleMain.as</h4>
<pre><code>package
{
    import flash.display.Sprite;
    import flash.system.Shell;
    import flash.events.InvokeEvent;

    public class HidamariCircleMain extends Sprite
    {
        public function HidamariCircleMain()
        {
            Shell.shell.addEventListener(InvokeEvent.INVOKE, onInvoke);
        }

        private function onInvoke(e:InvokeEvent):void
        {
            new HidamariCircleWindow();
            stage.window.close();
        }
    }
}
</code></pre>
<h4>HidamariCircleWindow.as</h4>
<p>import が適当だ</p>
<pre><code>package {
    import flash.events.MouseEvent;
    import flash.display.StageAlign;
    import flash.display.NativeWindow;
    import flash.display.StageScaleMode;
    import flash.display.StageAlign;
    import flash.display.*;
    import flash.system.Capabilities;
    import rails2u.debug.PerformanceViewer;
    import flash.ui.ContextMenu;
    import flash.ui.ContextMenuItem;
    import flash.events.ContextMenuEvent;

    public class HidamariCircleWindow extends NativeWindow {
        private var pv:PerformanceViewer;

        function HidamariCircleWindow()
        {
            var winArgs:NativeWindowInitOptions = new NativeWindowInitOptions();
            winArgs.systemChrome = NativeWindowSystemChrome.NONE;
            // 背景透過
            winArgs.transparent = true;
            super(false, winArgs);

            this.x = 0;
            this.y = 0;
            this.width = Capabilities.screenResolutionX;
            this.height = Capabilities.screenResolutionY;

            var hidamariCircle:HidamariCircle = new HidamariCircle();
            // 薄いレイヤーを重ねてる
            hidamariCircle.graphics.clear();
            hidamariCircle.graphics.beginFill(0xCEF7FE, 0.2);
            hidamariCircle.graphics.drawRect(0, 0, this.width, this.height);
            hidamariCircle.graphics.endFill();
            stage.addChild(hidamariCircle);

            // コンテキストメニュー
            stage.showDefaultContextMenu = true;
            var cm:ContextMenu = new ContextMenu();

            var closeWindowMenu:ContextMenuItem = new ContextMenuItem("close");
            closeWindowMenu.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, onCloseMenu);

            var showPerformanceMenu:ContextMenuItem = new ContextMenuItem("show performance");
            showPerformanceMenu.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, onShowPerformance);

            cm.customItems.push(closeWindowMenu);
            cm.customItems.push(showPerformanceMenu);
            hidamariCircle.contextMenu = cm;


            stage.align = StageAlign.TOP_LEFT;
            stage.scaleMode = StageScaleMode.NO_SCALE;

            pv = new PerformanceViewer(this.stage);

            visible = true;
            hidamariCircle.start(); // アニメーション開始
        }

        private function onCloseMenu(e:ContextMenuEvent):void {
            this.close(); // NativeWindow を閉じる
        }

        private function onShowPerformance(e:ContextMenuEvent):void {
            pv.toggle();
        }
    }
}
</code></pre>
<h4>HidamariCircleMain-app.xml</h4>
<p>適当</p>
<pre><code>Hidamari Circle
    Hidamari Sketch ED like circle animation.
    Yuichi Tateno
    2007
  

  HidamariCircleMain.swf
</code></pre>
<h3>apollo.chm</h3>
<p>でけた。一度ミスって作って作り直し。html パースして index 作るのに必要情報抜き出すだけで20分ぐらいかかって、その後 chm のコンパイルに10分弱ぐらいかかるのに＞＜…。</p>
<p>例によって配布したらまずそうなのでアレ。んー、大元のFile.html とか JS エラーになるな。</p>
<p>またミスってた、トホホ。asdoc2chm をもっとまともに作った方がよさそう。。</p>
<h3>Embed 埋め込み ttf フォントでアンチエイリアスをオフりたい</h3>
<p>できねー。CSMSetting でカットオフ値絞っても適用されないし。うーん。</p>
<h3>public final dynamic class Date</h3>
<p>なんで final 宣言してるの＞＜＞＜。プリミティブぽいデータを内部でもつ組み込みオブジェクトは final 制限してるのかなー。</p>
<h3>ActiveSupport の拡張 Time オブジェクト</h3>
<p>誰か as3 にいしょくしｔ。もしくは一緒にペアプロでTDDしながら作ってくれる人募集(一人だとモチベーションわかない)。</p>
<h3>f部</h3>
<blockquote>
<p>サムネイル要る子はいねがぁ？</p>
</blockquote>
<p>要るいる！といっても常用しているわけではないので、メンテナンスコストかかるとかコードリファクタリング必要で面倒とか、ちょっとでも大変そうならいいです！</p>
<h3>flash.display.NativeWindow</h3>
<p>の visible プロパティがデフォルトだと false なのはハマるだろ！この先もハマりそう。</p>
<p>ちげーよ、自分で rootContent で明示的に visible 指定してるからだろ！</p>
<blockquote>
<p>By default, visible is set to true. To create a window in an invisible state, set the visible parameter passed to the window constructor to false.</p>
</blockquote>
<h3>rails-1.2.3.chm</h3>
<p><a href="http://rails2u.com/htmlhelp/rails/">http://rails2u.com/htmlhelp/rails/</a></p>
<p>児玉さんに作れモルァーと云われたので作った。すべて自動生成したい。いまは svn co してスクリプト走らせて scp してとかやっててちょっとめんどい。</p>
<h3>apollo docs</h3>
<p><a href="http://www.adobe.com/go/apollo_p1_docs">http://www.adobe.com/go/apollo_p1_docs</a></p>
<p>memomemo. thx typoster!</p>
<h3>fcwrap -c '+configname=apollo'</h3>
<p>ふつうにいけるな。んー。adl で自動起動と、*-app.xml が無かったら最小なコンフィグを自動生成してするオプションでもつけるかな。afcwrap。</p>
<h3>ピニャータ</h3>
<p>一つだけ大きな不満があるとしたら、なんでフォントが DFPPOP 体なんだよ！！！あのフォントは許せない…。おっさん的イメージ。</p>
<h3>u</h3>
<p>nk</p>

CUI での apollo 開発だいたい apollo の開発方法解ってきた。環境は Linux で開発、コンパイル、パッケージング、windows でデバッグ。まずコンパイルで楽するために fcwrap で -a オプション追加した(rev17)のでアポロケーションの場合は fcsh の mxmlc のオプションで自動でアレコレするのと、アプリ名-app.xml が無かったら自動でテンプレからそれっぽいのを作成してくれる。のでそれを adl に食わせれば普通に動くように。apollo での debug は普通に trace() で flash player と同じ mm.cfg の flash_log にはかれるのでそれを tail。console.log にはきたーい…。flash_log ってファイル切り詰めるからいまいち綺麗に tail されないんだよなー。次に .mxml を使わ

CUI での apollo 開発だいたい apollo の開発方法解ってきた。環境は Linux で開発、コンパイル、パッケージング、windows でデバッグ。まずコンパイルで楽するために fcwrap で -a オプション追加した(rev17)のでアポロケーションの場合は fcsh の mxmlc のオプションで自動でアレコレするのと、アプリ名-app.xml が無かったら自動でテンプレからそれっぽいのを作成してくれる。のでそれを adl に食わせれば普通に動くように。apollo での debug は普通に trace() で flash player と同じ mm.cfg の flash_log にはかれるのでそれを tail。console.log にはきたーい…。flash_log ってファイル切り詰めるからいまいち綺麗に tail されないんだよなー。次に .mxml を使わない開発だけど、いままでの swf だと メインとなる DisplayObjectContainer の子クラスの Foo.as 一つあればできたけど、最低基本三つ用意する。名前はお好きに。メインとなるクラスFooMain.asNativeWindow を継承するクラスFooWindow.aswindow 上で描画してあれこれするクラス(Sprite 継承らへんが無難)Foo.asで、FooMain.as で Shell.shell の INVOKE イベントにイベント登録して処理開始。サンプル見ると大抵そこで NativeWindow を継承したクラスを new してコンストラクタでアレコレ処理してる。んで NativeWindow が close で閉じられたら終了する。追記nitoyon 『Apollo 開発ですが、DisplayObjectContainer の子クラス Foo.as １つでいけました。ContextMenu も問題く使えます。サンプルで回りくどいことして NativeWindow を使ってるのは、リサイズイベントをハンドルするためなんだと思います。』とのことで、別に NativeWindow 使わなくても良いそうです。追記おわりというわけで以前作った HidamariCircle.swf を apollo に移植してみる。HidamariCircleMain.asHidamariCircleWindow.asHidamariCircle.as (以前のファイル)まず問題点HidamariCircle.as はコンストラクタで ENTER_FRAME 処理を始めてしまってる。んで内部で stage を参照しているため、HidamariCircleWindow でインスタンスを作ったとたんに stage アクセス→null なためエラーで死ぬ。なのでコンストラクタを start 関数へと移動。これでvar hidamariCircle:HidamariCircle = new HidamariCircle(); // 死なない
stage.addChild(hidamariCircle);
hidamariCircle.start();とすることで回避。他はほぼコードまんまで動いた。Apollo でも一行も変更無く動くような設計で作るのはすぐできそう。あとクライアントの環境は flash.system.Capabilities で、ってこれは普通に flash player の API か。なので全画面アプリなんかは NativeWindow の継承クラスでthis.x = 0;
  this.y = 0;
  this.width = Capabilities.screenResolutionX;
  this.height = Capabilities.screenResolutionY;とかとか。ただこれはプライマリディスプレイの環境なのでデュアルとかのディスプレイの場合はどうすればいいのかは不明。adl.exe の起動がめんどい。C:\Documents and Settings\gorou\デスクトップ\apollo_sdk_alpha1_031907\bin>adl.ex
e z:\public_html\flex2\Test\apollo\HidamariCircle\HidamariCircleMain-app.xml z:\
public_html\flex2\Test\apollo\HidamariCircleしかも cmd.exe だとイラっとくるので代替シェルつかうかなー。windows で全部開発してれば fcwrap 拡張するけど…。ruby で xml 見張って swf が更新されたらプロセス起動し直すスクリプト書いた方が早そう。最後に .air 化して終了。adl.exe の起動以外はぜんぶ Linux でできるんだよなー。http://rails2u.com/misc/swf/HidamariCircle.air (環境によっては超重いというウワサ)f:id:secondlife:20070320230618p:image以下ソース他のファイルは http://lab.rails2u.com/swf/hidamari_circle の zip にだいたい。HidamariCircleMain.aspackage
{
    import flash.display.Sprite;
    import flash.system.Shell;
    import flash.events.InvokeEvent;

    public class HidamariCircleMain extends Sprite
    {
        public function HidamariCircleMain()
        {
            Shell.shell.addEventListener(InvokeEvent.INVOKE, onInvoke);
        }

        private function onInvoke(e:InvokeEvent):void
        {
            new HidamariCircleWindow();
            stage.window.close();
        }
    }
}HidamariCircleWindow.asimport が適当だpackage {
    import flash.events.MouseEvent;
    import flash.display.StageAlign;
    import flash.display.NativeWindow;
    import flash.display.StageScaleMode;
    import flash.display.StageAlign;
    import flash.display.*;
    import flash.system.Capabilities;
    import rails2u.debug.PerformanceViewer;
    import flash.ui.ContextMenu;
    import flash.ui.ContextMenuItem;
    import flash.events.ContextMenuEvent;

    public class HidamariCircleWindow extends NativeWindow {
        private var pv:PerformanceViewer;

        function HidamariCircleWindow()
        {
            var winArgs:NativeWindowInitOptions = new NativeWindowInitOptions();
            winArgs.systemChrome = NativeWindowSystemChrome.NONE;
            // 背景透過
            winArgs.transparent = true;
            super(false, winArgs);

            this.x = 0;
            this.y = 0;
            this.width = Capabilities.screenResolutionX;
            this.height = Capabilities.screenResolutionY;

            var hidamariCircle:HidamariCircle = new HidamariCircle();
            // 薄いレイヤーを重ねてる
            hidamariCircle.graphics.clear();
            hidamariCircle.graphics.beginFill(0xCEF7FE, 0.2);
            hidamariCircle.graphics.drawRect(0, 0, this.width, this.height);
            hidamariCircle.graphics.endFill();
            stage.addChild(hidamariCircle);

            // コンテキストメニュー
            stage.showDefaultContextMenu = true;
            var cm:ContextMenu = new ContextMenu();

            var closeWindowMenu:ContextMenuItem = new ContextMenuItem("close");
            closeWindowMenu.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, onCloseMenu);

            var showPerformanceMenu:ContextMenuItem = new ContextMenuItem("show performance");
            showPerformanceMenu.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, onShowPerformance);

            cm.customItems.push(closeWindowMenu);
            cm.customItems.push(showPerformanceMenu);
            hidamariCircle.contextMenu = cm;


            stage.align = StageAlign.TOP_LEFT;
            stage.scaleMode = StageScaleMode.NO_SCALE;

            pv = new PerformanceViewer(this.stage);

            visible = true;
            hidamariCircle.start(); // アニメーション開始
        }

        private function onCloseMenu(e:ContextMenuEvent):void {
            this.close(); // NativeWindow を閉じる
        }

        private function onShowPerformance(e:ContextMenuEvent):void {
            pv.toggle();
        }
    }
}HidamariCircleMain-app.xml適当Hidamari Circle
    Hidamari Sketch ED like circle animation.
    Yuichi Tateno
    2007
  

  HidamariCircleMain.swfapollo.chmでけた。一度ミスって作って作り直し。html パースして index 作るのに必要情報抜き出すだけで20分ぐらいかかって、その後 chm のコンパイルに10分弱ぐらいかかるのに＞＜…。例によって配布したらまずそうなのでアレ。んー、大元のFile.html とか JS エラーになるな。またミスってた、トホホ。asdoc2chm をもっとまともに作った方がよさそう。。Embed 埋め込み ttf フォントでアンチエイリアスをオフりたいできねー。CSMSetting でカットオフ値絞っても適用されないし。うーん。public final dynamic class Dateなんで final 宣言してるの＞＜＞＜。プリミティブぽいデータを内部でもつ組み込みオブジェクトは final 制限してるのかなー。ActiveSupport の拡張 Time オブジェクト誰か as3 にいしょくしｔ。もしくは一緒にペアプロでTDDしながら作ってくれる人募集(一人だとモチベーションわかない)。f部サムネイル要る子はいねがぁ？要るいる！といっても常用しているわけではないので、メンテナンスコストかかるとかコードリファクタリング必要で面倒とか、ちょっとでも大変そうならいいです！flash.display.NativeWindowの visible プロパティがデフォルトだと false なのはハマるだろ！この先もハマりそう。ちげーよ、自分で rootContent で明示的に visible 指定してるからだろ！By default, visible is set to true. To create a window in an invisible state, set the visible parameter passed to the window constructor to false.rails-1.2.3.chmhttp://rails2u.com/htmlhelp/rails/児玉さんに作れモルァーと云われたので作った。すべて自動生成したい。いまは svn co してスクリプト走らせて scp してとかやっててちょっとめんどい。apollo docshttp://www.adobe.com/go/apollo_p1_docsmemomemo. thx typoster!fcwrap -c '+configname=apollo'ふつうにいけるな。んー。adl で自動起動と、*-app.xml が無かったら最小なコンフィグを自動生成してするオプションでもつけるかな。afcwrap。ピニャータ一つだけ大きな不満があるとしたら、なんでフォントが DFPPOP 体なんだよ！！！あのフォントは許せない…。おっさん的イメージ。unk

2007-03-20

<h3>明日の資料</h3>
<p>とりあえずできた。テキストだけだけど。</p>
<p>もっとグラフィカルな表現をしたい。PowerPoint? KeyNote? いやたぶんそういうツールだけじゃなく、もっと、こう。角谷さんや上津さんのプレゼンには心が引きつけられる。首っ丈になれる。あんなプレゼンがいつかはしたい。二人に共通するところは何だろう。子供。映画。サブカル。Java。</p>
<h3>AS3 で FlashProxy</h3>
<p>んー。いろいろと制約が多すぎて使いやすいのは無理ぽ。</p>
<p>Flash のインスタンスを取得しても、呼びたいメソッドが組み込みじゃないことが多すぎる。flash player api は呼ぶのが面倒。たとえばブラジーの例では Sound のインスタンスを作ってロードして play、というのができるけど AS3 だと Sound のインスタンスを作っても、URLをロードするのに今度は URLLoader のインスタンスが必要となる。マッピングがめんどい。。</p>
<p>また ExternalInterface 使った FlashProxy の有効活用例として、crypto のライブラリが corelib として提供されているのでそれを JS からプロキシって使うと割と便利じゃ、と思ったのだけどこれも微妙。</p>
<p><a href="http://weblogs.thekeunster.com/?p=10">http://weblogs.thekeunster.com/?p=10</a></p>
<p>で書かれてるのだけど、組み込みの flash player api 以外のクラスを import 文で読み込んで、getDefinitionByName で Class オブジェクトを取得したとしても、それを利用できない。これは理由としては</p>
<p><a href="http://subtech.g.hatena.ne.jp/secondlife/20070322/1174557284">http://subtech.g.hatena.ne.jp/secondlife/20070322/1174557284</a></p>
<p>で書いているけど、</p>
<blockquote>
<p>クラスを読み込んだだけでアプリケーション内で使用していない場合、そのクラスは結果の SWF ファイルのバイトコードには含められません。</p>
</blockquote>
<p>つまり getDefinitionByName では実行時にクラスが判別するため、コンパイル時にはアプリケーション内で利用してないと判別され、swf に組み込めない。これはコンパイルオプションかなんかで回避できるのかなー。無理矢理回避する方法として、</p>
<pre><code>var _undefineVar:MD5;

public function example():void {
  var className:String = 'com.adobe.crypto.MD5';
  this.target = new (Class(getDefinitionByName(className)));
...
</code></pre>
<p>みたいに undefined でいいので記述しておくとかいう回避策が必要でアホっぽい。</p>
<p>というわけで、汎用的に使う FlashProxy でいい実装が思い浮かばないのでした。ただ flash player 組み込みAPIの static なメソッド呼ぶ用途では使うことがあるかも、と思ったので corelib の crypto を組み込んだ as/js ソースを公開してみる。使う人は居なさそうだけど、、、。</p>
<p>これを使うと</p>
<pre><code>new FlashProxy3('com.adobe.crypto.MD5', {
    onComplete: function() {
      console.log('MD5:' + this.hash('example'));
    }
});

new FlashProxy3('com.adobe.crypto.SHA1', {
    onComplete: function() {
      console.log('SHA1:' + this.hash('example'));
      console.log('SHA1 base64:' + this.hashToBase64('example'));
    }
});

new FlashProxy3('com.adobe.crypto.WSSEUsernameToken', {
    onComplete: function() {
      console.log('WSSEUsernameToken:' + this.getUsernameToken('user', 'pass', 'foo', new Date()));
    }
});
</code></pre>
<p>で、</p>
<pre><code>MD5:1a79a4d60de6718e8e5b326e338ae533
SHA1:c3499c2729730a7f807efb8676a92dcb6f8a3f8f
SHA1 base64:w0mcJylzCn+AfvuGdqkty2+KP48=
WSSEUsernameToken:UsernameToken Username="user", PasswordDigest="CbEokEddO4P7dw3uy4Wp0OiuIDM=", Nonce="Zm9v", Created="2007-03-22T22:57:31Z"
</code></pre>
<p>みたいな結果を取得できる。</p>
<p>以下ソース。</p>
<p>FlashProxy3.as</p>
<pre><code>package {
    import flash.external.ExternalInterface;
    import flash.display.Sprite;
    import flash.display.LoaderInfo;
    import flash.utils.getDefinitionByName;
    import flash.utils.describeType;
    import Class;

    import com.adobe.crypto.*;

    public class FlashProxy3 extends Sprite {
        private var target:Class;

        public function FlashProxy3() {
            // corelib crypto.* classes
            com.adobe.crypto.MD5;
            com.adobe.crypto.SHA1;
            com.adobe.crypto.WSSEUsernameToken;

            this.target = Class(getDefinitionByName(params.className));

            ExternalInterface.addCallback("methods", methods);
            ExternalInterface.addCallback("dispatch", dispatch);
            ExternalInterface.addCallback("addListener", addListener);
            ExternalInterface.call("FlashProxy3.loadComplete", params.id);
        }

        private function methods():Array {
            var t:XML = describeType(this.target);
            var methods:Array = [];
            for each (var m:XML in t.method) {
                if (m.@declaredBy == t.@name) {
                    methods.push(String(m.@name));
                }
            }
            return methods;
        }

        private function dispatch(prop:String, args:Array):Object {
            var obj:Object = this.target[prop];
            if (obj is Function) {
                return obj.apply(this.target, args);
            }
            return obj;
        }

        private function addListener(event:String):void {
            this.target.addEventListener(event, function(... args):void {
                ExternalInterface.call("FlashProxy3.onTrigger", params.id, event, args);
            });
        }

        private function get params():Object {
            return this.root.loaderInfo.parameters;
        }
    }
}
</code></pre>
<p>flash_proxy3.js</p>
<pre><code>function FlashProxy3(className, options){
    if (options) {
        if (options.onComplete) {
            this.onComplete = options.onComplete;
        }
    }
    var swfLocation = FlashProxy3.options.swfLocation;

    var uid = FlashProxy3.getUid();
    FlashProxy3.instances[uid] = this;

    var tag = [];
    tag.push(');
    tag.push(' id="' + uid+ '"');
    tag.push(' align="middle">');
    tag.push(''" />');
    tag.push('');
    tag.push('');
    tag.push(''&#x26;className=' + className + '"/>');
    tag.push('');
    tag.push(''" FlashVars="id=' + uid + '&#x26;className=' + className + '"');
    tag.push(' allowScriptAccess="always" quality="high" bgcolor="#ffffff" width="0" height="0"');
    tag.push(' name="' + uid + '" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
    tag.push('');

    var div = document.createElement("div");
    document.body.appendChild(div);
    div.innerHTML = tag.join("");

    this.flash = document.all ? window[uid] : document[uid];

}

FlashProxy3.getUid = function() {
    var now = new Date();
    var uid = "id_" + now.getTime() + now.getMilliseconds();
    if (FlashProxy3.instances[uid]) {
        return FlashProxy3.getUid();
    }
    return uid;
}

FlashProxy3.instances = {};
FlashProxy3.options = {};
FlashProxy3.options.swfLocation = "FlashProxy3.swf";

FlashProxy3.prototype.dispatch = function(prop, args){
    return this.flash.dispatch(prop, args);
}

FlashProxy3.loadComplete = function(uid) {
    var flash_proxy = FlashProxy3.instances[uid];
    var flash = flash_proxy.flash;

    var methods = flash_proxy['flash'].methods();
    for(var i = 0; i &#x3C; methods.length; i++ ){
      flash_proxy[methods[i]] = (function(prop){
          return function(){
              return flash.dispatch(prop, Array.prototype.slice.call(arguments))
          }
      })(methods[i]);
    }

    if (flash_proxy.onComplete)
        flash_proxy.onComplete.apply(flash_proxy);
}

FlashProxy3.prototype.addListener = function(event, func){
    this[event] = func;
    this.flash.addListener(event);
}

FlashProxy3.onTrigger = function(uid, event){
    FlashProxy.instances[uid][event](Array.prototype.slice.call(arguments, 2));
}
</code></pre>
<h3>brazil 産の FlashProxy</h3>
<p>なるほどねぇ。js/flash のイベントの相互追加あたりうまくかんがえてるなー。でもこれだと FlashProxy のインスタンス作った後即座にメソッド呼び出しすると swf がロードされて無くてそれでも ExternalInterface のメソッド呼んでエラーになることが無いかな？</p>
<h3>import package.*</h3>
<p>おー。別に flash.display.* や flash.utils.* はワイルドカードで読み込んでも良い気がしてきた(めんどくさいし)。コンパイル時に時間が多少増えるのと、意図しないクラスを使ってもエラーにならない、名前がバッティングする以外にデメリットってどんなのがあるのかしら。</p>
<blockquote>
<p>また、ワイルドカード文字 (*) を使用してパッケージ全体を読み込むこともできます。たとえば、次のステートメントを使用すると、MyPackage.Util パッケージ全体が読み込まれます。</p>
<pre><code>import MyPackage.Util.*;
</code></pre>
<p>読み込まれるファイルおよびパッケージはソースパス上で検索れ、最終的な SWF ファイルで使用されるもののみが組み込まれます。</p>
<p>単に完全修飾クラス名を指定するだけでは十分ではありません。完全修飾クラス名は、異なるパッケージに含まれる同じ名前のクラスを区別する場合のみ使用します。</p>
<p>クラスを読み込んだだけでアプリケーション内で使用していない場合、そのクラスは結果の SWF ファイルのバイトコードには含められません。結果として、ワイルドカードを使用してパッケージ全体を読み込んだ場合でも、必要以上に大きな SWF ファイルは作成されません。</p>
</blockquote>
<h3>flex2_createextendcomponents.pdf</h3>
<p>スルーしていたけどこれも読まないとまずそーだなぁ。メタデータの扱いとか載ってる。つーか AS3 の言語自体はわりと簡単だけど、mxmlc の .as のジェネレートの挙動とか namespace での制御とか、追っていくと BK すごそう。</p>
<p>改行覚えにくい。慣れの問題カー</p>
<h3>のどが</h3>
<p>ひさしぶりに一時間ぐらい喋ったらのどが＞＜</p>
<h3>とほつうきん</h3>
<p>朝徒歩だと仕事する前から疲れたきぶん＞＜</p>

明日の資料とりあえずできた。テキストだけだけど。もっとグラフィカルな表現をしたい。PowerPoint? KeyNote? いやたぶんそういうツールだけじゃなく、もっと、こう。角谷さんや上津さんのプレゼンには心が引きつけられる。首っ丈になれる。あんなプレゼンがいつかはしたい。二人に共通するところは何だろう。子供。映画。サブカル。Java。AS3 で FlashProxyんー。いろいろと制約が多すぎて使いやすいのは無理ぽ。Flash のインスタンスを取得しても、呼びたいメソッドが組み込みじゃないことが多すぎる。flash player api は呼ぶのが面倒。たとえばブラジーの例では Sound のインスタンスを作ってロードして play、というのができるけど AS3 だと Sound のインスタンスを作っても、URLをロードするのに今度は URLLoader のインスタンスが必要となる。マ

明日の資料とりあえずできた。テキストだけだけど。もっとグラフィカルな表現をしたい。PowerPoint? KeyNote? いやたぶんそういうツールだけじゃなく、もっと、こう。角谷さんや上津さんのプレゼンには心が引きつけられる。首っ丈になれる。あんなプレゼンがいつかはしたい。二人に共通するところは何だろう。子供。映画。サブカル。Java。AS3 で FlashProxyんー。いろいろと制約が多すぎて使いやすいのは無理ぽ。Flash のインスタンスを取得しても、呼びたいメソッドが組み込みじゃないことが多すぎる。flash player api は呼ぶのが面倒。たとえばブラジーの例では Sound のインスタンスを作ってロードして play、というのができるけど AS3 だと Sound のインスタンスを作っても、URLをロードするのに今度は URLLoader のインスタンスが必要となる。マッピングがめんどい。。また ExternalInterface 使った FlashProxy の有効活用例として、crypto のライブラリが corelib として提供されているのでそれを JS からプロキシって使うと割と便利じゃ、と思ったのだけどこれも微妙。http://weblogs.thekeunster.com/?p=10で書かれてるのだけど、組み込みの flash player api 以外のクラスを import 文で読み込んで、getDefinitionByName で Class オブジェクトを取得したとしても、それを利用できない。これは理由としてはhttp://subtech.g.hatena.ne.jp/secondlife/20070322/1174557284で書いているけど、クラスを読み込んだだけでアプリケーション内で使用していない場合、そのクラスは結果の SWF ファイルのバイトコードには含められません。つまり getDefinitionByName では実行時にクラスが判別するため、コンパイル時にはアプリケーション内で利用してないと判別され、swf に組み込めない。これはコンパイルオプションかなんかで回避できるのかなー。無理矢理回避する方法として、var _undefineVar:MD5;

public function example():void {
  var className:String = 'com.adobe.crypto.MD5';
  this.target = new (Class(getDefinitionByName(className)));
...みたいに undefined でいいので記述しておくとかいう回避策が必要でアホっぽい。というわけで、汎用的に使う FlashProxy でいい実装が思い浮かばないのでした。ただ flash player 組み込みAPIの static なメソッド呼ぶ用途では使うことがあるかも、と思ったので corelib の crypto を組み込んだ as/js ソースを公開してみる。使う人は居なさそうだけど、、、。これを使うとnew FlashProxy3('com.adobe.crypto.MD5', {
    onComplete: function() {
      console.log('MD5:' + this.hash('example'));
    }
});

new FlashProxy3('com.adobe.crypto.SHA1', {
    onComplete: function() {
      console.log('SHA1:' + this.hash('example'));
      console.log('SHA1 base64:' + this.hashToBase64('example'));
    }
});

new FlashProxy3('com.adobe.crypto.WSSEUsernameToken', {
    onComplete: function() {
      console.log('WSSEUsernameToken:' + this.getUsernameToken('user', 'pass', 'foo', new Date()));
    }
});で、MD5:1a79a4d60de6718e8e5b326e338ae533
SHA1:c3499c2729730a7f807efb8676a92dcb6f8a3f8f
SHA1 base64:w0mcJylzCn+AfvuGdqkty2+KP48=
WSSEUsernameToken:UsernameToken Username="user", PasswordDigest="CbEokEddO4P7dw3uy4Wp0OiuIDM=", Nonce="Zm9v", Created="2007-03-22T22:57:31Z"みたいな結果を取得できる。以下ソース。FlashProxy3.aspackage {
    import flash.external.ExternalInterface;
    import flash.display.Sprite;
    import flash.display.LoaderInfo;
    import flash.utils.getDefinitionByName;
    import flash.utils.describeType;
    import Class;

    import com.adobe.crypto.*;

    public class FlashProxy3 extends Sprite {
        private var target:Class;

        public function FlashProxy3() {
            // corelib crypto.* classes
            com.adobe.crypto.MD5;
            com.adobe.crypto.SHA1;
            com.adobe.crypto.WSSEUsernameToken;

            this.target = Class(getDefinitionByName(params.className));

            ExternalInterface.addCallback("methods", methods);
            ExternalInterface.addCallback("dispatch", dispatch);
            ExternalInterface.addCallback("addListener", addListener);
            ExternalInterface.call("FlashProxy3.loadComplete", params.id);
        }

        private function methods():Array {
            var t:XML = describeType(this.target);
            var methods:Array = [];
            for each (var m:XML in t.method) {
                if (m.@declaredBy == t.@name) {
                    methods.push(String(m.@name));
                }
            }
            return methods;
        }

        private function dispatch(prop:String, args:Array):Object {
            var obj:Object = this.target[prop];
            if (obj is Function) {
                return obj.apply(this.target, args);
            }
            return obj;
        }

        private function addListener(event:String):void {
            this.target.addEventListener(event, function(... args):void {
                ExternalInterface.call("FlashProxy3.onTrigger", params.id, event, args);
            });
        }

        private function get params():Object {
            return this.root.loaderInfo.parameters;
        }
    }
}flash_proxy3.jsfunction FlashProxy3(className, options){
    if (options) {
        if (options.onComplete) {
            this.onComplete = options.onComplete;
        }
    }
    var swfLocation = FlashProxy3.options.swfLocation;

    var uid = FlashProxy3.getUid();
    FlashProxy3.instances[uid] = this;

    var tag = [];
    tag.push(');
    tag.push(' id="' + uid+ '"');
    tag.push(' align="middle">');
    tag.push(''" />');
    tag.push('');
    tag.push('');
    tag.push(''&className=' + className + '"/>');
    tag.push('');
    tag.push(''" FlashVars="id=' + uid + '&className=' + className + '"');
    tag.push(' allowScriptAccess="always" quality="high" bgcolor="#ffffff" width="0" height="0"');
    tag.push(' name="' + uid + '" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
    tag.push('');

    var div = document.createElement("div");
    document.body.appendChild(div);
    div.innerHTML = tag.join("");

    this.flash = document.all ? window[uid] : document[uid];

}

FlashProxy3.getUid = function() {
    var now = new Date();
    var uid = "id_" + now.getTime() + now.getMilliseconds();
    if (FlashProxy3.instances[uid]) {
        return FlashProxy3.getUid();
    }
    return uid;
}

FlashProxy3.instances = {};
FlashProxy3.options = {};
FlashProxy3.options.swfLocation = "FlashProxy3.swf";

FlashProxy3.prototype.dispatch = function(prop, args){
    return this.flash.dispatch(prop, args);
}

FlashProxy3.loadComplete = function(uid) {
    var flash_proxy = FlashProxy3.instances[uid];
    var flash = flash_proxy.flash;

    var methods = flash_proxy['flash'].methods();
    for(var i = 0; i < methods.length; i++ ){
      flash_proxy[methods[i]] = (function(prop){
          return function(){
              return flash.dispatch(prop, Array.prototype.slice.call(arguments))
          }
      })(methods[i]);
    }

    if (flash_proxy.onComplete)
        flash_proxy.onComplete.apply(flash_proxy);
}

FlashProxy3.prototype.addListener = function(event, func){
    this[event] = func;
    this.flash.addListener(event);
}

FlashProxy3.onTrigger = function(uid, event){
    FlashProxy.instances[uid][event](Array.prototype.slice.call(arguments, 2));
}brazil 産の FlashProxyなるほどねぇ。js/flash のイベントの相互追加あたりうまくかんがえてるなー。でもこれだと FlashProxy のインスタンス作った後即座にメソッド呼び出しすると swf がロードされて無くてそれでも ExternalInterface のメソッド呼んでエラーになることが無いかな？import package.*おー。別に flash.display.* や flash.utils.* はワイルドカードで読み込んでも良い気がしてきた(めんどくさいし)。コンパイル時に時間が多少増えるのと、意図しないクラスを使ってもエラーにならない、名前がバッティングする以外にデメリットってどんなのがあるのかしら。また、ワイルドカード文字 (*) を使用してパッケージ全体を読み込むこともできます。たとえば、次のステートメントを使用すると、MyPackage.Util パッケージ全体が読み込まれます。import MyPackage.Util.*;読み込まれるファイルおよびパッケージはソースパス上で検索れ、最終的な SWF ファイルで使用されるもののみが組み込まれます。単に完全修飾クラス名を指定するだけでは十分ではありません。完全修飾クラス名は、異なるパッケージに含まれる同じ名前のクラスを区別する場合のみ使用します。クラスを読み込んだだけでアプリケーション内で使用していない場合、そのクラスは結果の SWF ファイルのバイトコードには含められません。結果として、ワイルドカードを使用してパッケージ全体を読み込んだ場合でも、必要以上に大きな SWF ファイルは作成されません。flex2_createextendcomponents.pdfスルーしていたけどこれも読まないとまずそーだなぁ。メタデータの扱いとか載ってる。つーか AS3 の言語自体はわりと簡単だけど、mxmlc の .as のジェネレートの挙動とか namespace での制御とか、追っていくと BK すごそう。改行覚えにくい。慣れの問題カーのどがひさしぶりに一時間ぐらい喋ったらのどが＞＜とほつうきん朝徒歩だと仕事する前から疲れたきぶん＞＜

A Day in the Life

さむーい

さむーい

書いている人

おたよりを送る