TDRNAVI: YouTube, Flickrとマッシュアップしてみました。

TDRNAVI DisneySEA にYouTubeの動画とFlickrの写真を組み込んでみました。それぞれ提供されているWebAPIを使ってアトラクションやテーマエリアに関連した動画や写真を検索してきます。

 
▲ムービー、フォト、待受画像のメニューが増えた。

YouTube 動画ページ

▲関連するYouTube動画を引っ張ってくる。

ちなみに、携帯端末の場合はYouTubeの公式モバイルサイトへ移動します。
いろいろ技術的な理由があって直接ストリーミングに遷移できませんでした。
PC端末の場合は、この画面でFlashPlayerを起動します。

Flickr フォトアルバム

▲関連するFlickrの写真を引っ張ってくる。

 
▲詳細画面はブラック基調に。

FlickrのWebサービスは粒度が細かいので
１ページ作るためにリクエストが頻発します。だから、ちょっと表示が遅いです。
YouTubeは1リクエストでほとんどの情報がXMLで帰ってくるので助かります。
ゆくゆくは、TDRNAVIサーバで定時キャッシュを作成するようにして
外部サーバへのリクエストを最小限にしたいところです。

待受サイズの写真

▲待受画面に使えそうなサイズを提供

TDRNAVIでは1枚の写真を6サイズに変換して保存しています。
その中の1つが、この 240×400px の画像です。
単に自分の携帯で使おうと思ったから追加しました。
端末の画面サイズに合わせて動的に変換っていうのもおしゃれですが
結構しんどい処理（プログラム的にも、精神的にも）なのでやめておきます。

というわけで、やっと泥臭い基盤部分の開発フェーズから、楽しみだったマッシュアップの開発フェーズにやってきました。基盤作りやデータ整備は「せっかくの休日・・・遊びてぇ」と思いながらの作業でしたが、これぐらい基盤が整えばかなり開発を楽しめますね。しかも、YouTubeもFlickrも表層は割と簡単に扱えますし。

パケホーダイの方は、お時間があればぜひ見てくださいまし。