Yahoo! Pipes を使った RSS マッシュアップの構築 - TechRepublic

「私のパイプ」から始める

Yahoo! Pipesを使えば、プログラミングの知識がなくても、お気に入りのRSSフィードのマッシュアップを簡単に作成できます。このステップバイステップガイドに従えば、誰でも簡単に作成方法を学べます。

まず、Yahoo! Pipes にログインし、「マイパイプ」ページに移動します。

「新しいパイプの作成」をクリックします (スクリーンショットでは赤く丸で囲んでいます)。

空白のキャンバス

次に、真っ白なキャンバスが表示されます。こんな状態になると本当に嫌ですよね？でも、ご心配なく。作業はすぐに終わります。

左側のソースリストに注目してください。これらのソースのいずれかを使用してパイプを構築できます。

RSS マッシュアップの場合は、次の画像に示すように「Fetch」を使用します。

ドラッグアンドドロップ

「Fetch」モジュールをクリックしてキャンバスにドラッグします。

Fetchは、Web上のあらゆるRSSフィードを読み込むことができる汎用モジュールです。必要なのは、どのRSSフィードを読み込むかを指定するだけです。

モジュールをキャンバスにドラッグしたら、マッシュアップに含める RSS フィードの URL を入力できます (貼り付ける URL を準備しておく必要があります)。

フィードURLを入力してください

作成した Fetch モジュールには任意の数の URL を追加できます (制限はありますが、まだ文書化されていません)。

URLを追加するには、上部の「URL」の横にあるプラス記号をクリックするだけです。リストの最後に新しい空白のフィールドが開きます。「URL」と表示されているスペースにURLを入力または貼り付けます。

空白部分が多すぎる場合は、それぞれの左側にある x をクリックして、余分な部分を削除できます。

Pipes によってキャンバスに「Pipe Output」というモジュールも追加されているのに気づくでしょう。今は無視して構いません。後ほど使用します。

早めに頻繁に貯蓄する

ここまでの作業を保存するには、今が絶好の機会です。ここはWebの世界ですから、いつ接続が切れるか分かりません。「早めにこまめに保存」は良いモットーです。

キャンバスの右上にある「保存」ボタンをクリックすると、左上に青いボックスが表示されます（スクリーンショットでは赤く囲んでいます）。マッシュアップの名前を入力し、そのすぐ隣にある「保存」ボタンをクリックしてください。

プログラミングを始めましょう

「Fetch」モジュールでフィードを組み立てたら、Pipesを使えばマッシュアップのテストと構築が簡単になります。キャンバスの左側にあるメニューで「Operators」をクリックすると、マッシュアップの構築に使用するモジュールのリストが表示されます。

まず最初に、キャンバスの下部に「デバッガー」と書かれた灰色の領域があります。ここでモジュールをテストします。「更新」をクリックすると、オレンジ色でハイライト表示されているモジュールの出力がテストされます。今回の場合は「Fetch」モジュールですが、ご覧の通り問題なく動作しています。

オフィスの誰かに「何をしているのか」と聞かれるかどうか、試してみるのも良いでしょう。「ああ、何もないですよ。新しく書いたソフトウェアプログラムをデバッグしているだけです」と、さりげなく答えましょう。

演算子の選択

演算子のリストにマウスを移動すると、それぞれの機能を説明するヘルプバブルが表示されます。検索語やその他の条件でフィルタリングしたり、Babel Fish のような12か国語程度の言語間で翻訳したり、高度な「For Each」演算子を使ってフィード項目を追加または変更したりできます。

「Sort」演算子を使用して、フィード マッシュアップ内のアイテムを日付順に並べ替えます。

「並べ替え」モジュールをキャンバス上の空きスペースにドラッグします。

接続モジュール

これでパイプのコンセプトが現実のものとなったのがお分かりいただけるでしょう。すべてのフィードを含む「Fetch」モジュールを「Sort」モジュールに接続する必要があります。

「Fetch」モジュールの下部にある小さな円をクリックし、「Sort」モジュールの上部にある小さな円に向かってドラッグします。次の図のように、パイプが表示され、所定の位置にドロップされます。

パイプは動的に調整します

モジュールが接続されたので、しばらくお待ちください。Pipes は選択した RSS フィードの内容に合わせて並べ替えオプションを自動的に再構成します。

例えば、最初の「並べ替え」オプションが「タイトル」から小文字の「t」が付いた「title」に変更されていることに注目してください。Pipesは標準のオプションリストを、接続されたモジュールから取得された実際のフィールド名に置き換えました。

ヒューストン、問題が発生しました

下矢印をクリックすると、すべてのオプションが表示されます。この例では、複数の異なる日付タグが使用されているため、RSSフィードをマッシュアップする際の落とし穴の一つが浮き彫りになっています。赤く囲んだ部分です。

最も一般的なRSS形式では、フィードアイテムの日付を指定するために「pubDate」タグが使用されます。しかし、RSS 1.0では主に「dc:date」が使用され、Bloggerで人気の高い注目のAtom形式では「published」が使用されます。

パイプでは、これら 3 つの日付形式すべてで同時にフィードを並べ替えることはできませんが、設計チームがこれに取り組んでおり、すぐに解決策が得られることを期待しています。

日付順に並べ替える

日付形式の問題に対する私の回避策はシンプルですが、完全に満足できるものではありません。「Fetch」モジュールから「pubDate」を使用していない2つのフィードを削除しました。Pipesチームが日付形式を正規化する方法を見つけ次第、再度追加できるようになります。

そこで、「並べ替え」で「pubDate」を「降順」に選択しました。これにより、最新の日付が先頭に表示され、「ニュースの川」のような集約フィードが作成されます。

最後のステップ

最後に、「Sort」モジュールを「Pipe Output」に接続します。「Save」ボタンをクリックすれば完了です。

後からいつでも戻って変更できます。接続にマウスオーバーするとハサミのアイコンが表示され、クリックすると接続を切断できます。その後、新しいモジュールをドラッグして接続できます。人気のモジュールには、フィードの長さを制限する「切り捨て」や、重複を削除する「一意」などがあります。

ただし、今のところは、「Back to my pipes」（赤く丸で囲んだ部分）をクリックして、自分の作業が実際に行われているのを確認してください。

実行準備完了

「マイ パイプ」ページに戻ると、パイプの一覧から新しく作成したパイプを選択できるようになり、次のような画面が表示されます。

変更を加える必要がある場合は、回路図をクリックするか、「表示/編集」をクリックしてモジュール キャンバスに戻ります。

RSS マッシュアップがどのようになったかを確認するには、「このパイプを実行」(赤く丸で囲んだ部分) をクリックします。

結果を見る

「このパイプを実行」するたびに、すべてのフィードから収集された最新のデータに基づいてマッシュアップが再実行されます。このスクリーンショットは、このギャラリーが公開される前夜の結果を示しています。

右側の「RSSとして取得」プルダウンからわかるように、お気に入りのフィードリーダーやスタートページにフィードすることもできます。また、自分で構築した他のYahoo! Pipeにフィードすることも可能です。

最新の結果を確認またはパイプしたり、基盤となるモジュールを表示またはクローンしたりするには、「Simple RSS mashup – Loosely Coupled's SOA blog feed」（Yahoo!ログインIDが必要です）にアクセスしてください。タイトルは変更しましたが、それ以外はすべてスクリーンショットと全く同じです。