Wassr(ワッサー)のAPI使用例(JavaScript)

2008/10/11

最近始めたWassr(ワッサー)APIが充実していて、しかも資料が簡潔で分かりやすいので気に入っています。

例えば「日本中のひとことフィード」を取り出すには以下のようにすれば簡単に処理できます(データはJSONで取得)。

<div id="wassr"></div>

<script type="text/javascript">

  // epoch time -> YYYY/MM/DD HH:MM:SS変換
  function epoch2date(epoch)
  {
    var target_date = new Date();

    target_date.setTime(epoch * 1000);

    var year = target_date.getFullYear();
    var mon  = target_date.getMonth() + 1; mon  = ('0' +  mon).substr(-2);
    var day  = target_date.getDate();      day  = ('0' +  day).substr(-2);
    var hour = target_date.getHours();     hour = ('0' + hour).substr(-2);
    var min  = target_date.getMinutes();   min  = ('0' +  min).substr(-2);
    var sec  = target_date.getSeconds();   sec  = ('0' +  sec).substr(-2);

    var date = year + '/' + mon + '/' + day + ' ' + hour + ':' + min + ':' + sec;

    return(date);
  }

  // ひとこと出力
  function disp_wassr(result)
  {
    var msg = '';
    for (var i = 0; i < result.length; i++)
    {
      var text = result[i]['text'];               // ひとこと
      var date = epoch2date(result[i]['epoch']);  // epoch time -> 日付文字列変換

      msg += '<p>' + date + ' ' + text + '</p>\n';
    }
    document.getElementById('wassr').innerHTML = msg;   
  }
</script>

<script type="text/javascript" src="http://api.wassr.jp/public_timeline.json?callback=disp_wassr"></script>

(結果)

<p>2008/10/11 01:24:13 一番新しいひとこと</p>
<p>2008/10/11 01:23:50 次に新しいひとこと</p>
<p>2008/10/11 01:23:09 3番目に新しいひとこと</p>
: