全体を組み立てる
この記事のサンプルコードでは、ここまでに説明したことを、以下の2つのASP.NETページにまとめています。
- RandomPicturesByScreenName.aspx：ここでTextBoxコントロールにスクリーンネームを入力すると、ユーザーのフォトストリームからランダムに選ばれた9枚の写真が表示されます。
- ViewDetails.aspx：RandomPicturesByScreenName.aspxでいずれかの写真をクリックすると、このページへ移動し、クエリ文字列を介して写真IDが渡されます。ViewDetails.aspxには、その写真の拡大版、タイトル、説明、コメントが表示されます。
RandomPicturesByScreenName.aspxページには、ListViewコントロールを使ったHTMLの<table>に、 ランダムに選択された9枚の画像が表示されます。各画像は、以下の宣言型マークアップのHyperLinkコントロールで表示されます。
<asp:HyperLink runat="server" ID="lnkImage"
NavigateUrl='<%# Eval("PhotoId", "ViewDetailsCS.aspx?PhotoID={0}") %>'
ImageUrl='<%# Eval("SmallUrl") %>'
ToolTip='<%# Eval("Title") %>' />
スクリーンネームを入力してボタンをクリックすると、このコードは、前述のPhotosSearchメソッドを使って、そのユーザーの最新200枚の写真を取得します。このメソッドはPhotosオブジェクトを返します。このオブジェクトのPhotoCollectionプロパティはPhotoオブジェクトのコレクションです。上記のHyperLinkマークアップで使われているListViewのデータバインディング構文に出てくるプロパティ（PhotoId、SmallUrl、Title）は、いずれもPhotoオブジェクトのプロパティです。
ここでは、Flickr APIから返された200枚の写真をランダムに並べ替えるため、およびListViewにバインドする前に最初の9枚の写真を取得するために、LINQの拡張メソッドを使用しました。該当するコードは次のようになっています。
// C#: Get the 200 most recent public photos from the specified user
Photos searchResults = flickr.PhotosSearch(options);
// Rnadomize the searchResults.PhotoCollection array, take the first 9,
and bind it to lvFlickrPictures
lvFlickrPictures.DataSource = searchResults.PhotoCollection
.OrderBy(p => Guid.NewGuid())
.Take(9);
lvFlickrPictures.DataBind();
' VB: Get the 200 most recent public photos from the specified user
Dim searchResults As Photos = flickr.PhotosSearch(options)
' Rnadomize the searchResults.PhotoCollection array, take the first 9,
and bind it to lvFlickrPictures
lvFlickrPictures.DataSource =
searchResults.PhotoCollection.OrderBy(Function(p)
Guid.NewGuid()).Take(9)
lvFlickrPictures.DataBind()
配列のランダムな並べ替えは、結果を新しいグローバル一意識別子で並べ替えることで実現しています。詳しくは、「Techniques for Randomly Reordering an Array」を参照ください。OrderByやTakeなど、LINQの拡張メソッドの使用方法については、筆者のシリーズ記事「An Extensive Examination of LINQ」を参照ください。
以下の画面図は、実行中のRandomPicturesByScreenName.aspxページです。
これらのいずれかの画像をクリックすると、ViewDetails.aspxに移動し、写真の拡大版、タイトル、説明、コメント（ある場合）が表示されます。
まとめ
多くのソーシャルWebサイトと同様、Flickrも、開発者がFlickrデータをアプリケーションに統合できるようにするためのAPIを提供しています。Flickr APIをASP.NETアプリケーションで使用する場合、Flickr.Netのようなライブラリを利用すると作業は大幅に簡単になります。Flickr.Netは、低水準の通信をすべて処理してくれ、使いやすいオブジェクトモデルを提供します。この記事では、Flickr.Netを使って、ユーザーのFlickrフォトストリームから、 写真、タイトル、説明、コメントを、独自のASP.NETアプリケーションに表示する方法を説明しました。ぜひサンプルをダウンロードして、コードを試してみてください。
それでは、ハッピープログラミング！
