<!DOCTYPE html>
<html lang="ja">
<!--
twitter search api で、ユーザーのツイート一覧を取得する
[参考]
Twitter-APIを使ってみました : アシアルブログ
http://blog.asial.co.jp/659
通常は、apiを使う上でOAuthログインが必要だが、めんどくさい。
認証不要の search api を使ってデータを取得後、
ユーザーIDでフィルタリングすれば似たような効果を期待できる
ユーザー名がユニークであれば十分実用できるはず。
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var json_result = null;
function store(json){
json_result = json;
}
/**
* 日付変換
* thanks @see http://l-w-i.net/m/20081202_01.txt
*/
function dateJp(dateStr){
var d = dateStr.split(" ");
var post_date = d[0] + " " + d[2] + " " + d[1] + " " + d[3] + " " + d[4];
var date = new Date(post_date);
date.setHours(date.getHours() + 9);
return date.toString();
}
window.onload = function(){
var tb = document.getElementById('twitter-box');
for(i in json_result.results){
record = json_result.results[i];
if(record['from_user'] == 'earthquake_jp'){
var p = document.createElement('p');
p.appendChild(document.createTextNode(record.text));
tb.appendChild(p);
var t = document.createElement('time');
t.appendChild(document.createTextNode(dateJp(record.created_at)));
tb.appendChild(t);
}
}
}
</script>
<script type="text/javascript" src="http://search.twitter.com/search.json?q=earthquake_jp&rpp=100&callback=store"></script>
</head>
<body>
<div id="twitter-box"></div>
</body>
</html>
コメント