アークウェブ ビジネスブログ

最近、JavaScriptでもフェードインやスライドなどのエフェクトができるようになってきましたが、
やはりFlashの方が表現力、ブラウザ互換性が上だと思います。そのFlashを使ってAjaxを起動するためのインターフェイスを制作し、FlashからJavaScriptの関数を呼ぶというのが今回のポイントです。

FlashからJavaScriptの関数を呼ぶためのライブラリはこちらで提供されています。

osflash: Flash JavaScript Integration Kit
http://osflash.org/flashjs

ライブラリをダウンロードしてきたら、source\flash\actionscript に置いてあるcomフォルダを
Flashの置いてあるディレクトリにコピーしてから、Flash側に下記のコードを書くだけです。

import com.macromedia.javascript.JavaScriptProxy;
var proxy:JavaScriptProxy = new JavaScriptProxy();
proxy.call("javaScriptMethodName", "arg1", new Object());

javaScriptMethodNameがJavaScript側の関数名、arg1が引数になります。
例えば、JavaScriptとして↓このように記述した場合は「arg1」がalertされるでしょう。

<script type="text/javascript">
<!--
function javaScriptMethodName(arg) {
    alert(arg);
}
//-->
</script>

このJavaScriptの関数側でFlashから渡ってきた引数をもとに非同期通信を行って
結果をHTMLに出力すればよいわけですね。

さて、このライブラリではJavaScriptからFlashの関数を呼ぶことも可能です。
この方法については、こちらの方の解説が分かりやすかったです。

yoshiweb.NET-blog: Flash / JavaScript Integration Kit
http://yoshiweb.net/blog/index.php?itemid=106&catid=2

それで、コメント欄に

> 日本語は送れないのかな？変な数字になった...。

とありました。これは私の方でも確認できました。

JavaScriptFlashGateway.jsを追ってみたところ、JavaScriptFlashGateway.swfを出力する時に
flashvarsでJavaScriptからの引数を渡しているのですが、こいつのエンコードにFlashのデコードが
対応していないために起きている不具合でした。

JavaScriptから渡した引数が「ほげほげ」だった時、flashvarsにはencode()が適応され、%u307B%u3052%u307B%u3052 がセットされますが、UNICODEのエスケープはFlash側でデコードできないために、307B3052307B3052 という値をFlashは受け取っていたわけです。

対応方法としては、JavaScriptFlashGateway.jsの下記の部分を変更します。

もともとのコード

                 qs += 't'+(i)+'=undf';

                 break;

             case 'string':

                 qs += 't'+(i)+'=str&d'+(i)+'='+escape(args[i]);

                 break;

             case 'number':

                 qs += 't'+(i)+'=num&d'+(i)+'='+escape(args[i]);

                 qs += 't'+(i)+'=undf';

                 break;

             case 'string':

                 qs += 't'+(i)+'=str&d'+(i)+'='+encodeURI(args[i]);

                 break;

             case 'number':

                 qs += 't'+(i)+'=num&d'+(i)+'='+escape(args[i]);

この対応方法は、osflashのバグトラックにも載っていました。

I18N problem: multi-bytes characters are broken;
JavaScriptFlashGateway.js should NOT use the escape() function
http://mirror1.cvsdude.com/trac/osflash/flashjavascript/ticket/41

FlashとJavaScriptとAjax、それぞれの長所を生かしてうまくコラボレーションさせると
リッチ・ユーザーインタフェースとしての表現が大幅に広がるかもしれないですね。