日々是デザイン

備忘録:Google AJAX Feed API

Google AJAX Feed APIってどんなもの?

お気に入りブログのRSSやAtomを取得してカンタンに表示することができるAPI。
クロスドメインの制約を気にせず、他のサイトのFEEDを利用することができます。

まずは↓から、Google AJAX Feed API Keyを取得します。
http://code.google.com/intl/ja/apis/ajaxfeeds/signup.html

あとは↓ソースコードを貼付けるだけ。


-----------------------------------------------------------

<script type="text/javascript" src="http://www.google.com/jsapi?key=取得したAPI Key"></script>
<script type="text/javascript">
google.load("feeds", "1");

function initialize() {
var feed = new google.feeds.Feed("RSSやAtomなどへのリンク");
feed.setNumEntries(5);
feed.load(function(result) {
if (!result.error) {
var html = '<ul>';
var container = document.getElementById("feed");
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
var dd = new Date(entry.publishedDate); // now
var yearNum = dd.getYear();
if (yearNum < 2000) yearNum += 1900;
html += '<li>';
html += + yearNum + "/"+(dd.getMonth()+1)+"/"+dd.getDate()+" - ";
html += '<a href="' + entry.link + '" target="_blank">' + entry.title + '</a><br />';
html += '<span>' + entry.contentSnippet; + '</span>'
html += '</li>';
}
html += '</ul>';
container.innerHTML = html;
}
});
}

google.setOnLoadCallback(initialize);
</script>

<div id="feed">ただいま読み込み中です...</div>

-----------------------------------------------------------

<div id="feed"></div>
この中に一覧が表示されます。
日付 - タイトル - 概要
が表示される感じ。

複数Feedを日付順に
[PR]
# by 09works | 2009-09-01 22:13 | ウェブデザイン

Oven39のくるみパン09

c0200996_20424055.jpg


青森市桜川にある[ Oven39(おーぶんさんじゅうきゅう) ]。
焼きたてパンと焼き菓子のお店。

ここのくるみパンがウマい!
写真見てるだけでおなかがすく…(-д-`*)

住所/青森市桜川9-1-27
URL/ http://www.oven39.com
営業時間/11:00〜売り切れ終了
[PR]
# by 09works | 2009-09-01 20:43 | お気に入り!