フォト

カテゴリー

  • アウトドアへの道ログ
    引きこもり系アウトドア?恐る恐る外へ出ます!
  • マクドナルド メニュー ログ
    過去のマクドナルドのプロモーションメニュー(期間限定商品等~4Th)を記録しています。 載っていないものや地方限定メニューは教えてもらうと喜びます。
  • 日記・コラム・つぶやき
  • 自作プログラムログ
    Webプログラムやオフィスマクロを中心に趣味でのアプリ紹介をしています。 趣味なので期待はしないで下さい・・・
  • 頭痛・健康ログ
    昔から続く偏頭痛。 健康状態の記録を残して体調コントロール出来るようになったらいいなぁ・・・と(;・∀・)
  • 食べ呑み歩きログ
    食べログに投稿している食べ呑み歩きの記録です。 http://tabelog.com/rvwr/hary/ ダイエットも同時進行中・・・?

ガイド

他のアカウント

ブログパーツ

« ちびぼーど風YY-BOARD VIEW | トップページ | 何となく見つけた画像(´・ω・`) »

2011.01.30

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

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

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

色々興味がわきますな。

更新履歴とかもうなんも更新してない更新履歴で履歴がない更新履歴。
・・・ヤカマシイ

自分で作っておきながら、ほぼ魅力がなくなった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>

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

« ちびぼーど風YY-BOARD VIEW | トップページ | 何となく見つけた画像(´・ω・`) »

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/23673/50723635

この記事へのトラックバック一覧です: ツイッターをホームページで表示してみよー:

« ちびぼーど風YY-BOARD VIEW | トップページ | 何となく見つけた画像(´・ω・`) »