RSSとATOMフィードをparse（解析）するjavascript「jFeed」

ブログの浸透とともに、RSS（ATOM）フィードを発信するサイトが増えています。
これらのフィードをHTMLで表示するjavascriptがjFeed: JavaScript jQuery RSS/ATOM feed parser pluginで公開されています。

使用方法
jFeed: JavaScript jQuery RSS/ATOM feed parser pluginからダウンロードしたファイル群で以下をheadに埋め込みます。
<script src="http://yourdomain/jquery.js" type="text/javascript"></script>
<script src="http://yourdomain/jquery.jfeed.pack.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function() {
jQuery.getFeed({
url: 'proxy.php?url=フィードURI', //proxy.phpはダウンロードしたファイルのもの
success: function(feed) {
jQuery('#id名').append('<a href="' + feed.link + '">' + feed.title + '</a>'); //フィードのタイトル
var html = '';
for(var i = 0; i < feed.items.length && i < 10; i++) { //数字は件数
var item = feed.items[i];
html += '<a href="' + item.link + '">' + item.title + '</a>'; //記事のタイトル
html += item.updated //更新時間
html += item.description;　//内容
}
jQuery('#id名').append(html);
}
});
});
</script>
＊内部サイトの場合はproxy.phpはなくても構いません。
最後にHTMLで表示したい場所に以下を書けば完成です。
<div id="id名"></div>
RSSとATOMフィードをparse（解析）するjavascript「jFeed」サンプル

2007年09月20日

前の記事：文字カウントjavascript「jCountDown」
次の記事：画像をカールさせるjavascript「curl.js」

関連記事

• [jQuery]jQuery and XML revisited
• はてなブックマーク人気エントリーを「Google Ajax Feed API」を使用して表示
• 奥から手前にズームするJavaScript「Spacegallery.js」
• amazonライクにぐるぐる回るJavaScript「3D Image Carousel」
• [jQuery]Confirm

• jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• BOMBERMAN JAVASCRIPT GAME by mootools.js
• 3ステップで表をソート＆値を検索できるjavascript「dataTables」
• Movable Type 4.2にバージョンアップ
• ページの目次を自動で作成するjavascript「jqTOC」
• JavaScriptライブラリ「raphael」で図を描く
• ニューデザイン
• Widgetboxで手軽にRSS型ウィジェット（ガジェット）を作る
• 奥から手前にズームするJavaScript「Spacegallery.js」