【コピペでおk】外部サイトの更新情報をRSSを利用してサイトに表示させる方法

ちょっと真面目系の記事で飛ばしすぎたので、今日はゆるくGoogleFeedAPIを使った外部サイトのRSSを表示させる方法なんかを紹介します。

GoogleFeedAPIを使って外部サイトのRSSを取得する

以前からやり方は知ってたんですが、あるお客さんとの話の中で「あ、これ使ったらいけるやん！」ってふと思ったので探してみました。
デザインとかはあまり気にせずに、純粋に出力できたらいいシンプルな形で。
実際のコードはこんな感じです。
jsはこれ
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
//<![CDATA[
google.load("feeds", "1");
var getRssFeed = function () {
var feedControl = new google.feeds.FeedControl();
//読み込むRSSの設定
//feedControl.addFeed('フィードのURL', 'フィードの名前')
feedControl.addFeed('http://site1url/atom.xml', 'サイト名');
feedControl.addFeed('http://site2url/atom.xml', 'サイト名');
feedControl.addFeed('http://site3url/feed/', 'サイト名');
//エントリー数
feedControl.setNumEntries(10);
//出力
feedControl.draw(document.getElementById('feed'));
};
google.setOnLoadCallback(getRssFeed);
//]]>
</script>

HTML部分
これだけ
<div id="feed"></div>
こんな感じでかなり簡単ですね。
もちろん簡易的にやりたいだけなのでこれで十分でした。
さて、問題はこれを使って何を作ったかなんですが、実はこんなものを作りました。

RSSで監視して部下のブログ更新状況を一覧でチェックするページ（上司用）

これを使えば仕事をしてるかさぼっているかがさくっと分かる素敵（ある意味鬼畜）なページです。
シンプルで軽量なので、監視も捗ります。
手元のファイルでも出来るので、作ってその人だけがこそっとみる事も出来る素敵ツールかも。