メモ：自分のはてなフォトライフの新着画像をPipesでバッジ作成

Yahoo!Pipesを利用して、はてなフォトライフのフィールドからバッジ作成までをやってみました

用意するもの

• Yahoo! Pipesアカウント（米国Yahoo!アカウント）
• はてなフォトライフのアカウントとフィードURL

手順

フォトライフからRSSを得ます。ページのヘッダ部分に小さなRSSアイコンがあるのでそのURLがフォトライフのRSSのアドレスとなります

Pipesに入って、Create a pipe

以下ほんの一例です。任意で必要なエレメント等を追加します。

Fetch Feed をドラッグしてfotolifeのRSSをいれる

Create RSS をドラッグ。以下を設定して、Fetch Feed に結合する

• Title item.title
• Description item.title
• Link item.link
• PubDate item.pubDate
• Author item.author
• GUID item.pubDate
• media:content そのまま
• media:thumbnail　そのまま

Rename モジュールをドラッグ

以下のようなマッピングをおこない、Create RSSモジュールに結合してPipe Output

• item.hatena:imageurlmedium Rename media:thumbnail.url
• iitem.hatena:imageurl Rename media:content.url

hatena:imageurlmedium はより小さいサムネイルが必要な場合は、

• hatena:imageurlsmall

を指定できる。

作成したPipeのキャプチャです

Pipes Output を実行して以下の要素を調べ問題がないようならば、Saveします

media:thumbnail

• url ここがフォトライフのサムネイル画像のリンクになっているか

media:content

• url　ここがフォトライフ画像のURLになっているか
• link 　フォトライフのページリンク（ 例 http://f.hatena.ne.jp/{USER}/12345678901234）

完成したら、View Resultsで確かめ、Get as a Badge より必要なコードを取得して任意の箇所にはりつけをします。

今回作成したものは以下にあります。

• Pipes: New in Foto Life
• テスト：Fotolife バッヂ