Twitter始めました

HOME > お知らせ > Twitter始めました

Twitter始めました

http://twitter.com/shin_aktk たいした事は呟いていないですが。
このサイトのトップページのサイドにもちょこっと表示されるようにしています。

追記

最初は公式のウィジェットを入れてみたんだけど、<div>の入れ子構造がキレイじゃなかったから色んなページを参考にして自作してみた。
でもやっぱり公式の方が見た目はスッキリしてるかも…と思い始めたり。

参考サイト

Twitterのブログパーツ | つぶやきをブログに表示するJavaScript:めぐみのいずみ
K’s Labo 3G – Twitter でのつぶやきをブログに表示

備忘録


<div id="MyTwitter"> 
  <script type="text/javascript"><!--
  function relative_time(time_value) {
  time_values = time_value.split(" ");
  time_value = time_values[1]+" "+time_values[2]+", "+time_values[5]+" "+time_values[3];
  var parsed_date = Date.parse(time_value);
  var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
  var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
  delta = delta + (relative_to.getTimezoneOffset()*60);
  if(delta < 60) {
  return '1分以内';
  } else if(delta < 120) {
  return '約1分前';
  } else if(delta < (45*60)) {
  return (parseInt(delta / 60)).toString() + '分前';
  } else if(delta < (90*60)) {
  return '約1時間前';
  } else if(delta < (24*60*60)) {
  return '約' + (parseInt(delta / 3600)).toString() + '時間前';
  } else if(delta < (48*60*60)) {
  return '昨日';
  } else {
  return (parseInt(delta / 86400)).toString() + '日前';
  }
  }
  var MyName = "アカツキシンヤ";
  document.getElementById("MyTwitter").innerHTML = MyName;
  var MyTwitterID = "shin_aktk";
  var MyTweetNumber = 5;
  var Tweet = new String();
  var TweetText = new String();
  var TextLength = 90;
  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++ ){
  if ( obj[i].text.length > TextLength ){
  TweetText = obj[i].text.substr(0,TextLength) + "・・・";
  }
  else{
  TweetText = obj[i].text;
  };
  Tweet += "<li>" + TweetText + "<br><span><a href=\"http://twitter.com/" + MyTwitterID + "/status/" + obj[i].id + "\">" + relative_time(obj[i].created_at) + "</a></span></li>";
  };
  var MyNameWithLink = "<a href=\"http://twitter.com/" + MyTwitterID + "\">" + MyName + "</a>";
  document.getElementById("MyTwitter").innerHTML = "<ul>" + Tweet + "</ul>";
  }
  //-->
  </script> 
  </div>

コメント

コメントフォーム
お名前やメールアドレスを記録しますか?

トラックバック

この記事のトラックバックURL
http://db-mn.com/archives/171/trackback

ページの先頭に戻る