jQueryのgetJSONでツイッターのツイートを取得してくる。

Javascriptのコードはこんな感じで…

$('.tweets').each(function () {
    var user = $(this).attr('data-source');
    var el = $(this); 
    $.getJSON(
    'http://twitter.com/statuses/user_timeline.json?screen_name=' + user + '&count=1&callback=?', function(data) {
        el.children('blockquote').text(data[0].text);
	el.children('.author').html('<a href="http://twitter.com/' + data[0].user.screen_name + '">@' + data[0].user.screen_name + '</a>');
	el.children('.time').text(data[0].created_at).prettyDate();
	$('.portfolio, .masonry').not('.no-masonry').masonry();
    });
});

HTMLソースはこんな感じ。

<div class="tweets" data-source="SteveJobs_BOT">
    <blockquote>Loading tweets...</blockquote>
    <span class="author"><a href="#"></a></span>
    <span class="time"><a href="#"></a></span>
</div>