ツイッターをホームページで表示してみよー

時代が変わればサービスも技術も変わる。

ありがたや
めんどうくさや

色々興味がわきますな。

更新履歴とかもうなんも更新してない更新履歴で履歴がない更新履歴。
・・・ﾔｶﾏｼｲ

自分で作っておきながら、ほぼ魅力がなくなったCGIやらも多く近く処分したい。

そこでツイッターをAPI使ってサイトに表示できることを知って適当に書くようになった訳だがね。

久しぶりにJavaScriptとか見るともう・・・
まあコピペで何となく完成した訳で、そのうちHPに反映させよう。

以下コード

<div id="MyTwitter">

<script type="text/javascript"><!--

var MyName = 'Twitter@Hary';

document.getElementById("MyTwitter").innerHTML = MyName;

var MyTwitterID = "hary_jp";

var MyTweetNumber = 20;

var Tweet = new String();

var TweetText = new String();

var MyTweetImages = new String();

var TweetTime = new String();

var APIPath = "http://twitter.com/statuses/user_timeline/" + MyTwitterID + ".json?callback=twitterCallback&count=" + MyTweetNumber;

var script = document.createElement("script");

script.setAttribute("src", APIPath);

document.getElementById("MyTwitter").appendChild(script);

function twitterCallback(obj){

  for( i=0; i<MyTweetNumber && i<obj.length; i++ ){

    TweetText = obj[i].text;

    

    var content = TweetText;

    TweetText = content.replace(/((http:|https:)\/\/[\x21-\x26\x28-\x7e]+)/gi, "<a href='$1'>$1</a>");

    MyTweetImages = obj[i].user.profile_image_url;

    TweetTime = obj[i].created_at;

    var d = TweetTime.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);

    TweetTime = date.toString();

    Tweet += '<li><img src="' + MyTweetImages + '">' + TweetText + '<br />' + TweetTime + '</li>';

  };

  var MyNameWithLink = "<a href=\"http://twitter.com/" + MyTwitterID + "\">" + MyName + "</a>";

  document.getElementById("MyTwitter").innerHTML = MyNameWithLink + "<ul>" + Tweet + "</ul>";

}

// ほぼコピー サンクス

//

// めぐみのいずみ

// http://meguminoseo.blog8.fc2.com/blog-entry-127.html

//

// アシアルブログ

// http://blog.asial.co.jp/659



//-->

</script>

</div>

ちなみにソース貼り付けるのも一苦労；０；
http://www.two-hearts.net/2010/09/sourcecodeconverter.html