link-log powered by fullsizeimage.inc

Jul  22,  2007

Web標準の日　Ajax/Flashでらくらくワクワクマッシュアップ　casaframeworkで簡単にXMLを読み込む方法

Web標準の日のエントリーが続いていますが、
いろいろ覚えたことを吐き出していかないと逆に忘れそうなので、
メモ＆復習です。

僕の3つ目のセッションは 元たたみラボ？の「メディアテクノロジーラボ」さんの
のセッションでした。

事前登録していなかったので、立ち見になるかと、
超早めにいっていたので、無事席をゲットできて一安心。

しかしおもしろかったです。
マグカップやらステッカーももらったし。
内容があまりにも濃すぎて1回のエントリで
まとめてきれないので、復習できた箇所から断片的に紹介していきます。
ちなみに順不同です。


■受けた講義
Ajax/FlashでわくわくらくらくMashup
メディアテクノロジーラボさん
trick7さんのブログではいつも勉強させてもらってます。

■内容
1．Ajax編
主にJQueryのクールさについて
2．Flash編
いかにしてリアルドム（DOM）のプラモデルを動かすか？（笑）
じゃらんAPIをつかったMashup実例
（casaFrameworkとFusekitをつかったFlashライブコーディング）

最初のセッションのタイトルからこれは聞かねばと
力んでいったのでですが、本人たちは以外と軽いノリでした。

でもやっていることは楽しくて、すごいことをやっていましたので
これは勉強になりました。


まずはcasaframeworkを利用したXMLの簡単読み込み。

■使用したライブラリ
casaFramework
casaFrameworkのドキュメント

以前のエントリ
XPath4AS2クラスを利用した簡単なXMLの読み込み方
で紹介したは使用すると固まることがあるそうで、
あまり使わないそうです。。

で、casaframeworkというかっこいいライブラリがあるよと。


以下に教えてもらった方法で、XpathのエントリでやっていたこのブログのRSSの
読み込みを試してみました。
以下、ソースです。
いや、まじ簡単です。感動的です。
こういうのをさくさく使えるデザイナーは重宝されるだろうな。。

import org.casaframework.load.data.xml.XmlLoad; import org.casaframework.util.XmlUtil; function onDataLoad(sender:XmlLoad):Void { var xmlObject:Object = XmlUtil.xmlToObject(this.myXmlLoad.getXml())['rss'][0]['channel'][0]['item']; //配列の長さを取得 var arrayNum:Number= xmlObject.length; //配列の長さだけループ for (i = 0; i < arrayNum; i++) { //エントリーのタイトルのインスタンス名を決定 entryBox = "entry" + i; //エントリーのタイトルを生成 _root.attachMovie("entryName", entryBox, i); _root[entryBox]._x = 20; _root[entryBox]._y = 20*i+10; _root[entryBox].entryName.text = xmlObject[i].title[0].nodeValue; } } var myXmlLoad:XmlLoad = new XmlLoad("http://www.link-log.net/index.xml"); this.myXmlLoad.addEventObserver(this, XmlLoad.EVENT_LOAD_COMPLETE, "onDataLoad"); this.myXmlLoad.start();

サンプル
とりあえずこのブログのRSS読み込み
flaソース
casaframeworkをダウンロードしてflaファイルと同じディレクトリに「org」フォルダを置いてください。


trick7さんのブログで超わかりやすいビデオチュートリアルが公開されてました。
これは勉強になります。感謝です。

Kawata ： 1:51 AM