読み込んだXMLを解析して天気予報を表示する!

読み込んだXMLを解析して天気予報を表示する!

 それでは、いよいよFLASHへXMLを読み込み、取得した天気予報を表示してみましょう。今回は、XMLから下記の3つの情報を取得し、ブログパーツ上で表示します。

・本日の天気情報:取得したテキストをダイナミックテキストに表示
・天気のアイコン:XMLからアイコンのURLを取得し、該当する画像をFLASHへ読み込む
・天気予報を表示している地域名:地域名を取得し、ダイナミックテキストに表示

 ActionScript 3.0から、FLASHのXMLの扱いがECMAScript for XML(E4X)という仕様に準拠したものに変わっています。これにより、従来よりもXMLの解析がとても扱いやすくて簡単に使える仕様になっています。

 例えば、天気予報のテキストを取得するには、XMLデータの読み込みが完了後、下記のようにとてもシンプルなスクリプトでデータを変数に格納することができます。

読み込んだXMLデータをオブジェクトに挿入
var loadedXml:XML = new XML(event.target.data);

XMLから天気予報情報の取得
var mytelpot:String = loadedXml.telop;

作ったブログパーツを配布しよう

 それでは最後に、今回のブログパーツを公開する際に必要なファイルについて、もう一度まとめて確認してみましょう。「サーバーへアップするファイル」は、以下の通りです。

1. ブログパーツ本体のswfファイル
2. クロスドメイン間の通信を行うためのPHPファイル
3. ブログパーツをHTML上に書き出すためのJavaScriptファイル

 また、ブログ貼(は)り付け用のHTMLタグ(ユーザー配布用)も必要です。これは、ブログパーツをHTML上に書き出すためのJavaScriptファイルをブログ上に呼び出すためのファイルです。

 今回のブログパーツでは、HTMLタグ内の地域IDを変更すると好きな地域の天気予報を表示できるようになっています。このブログパーツを配布する際には、ブログパーツの配布ページで動的に貼(は)り付け用のHTMLタグを生成させるなど、ひと工夫を加えるとよいでしょう。

 今回作った天気予報ブログパーツは1つですが、アクセスしたタイミングやブログによって常に情報が更新されるようになっています。このように、ユーザーが飽きづらい工夫を入れることでも、より多くの人にブログパーツを使ってもらうきっかけになると思います。

人気記事トップ10

人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ! Sponsored

ClickHouse Cloudが実現した広告運用SaaS「ATOM」のデータ基盤革新、パフォーマンスを向上しながら、運用負荷とコストを削減 11月11日 6:20 AIで開発が加速する時代、品質保証はどう変わる? Tricentisが示すAIエージェント活用の実像 11月9日 6:45 悪用までの猶予が「1分」に迫るフロンティアAI時代に開発と本番を貫く脆弱性管理が必要 10月29日 8:30 欧州CRA対応とSBOM運用。AI生成コードのOSS混入問題の対策とは ――スニペット単位で検出する「FossID」「Insignary Clarity」によるSBOM運用 9月16日 6:40 PostgreSQLからTiDBへ、稼働中SaaSで進める段階的DB移行の実践と再設計への展望 9月7日 6:30 機能安全開発におけるGoogleTestの活用を支援!「Parasoft C/C++test CT」で実現する効率化&AI連携 4月14日 6:30 【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには 1月23日 6:30 【CNDW2025】プロダクト急増に備える基盤刷新 ーウェルスナビがECSからEKSへの移行で得た知見とは 1月15日 6:30 【CNDW2025】250環境を5人で運用、構築時間は30分に ーKINTOテクノロジーズが語るインフラ基盤組織の作り方 2025年12月18日 6:30 新たな自動化で熱視線! AIエージェントの「推論能力」を支える2つのコンポーネントとは? 2025年11月28日 6:30