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 より必要なコードを取得して任意の箇所にはりつけをします。
今回作成したものは以下にあります。