« 嫌煙法施行 | Home | Gentoo活動報告（僕の… »

（ただで）Flexをはじめるリンク集

社内Wikiにメモっていたものをちょっと修正して転載。会社ではFlex Builder使ってますが。

Flex SDK (本体)

• Flex 2（正式版): http://www.adobe.com/products/flex/downloads/

• Flex 3(ベータ版）: http://labs.adobe.com/technologies/flex/sdk/flex3sdk.html

遊びならFlex 3で問題なし。AIRアプリも作れるし、Flex2用のコードもほとんど動くからサンプルで困ることもない。

基本的には、

bin/mxmlc hogehoge.mxml

すると、hogehoge.swfができる。

コンパイルの仕方とかは、ググれは山ほど出てくるので問題ないだろう。

Linux/UNIX上ですべて完了できる。Java必要。Gentoo Linuxではdev-java/sun-jdk-1.5.0.11で問題なくできている。

Windowsの場合はbin/mxmlc.exeを使うらしい。やったことないけど。

どんなコンポーネントがあるか知る

http://examples.adobe.com/flex2/inproduct/sdk/explorer/explorer.html Flex標準のコンポーネント毎のサンプルと、そのソースが簡単に見ることができる。Flexやるなら一通り見ておくと吉。 最初はこのソースをコピペしてSWFまで作成し、Flex開発の流れを掴んでおくといいと思う。

Styleについて知る

FlexはCSSみたいので動的に見た目を変えることができる。 そのサンプル: http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html (From http://www.adobe.com/devnet/flex/samples/style_explorer/)

MXML作成ツール - FLEXible

http://flexible.riaforge.org/ MXMLとはFlexでの画面定義を記述するXML。 たとえば、ボタンを２個配置する。とかだったら、

<hbox height="100%" width="100%">
    <button label="Save" click="save()">
    <button label="Cancel" click="cancel()"/>
<hbox>

みたいのを書く。save()とかはAction Script3で中身を書く。

Flex Builderを使えばこれがWYSIWYGで作れるのだけど、このFLEXibleでもほぼ同じことができる。 ただ、まだAlphaバージョンということで、すごく不安定な上に使いづらい。

使い方はただZIPを展開してswfをFlash Playerで起動するだけ。ブラウザ上では動かないみたい。

今後に期待。

パッケージのリファレンス

http://livedocs.adobe.com/flex/2/langref/

例えば、Buttonについて知りたければ、上のリンクから、 http://livedocs.adobe.com/flex/2/langref/mx/controls/Button.html を開ければ、Buttonクラスの仕様と、サンプルとそのソースが取得できる。便利！

外部ライブラリー

• FlexUnit http://code.google.com/p/as3flexunitlib/ Flexでみんな大好きUnit Testを行うもの

• as3corelib http://code.google.com/p/as3corelib/ FlexはAction Script3なので、当然普通にAction Script3のライブラリが使える これはWeb開発でよく使いそうなもの詰め合わせって感じ。その中のJSONクラスを自分では使ってます。

• UrlKit Flexアプリ（というかFlash)の欠点として、

  • ブラウザの戻る進むボタンが使えない、
  • 特定の状態でbookmarkできない

  という迷信がありますが、最近はどっちも簡単に実現できる。

  まず、戻る進むボタンはほぼFlex標準で使える。

  URLを画面の状態にあわせて変更するのはUrlKitというのを使うのが楽。 こんな感じ: http://joeberkovitz.com/projects/urlkit/sample/Bookmarks.html ダウンロードはこちらから: http://joeberkovitz.com/blog/urlkit

Debug (breakpointの設定とか変数のwatchとか）

Flex Builderでしかしたことないんだけど、多分SDK単体でもできる。 そのために、http://www.adobe.com/support/flashplayer/downloads.html から、Adobe Flash Player 9 - Debugger Versionsをブラウザに入れておく必要がある。

コマンドラインでのデバッグの方法を後で書く予定。

とりあえずこんなところで基本的なFlexアプリケーションは作成できると思う。

enjoy!