Home > video_tutorial > ビデオチュートリアル:CASA で XML をロード&パース

ビデオチュートリアル:CASA で XML をロード&パース

今回は「CASA Framework」の XmlLoad クラスと、XmlUtil クラスを使って AS2.0 で外部XMLをロードしてパースする(Object形式に変換して Flash 内で取り扱い易いようにする)ビデオを、息づかい荒めに作りました。

ほとんどのコードは、CASA のドキュメントからのコピペで出来上がるので、動作内容だけイメージできれば、とても使い易いですよ。AS2用のXMLパースのライブラリとしては、CASA の他にも XPath4AS2 があるのですが、処理中に画面が固まることがあるので、僕は使ってません。

このビデオを見て、エントリーユーザーの方にも、「XMLの読み込みって簡単なんや〜」と思ってもらえればありがたいです。

視聴は以下から:

CASA で XML をロード&パース」(16分程)

ビデオ後半でグダグダになっていくのですが、撮り直しもしんどいのでアップしました。(これでもテイク10ぐらいやってるんですが。。)

補足等は以下:

  • CASA の XmlLoadを使えば、System.ignoreWhite = true; とかも書かなくて良いし、firstChild.firstChild... で自分が今どのノードなのか迷うこともなくなるので便利だと(僕は思っています)。
  • trace(this.myXmlLoad.getXml().firstChild); がなぜか Windows で実行するとアプリが強制終了してしまう。Mac だと大丈夫なのに。このせいで、動画中では、ロードしたXML全体を出力ウィンドウに表示させるステップが抜けちゃってますが、想像力で補って下さい。
  • もちろんパーセンテージ付きのローダーを作ることもできます。もっと簡単なものでよければ、ステージ上にロード中っぽくグルグルするムービークリップを(attachMovieして)置いておき、EVENT_LOAD_COMPLETE のタイミングで実行される onDataLoad 関数の中で removeMovieClip してやるとか。もっと力技で、onDataLoad したら _root.gotoAndPlay(2);とかね。
  • var xmlObject:Object = XmlUtil.xmlToObject(this.myXmlLoad.getXml())[RootNode][0][ChildNodes]; と一気にパースできるのを、大阪てら子のさくーしゃさんのサンプルで教えてもらいました。
  • ローカル環境では、他人のサイトからXMLロードできていたのに、完成したswfを自分のサーバーにアップロードするとロード失敗することがあります。それは、FlashPlayer が異なるドメイン間のやり取りを制限する仕様になっているからで、それを解決するには、ロードされる側のサイト(XMLがある方)の許可したいフォルダにルートディレクトリか、任意ディレクトリ(この場合Flash側でloadPolicyFile 指定が必要)に、 crossdomain.xml というファイルを置き、その中でフルアクセス許可/特定のユーザーを登録して許可しておく必要があるのです。今回の作例で使ったホットペッパーAPIのサーバー上には、(検索クエリの中で key=guest にしておけば)誰もがアクセスできる設定の crossdomain.xml が置いてあるので、作った swf を web にアップしてもきちんと動作してくれます。
  • その他詳細は CASA のドキュメントを見てください。

できた Fla ファイルも近日アップします。前にも書きましたが、一連のチュートリアルビデオは、ブログ中の1記事としてでなく、動画チュートリアルサイトとしてまとめるつもりなのですが、なかなか時間がとれません。サイト名はだいたいの映像が7分なので「trick7分ぐらい」にしようかと思っています。

Web標準の日々」では、これをベースに何かアプリを作る予定なのですが、こんな導入だけで16分にもなってしまったので、当日の持ち時間30分でどこまでいけるのか不安になりました。

Comment:6

qubi 2007-07-15 (日) 23:35

こんにちは。
先日の外部ファイル使用にあたっての映像も同じくですが、わかりやすいです。
説明しているペースもとっても好感がもてます。
個人的にはもっとぐだぐだでもミスしてても全然構わないくらいです。

動画でみせてくれる、というのがやっぱり嬉しいです。
扱ってる内容としても高度過ぎず、全く触れてなかった人には勿論、
不安要素のままなんとなくやり過ごしてる人達にとっても、意味のあるものだと思います。
今後も楽しみにしています!

tera 2007-07-16 (月) 00:29

>qubi様
はじめまして。いつもqubi様の作品を楽しませていただいておりましたので、コメントいただけて驚きました。ありがとうございます!
まだまだ手探り状態のビデオですが、見て下さっている方がいるというのは、とても励みになります。
ほんとは qubi様みたいに、より多くの人に見てもらえるような作品を作っていかないとと、焦っているのですが、創作の神がなかなか降臨しないので、とりあえずチュートリアル動画というアウトプットになってますw

引き続き、qubi様の作品楽しみにさせていただきます。
今後ともよろしくお願いいたします。

木本達朗 2007-10-23 (火) 18:50

次回からCASAを導入したいと思っていたので、ビデオと記事がとても参考になりました。ありがとうございます。今後もFlash関係の記事を期待しています。

通りすがり 2008-01-18 (金) 15:40

ビデオ分かりやすいですね!すごく参考になります。俺もCASAやるぞ〜!

くどう 2008-01-23 (水) 23:17

ビデオ制作おつかれさまです。
とてもわかりやすくて勉強になりました。
本をよめ!といわれそうですがやっぱりビデオで制作過程を覗かさせていただくのは理解度が違います。

ありがとうございました

tera 2008-01-24 (木) 13:48

どうもありがとうございますー。励みになります。
僕もビデオでの配信のパワーはいいなと思ってますので、
ちょっと作るのに時間がかかるのが難点ですが、今後も頑張ろうと思ってます。
今後ともよろしくお願いします。

Comment Form

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

Remember personal info

Trackback:0

TrackBack URL for this entry
http://www.trick7.com/blog/mt-tb.cgi/580
Listed below are links to weblogs that reference
ビデオチュートリアル:CASA で XML をロード&パース from trick7.com blog

Home > video_tutorial > ビデオチュートリアル:CASA で XML をロード&パース

持っている Flash & ActionScript 関連本の中から、自分的おすすめの読む順番をご紹介。各書籍のレビューは books カテゴリからご覧頂けます。
この順番でどう?(AS3.0)
  • Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)
    Adobe Flash CS3 詳細! ActionScript 3.0 入門ノート (DVD付)

    デザイン方面からFlashデビューして、そのままAS2.0を使うようになった人が、難しいと評判のAS3デビューする時の最初の1冊として、とにかく目を通しておくと良いかと思います。プログラミング経験の少ない方でも、サンプルをじっくり読めば、ゼロからのAS3デビュー可。
  • ActionScript 3.0 アニメーション
    ActionScript 3.0 アニメーション
    洋書「Making Things Move!」の日本語訳本。ActionScript3.0で数学的アニメーションを作ることがメインテーマなのですが、前半部分でAS3.0の基礎を分かり易く解説されています。後半の重力, IK, 3D表現等のアニメーション解説も楽しい。僕はこれのAS2.0洋書版を読んでFlashの面白さに気付きました。
  • Essential ActionScript 3.0 (Essential)
    Essential ActionScript 3.0 (Essential)

    900ページ以上ある相当分厚い本。基礎からOOPまでを解説。ほぼ網羅しているので、これを抑えておけばAS3博士になれそう。
  • Actionscript 3.0 Cookbook
    Actionscript 3.0 Cookbook

    ActionScript3.0のリファレンス本。問題とその解決法が1ページぐらいで細分化されているので空いた時間にちょっとずつ読み進められる。WebでAS3のソースを見て勉強する時の字引としても使う。ただ、時期的に初期の本なので、AS3自体が仕様変更してたりするので正誤表は必読。
  • Object-Oriented Actionscript 3.0
    Object-Oriented Actionscript 3.0

    7/23に発売されたFlash&OOP本。AS2.0版は持っているのだけど、オブジェクト指向の初歩的な解説から入って、後半は僕の理解を超える難度になっていきました。今度こそ理解できるか?
この順番でどう?(AS2.0)
  • Foundation Actionscript Animation: Making Things Move (Foundation)
    Foundation Actionscript Animation: Making Things Move (Foundation)

    スクリプトでアニメーションさせる方法を学べる。プログラムの知識というよりも数学や物理の知識が必要。バネの表現や3D表現など、汎用性の高いテクニックを身に付けられ、個人の表現力をレベルアップするのに最適。参考までに、僕が調べた英単語リスト。2007年4月に、AS3対応版も発売されました。
  • ゲーム開発のための数学・物理学入門 Beginning Math and Physics for Game Programmers
    ゲーム開発のための数学・物理学入門  Beginning Math and Physics for Game Programmers

    「Making Things Move!」の世界を突き詰めたい人用のステップアップのための本。行列や物理運動、2D/3D表現。Flashの本ではなく、じっくり読むタイプの本なので、あとまわしにしてもいいかも。
  • Flash 8 Essentials
    Flash 8 Essentials

    Flash8の新機能を紹介。全10章が独立した構成で、興味のある部分から読めます。フィルタやビットマップ、ビデオの使い方とかを、基礎から順を追って理解していけるので、ゼロからスクリプティングできるようになる。僕はビットマップ関連の作業の際のリファレンスとして常用しています。
  • .fla―Idea of Flash Creation
    .fla―Idea of Flash Creation

    上の本でFlash8の基本を身に付けて、それをどう面白い表現に落とし込むかを学べます。深津さんの、試行錯誤・実験しやすいスクリプティング、クラス設計に凄さを感じました。YouTubeやFlickrのAPI、PHPとの連携記事も。
  • FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]
    FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]

    ここまでで表現力が付き、テンションが上がるので、その勢いで難解なオブジェクト指向に挑戦。プログラム経験のない人がいきなり英語のOOP本を読むのは厳しい。この本で継承とかインターフェースとかポリモーフィズムとかの用語を理解しておくといいかも。
  • オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―
    オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―

    Flashの本ではありませんが、OOPの概念を気軽に読めるボリュームで解説してくれます。英語と日本語のOOP用語の対応を図るためにも「Object-oriented Actionscript for Flash 8」と併読するのがおすすめ。なんとなく読んでおくだけでも結構違うのでは。
  • Object-oriented Actionscript for Flash 8
    Object-oriented Actionscript for Flash 8

    前半はOOPの利便性や基本の紹介。デザインパターンやMVCの理解。13章からグッと難しくなって大変。Flash8対応。
  • Essential Actionscript 2.0
    Essential Actionscript 2.0

    上の本よりもさらにOOPプログラマ向け。同じOOP本ということでやや重複しており、こちらはMX2004時代の本なので見送ってもいいかも。分かりやすい英語で良著。この本のAS3版が出たら間違いなく買い。

Page Top