jQuery Lifestream にはてなブックマークを追加したい
jQuery Lifestream
http://christianv.github.com/jquery-lifestream/
見てて面白いなーと思ったので、はてなブックマークも表示してみた。
他のサービスの取得方法がいっぱい書かれてるのでほとんどコピペですけどね……。
(function($) { $.fn.lifestream.feeds.hatena_bookmark = function( config, callback ) { var template = $.extend({}, { posted: 'bookmarked <a href="${link}">${title}</a>' }, config.template); var parseHatebu = function ( input ) { var output = [], list, i = 0, j, item; if ( input.query && input.query.count && input.query.count > 0 && input.query.results.RDF.item ) { list = input.query.results.RDF.item; j = list.length; for ( ; i < j; i++) { item = list[i]; output.push({ date: new Date( item.date ), config: config, html: $.tmpl( template.posted, item ) }); } } return output; }; $.ajax({ url: $.fn.lifestream.createYqlUrl('select * from xml where ' + 'url="http://b.hatena.ne.jp/' + config.user +'/rss"'), dataType: "jsonp", success: function ( data ) { callback(parseHatebu(data)); } }); return { "template" : template }; }; })(jQuery);
これを jquery.lifestream.js の最後あたりにでも追加して
list = [ { service: 'hatena_bookmark', user: 'ub-pnr' // name }, { service: 'twitter', user: 'ub_pnr' // name } ];
表示するときのコードをこんな感じで書けばいい。アイコンは自分で用意。
わざわざ書くほどのものじゃなかった気がするけど気のせいだと思うことにする。