2007年1月19日
FlashでJSON形式のデータを読み込み表示する (ソース一式ダウンロード付)
カテゴリー: Ajax (システム開発)
SEの竹村です。
Ajaxのレスポンスとして利用するJSON形式のデータですが、
一方はAjaxで単にリスト表示させて選択させるだけ、もう一方はFlashでインタラクティブに選択させる
という要望が仕事で発生したので、JSONデータをFlashで利用できるのかを調査しました。
調べてみると、FlashでJSONファイルをパースしてオブジェクト型として返してくれるライブラリがあります。
JSON in ActionScript
via: Collection & Copy - JSON入門
これを利用したサンプルが↓こちらです。
▼FlashでJSONファイルを読み込むサンプル

時間の都合上、下記の制約がありますが、とりあえず今回はFlashでJSONをパースして出力することだけを行っています。
- ボックスは直近のアークウェブ ブログから取ってきたものですがリンクさせてません
- 読み込むJSONファイルは固定です
- ボックスはドラッグできません
内部コードのレビューを SandBox Wiki で解説しています。詳しくは、↓こちらをご覧ください。
FlashでJSON形式のデータを読み込む (ActionScript2.0を利用)
今回利用したソース一式は ↓こちら からダウンロードできます。
Ajaxでできること、Flashでできること、それぞれの利点を生かしつつ別々の見せ方をすることで多様なユーザへの要望に適応できる場合があります。
持っているデータが同じでもユーザの目的が異なれば、ベストなソリューションは1つじゃないかもしれないですね。
投稿者 竹村 : 2007年1月19日 13:43
|
|
|
タグ: Ajax , JSON , Flash , JavaScript
この記事は参考になりましたか?
興味があるかも?
- 「つくるぶ特集 Flash|Ajax ベストサイトセレクション20」:スライダー(Slider)ライブラリと、写真の中に写真レイヤーを表示するテクニック
- 「つくるぶ特集 Flash|Ajax ベストサイトセレクション20」:郵便番号から住所ライブラリと、クライアント側での描画のテクニック
- 「つくるぶ特集 Flash|Ajax ベストサイトセレクション20」:ウゴウゴ効果と、WebOSのテクニック
- @ITでAjaxネタ(デザインパターン, MVC等)の連載をさせていただくことになりました
- 「つくるぶ特集 Flash|Ajax ベストサイトセレクション20」:「Apple - iPod + iTunes」はどう実装されているか
« 前の記事:Universal PDF XSS:【重要】Adobe Readerを8にアップグレードしましょう
» 次の記事: Zen Cart日本語版のデモ商品をリニューアル中です
トラックバック
このエントリーのトラックバックURL:
http://www.ark-web.jp/blog/mt-tb.cgi/298
【!】本記事への言及がない記事からのトラックバックは、削除する場合があります。
アークウェブの本
Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用
内容充実のZen Cart公式本(v1.3対応)がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。続きを読む
人気記事
ランキング
新着はてブ
カテゴリー
- A-Form, MTプラグイン
- Ajax (システム開発)
- CMS(コンテンツマネジメント・システム)
- CSR(企業の社会的責任)
- Miqqle
- OpenSocial (システム開発)
- PukiWiki
- RIA (システム開発)
- Ruby on Rails(システム開発)
- SEM・サーチエンジン広告
- SEO・サーチエンジン最適化
- Snippy(SNS・ソーシャルブックマーク)
- Web 2.0
- WebSig24/7
- Webアクセシビリティ
- Webデザイン
- Webマーケティング
- Webユーザビリティ
- Web・ITニュースクリップ
- XP・アジャイル(システム開発)
- Zen Cart(オンラインショップ構築)
- ecoったー
- mixiアプリ
- necoったー
- だれもが使えるウェブコンクール
- アークウェブ
- アークウェブのCSR
- オープンソース
- セキュリティ(システム開発)
- テスト(システム開発)
- データベース
- ビジネスブログ・MovableType
- ビッグイシュー(The Big Issue)
- マッシュアップ
- 唐松(アクセス解析)










(準備中)




