TOP
>
システム開発
> JavaScriptとFlexの比較
徹底攻略!Free Flex 2 SDK
第1回:開発環境を変える!Free Flex 2 SDK登場
著者:
ウノウ 酒徳 峰章
2006/11/21
前のページ
1
2
3
JavaScriptとFlexの比較
Flexでの開発スタイルが、HTMLにJavaScriptを書いていくのに似ていることに触れましたが、それではJavaScriptでなく、Flexを利用するメリットはどれくらいあるのでしょうか。
世間では、「Ajax」というキーワードと共にWeb 2.0を実現する代表的技術として、JavaScriptが盛り上がっています。JavaScriptなら、Internet ExplorerやFireFoxなどの主要なブラウザではインストールの必要もなく、ソースコードのコンパイルも不要です。
そのような中で、Flexを利用する一番大きなメリットは、
インターフェースや見栄えの部分
にあります。Flexが生成するのは、Flashムービーです。エフェクトなどの特殊効果を派手に見せられるは当然のこと、様々なカスタムコンポーネントをFlashだけでゼロから構築することもできます。
また、ボタンやエディタは当然のこと、タブ付のフォームや、データグリッド、スライダーやツリービューなど、Windowsの標準コントロールに含まれているようなコンポーネントがはじめから用意されています。
図1:多くのコンポーネントが用意されているFlex 2
(画像をクリックすると別ウィンドウに拡大図を表示します)
なお、以下のサイトより、様々なコンポーネントを体験することができます。
Flex 2:Style Explorer
http://flexapps.macromedia.com/Flex2beta3/styleexplorer/Flex2StyleExplorer.html
そして、前述したように実行速度の面において、JavaScriptとFlash Playerでは比べ物にならないほどの速度差があります。2,000回×2,000回の単純な足し算を行うプログラムを組んで速度比較をしてみたところ、以下のような結果がでました。
FireFoxのJavaScript
7,428msec
Flash Player9(Free Flex 2 SDKでコンパイル)
32msec
Internet Explorer6のJavaScript
エラーがでて計測できず(注1)
表1:プログラム処理の速度比較
※注1:
実行に時間がかかりすぎたため、途中で実行が中断されてしまいました。
表1は単純な計算比較ですが、JavaScriptとFlash Playerでは100倍もの差がでました。この点からも、Flex 2の可能性を感じることができるのではないでしょうか。
ただし、Flex 2はJavaScriptと競合するものではありません。使用に適している場面も異なりますし、JavaScriptからFlexの関数を呼び出したり、FlexからJavaScriptを呼び出したりと両者を組み合わせて動かすこともできます。よって、JavaScriptとFlexはお互いのよい部分を補いつつ利用することができるでしょう。
まとめ
Free Flex 2 SDKは、正式版が公開される前にAdobe Labsよりベータ版が提供されていましたので、多くの開発者が試用しました。彼らのblogを通じFlex 2やActionScript 3に関して、試用した感想や意見を読むことができました。
プログラマに向けたツールという前提なので、オーサリングツールとしてFlashを使ってきたデザイナーには、オブジェクト構造ががらっと変わってしまったため、覚え直さないといけないと不満の声もあるようです。
しかし、大多数の反応は好意的なものでした。新しいもの好きのプログラマは、さっそく様々なサンプルを公開しています。
今後、Flex 2を利用した多くの面白いプログラムが発表されることを楽しみにしつつ、次回から、実際にFree Flex 2 SDKでプログラムを作っていきます。
前のページ
1
2
3
著者プロフィール
ウノウ株式会社 酒徳 峰章
ウノウ(株)プログラマ。ソフト企画「くじらはんど」にて、オンラインソフトを多数発表。代表作は「テキスト音楽『サクラ』」や「日本語プログラミング言語『なでしこ』」など。オンラインソフトウェア大賞2001入賞。2004年度IPA未踏ユースでスーパークリエイターに認定。著書に「ゲームプログラミングで学習するActionScript(Flash8/MX2004)」など。
INDEX
第1回:開発環境を変える!Free Flex 2 SDK登場
Free Flex 2 SDKで何ができるか
Flashの進化と功績
JavaScriptとFlexの比較