Twitter API 愛の劇場のソース

<!-- 表示エリア -->
<div id="twitter_div"></div>

<script type="text/javascript">
//専用スタイルシートを取得
var css=document.createElement('link');
css.setAttribute('type','text/css');
css.setAttribute('rel','stylesheet');
css.setAttribute('href','http://api.dwm.me/twitter/twitter.css');

var head=document.getElementsByTagName('head');
head[0].appendChild(css);

//スクリプトを取得（スクリプト内の関数で表示エリアにHTMLを埋め込む）
var script=document.createElement('script');
script.setAttribute('type','text/javascript');
script.setAttribute('src','http://api.dwm.me/twitter/');

head[0].appendChild(script);
</script>

<?php
//HTMLヘッダを送信
//このPHPのソースはUTF-8で書いていますが、ブログに合わせてShift_JISで送信
header("Content-Type: text/javascript; charset=Shift_JIS");

//ob_end_flush用コールバック
function ob_callback($buffer){
	//文字コードをShift_JISに変換
	return mb_convert_encoding($buffer,"SJIS","UTF-8");
}

//送信前に文字コードを変換するためバッファリング
ob_start("ob_callback");

$novel=array();
$rest="https://twitter.com/statuses/user_timeline.xml";
$url_base="https://twitter.com/#!/";
//リレー小説なので2人のidからつぶやきを取得
$user=array(
	//sinceより後のつぶやきのみを指定（sinceは含まれない）
	array("id"=>"Tom3suteki","since"=>"200851367760363520"),
	array("id"=>"welcome2ourshop","since"=>"197014233546883072")
);

foreach($user as $u){
	//simplexmlでXMLを取り込む
	$url=$rest."?id=".$u["id"]."&since_id=".$u["since"];
	$xml=simplexml_load_file($url);

	//エラー時の処理
	if(!$xml){
		print "<p>データの取得に失敗しました。</p>";
		ob_end_flush();
		exit();
	}

	foreach($xml->status as $status){
		//リレー小説の目印として「つづく」があれば取り込み
		//実際にはsearch APIを使う方がいいです
		if(preg_match("/つづく(。)?$/",$status->text)){
			//連想配列を作成
			$array["text"]=$status->text;
			$array["name"]=$status->user->name;
			$array["screen_name"]=$status->user->screen_name;
			$array["profile_image_url"]=
				$status->user->profile_image_url;
			//要素が連想配列の配列
			$novel["$status->id"]=$array;
		}
	}
}

//公開順にソート（キーはid）
ksort($novel,SORT_NUMERIC);

?>

//表示順並び替え用JavaScript
//詳細は別記事「JavaScriptで表の並び替え」
var swap=function(id){
	var table=document.getElementById(id);
	if(!table){return;}

	var tr=table.getElementsByTagName('tr');
	var min=0,max=tr.length-1;

	while(min<max){
		var td_min=tr[min].getElementsByTagName('td');
		var td_max=tr[max].getElementsByTagName('td');
		var tmp1=td_min[0].innerHTML;
		var tmp2=td_min[1].innerHTML;
		td_min[0].innerHTML=td_max[0].innerHTML;
		td_min[1].innerHTML=td_max[1].innerHTML;
		td_max[0].innerHTML=tmp1;
		td_max[1].innerHTML=tmp2;
		min++;
		max--;
	}
}

<?php
	//JavaScriptで処理する配列を作成
	$sep="";

	print 'var value=[';

	foreach($novel as $val){
		print $sep."{'url_base':'".$url_base.
			"','image_url':'".$val['profile_image_url'].
			"','name':'".$val["name"]."','screen_name':'".
			$val["screen_name"]."','text':'"
			.preg_replace('/^\s*(@.+)?\s/',
				'<a class="reply" href="'.$url_base
				.'$1" target="_blank">$1</a>&'
				.'nbsp;',$val["text"])
			."'}";

		$sep=",";
	}

	print '];';
?>

//配列処理用JavaScript
var div=document.getElementById('twitter_div');

if(div){
	var buff='<p style="text-align:right">'
		+'<input type="button" value="新しいのを上にする" '
		+'onclick="swap(\'twitter\');'
		+'this.value
			=this.value==\'古いのを上にする\''
			+'?\'新しいのを上にする\':\'古いのを上にする\';"/>'
		+'</p>'
		+'<table id="twitter">'
		+'<caption>Twitter愛のリレー小説<br/>'
		+'<span>「セルヴーズの雨傘」</span>'
		+'</caption>';

	for(var i=0;i<value.length;i++){
		buff+='<tr>'
			+'<td>'
			+'<a href="'+value[i].url_base
			+value[i].screen_name+'" target="_blank">'
			+'<img src="'+value[i].image_url+'"/></a>'
			+'</td>'
			+'<td>'
			+'<a class="name" href="'+value[i].url_base
			+value[i].screen_name+'" target="_blank">'
			+value[i].name+'</a>&nbsp;'
			+'<a class="screen_name" href="'
			+value[i].url_base+value[i].screen_name
			+'" target="_blank">'
			+'@'+value[i].screen_name+'</a>'
			+'<br/>'+value[i].text
			+'</td>'
			+'</tr>';
	}

	div.innerHTML=buff+'</table>';
}

//PHPの閉じタグがないのは意図的
/* PHP コードのみからなるファイルでは、終了タグ ("?>") は決して含めてはいけません。これは必須なものではなく、 終了タグを省略することで、ファイルの最後にある空白文字が出力に影響することを防ぎます。 */
<?php ob_end_flush();