twitter API (REST API Methods) でpublic_timelineを表示

前回の続きで、書籍”公開API活用ガイド”の第10章:twitterを読んで実践。


メモ

  • public_timelineは認証なしで取得できる。
  • リクエストURLの形式:http://api.twitter.com/1/statuses/public_timeline.[format]?[parameter]…
    • formarは”json”か”xml”か”rss”か”atom”を指定。今回はjson


twitterのpublic_timelineを表示するページ:twitter_jsonp_public_timeline.html

ループ処理で、連想配列にアクセスするのにもっとよい記述法があると思うので、今度解説しているのを見かけたときに読み込もう。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>twitter API practice</title>
	<script type="text/javascript">
	<!--
	function callbackFunc(data) {
		for (var i in data) {
			document.write('<img src="' + data[i].user.profile_image_url + '" width=48 height=48>');
			document.write(data[i].user.name + "["+data[i].user.location+"]" + " : " + data[i].text + "<br />");
			for (var j in data[i]) {
				if (j == "user") {
					for (k in data[i][j]) {
						document.write(i + " : " + j + " : " + k + " : " + data[i][j][k] + "<br />");
					}
				}
				else {
					document.write(i + " : " + j + " : " + data[i][j] + "<br />");
				}
			}

		document.write("<br /><br />");
		}
	}
	//-->
	</script>
</head>

<body>
<h1>twitter search API JSONP sample</h1>
<div id="search"></div>
<script type="text/javascript" src="http://api.twitter.com/1/statuses/public_timeline.json?callback=callbackFunc"></script>
<br />

<p>powered by <a href="http://twitter.com/">twitter</a></p>
</body>

</html>
公開API活用ガイド (I・O BOOKS)
公開API活用ガイド (I・O BOOKS)

posted with amazlet at 12.01.24
ZAPA
工学社
売り上げランキング: 149253

関連エントリー

  1. twitter API (Search API Methods)
  2. HTTP_OAuthで認可を受けて twitter API (REST API Methods) を使う
  3. jQuery mobileでボタンを無効化/有効化したい
  4. jQuery mobileでGoogleマップを表示する(jquery-ui-map)
  5. 楽天ウェブサービス(RWS)を使ってアフィリエイトリンクをつくる(JavaScript/JSONP)
This entry was posted in 未分類 and tagged , . Bookmark the permalink.