2011-06-22

GUIビルダー使ってTwitterクライアントもどき

javascript GAS

暑さには弱いです。Google Apps Scriptの季節です。

function initTwitter() {
  var oAuthConf = UrlFetchApp.addOAuthService("twitter");
  oAuthConf.setAccessTokenUrl("http://api.twitter.com/oauth/access_token");
  oAuthConf.setRequestTokenUrl("http://api.twitter.com/oauth/request_token");
  oAuthConf.setAuthorizationUrl("http://api.twitter.com/oauth/authorize");
  oAuthConf.setConsumerKey("アレ");
  oAuthConf.setConsumerSecret("アレ");
}

function getLatestTweet() {
  var options = {
    "oAuthServiceName": "twitter",
    "oAuthUseToken": "always",
    "method": "GET"
  };
  var result = UrlFetchApp.fetch("http://api.twitter.com/1/statuses/home_timeline.json", options);
  var o = Utilities.jsonParse(result.getContentText());
  
  var tw = [];
  for(var i = 0; i < 5; i++) {
    tw[i] = {"url": o[i]["user"]["profile_image_url"], "tweet": o[i]["text"]};
  }
  
  return tw;
}

// スプレッドシートで表示するとき呼ぶ
function showGui(url, tweet) {
  var app = UiApp.createApplication();
  app.add(app.loadComponent("MyTwitter"));
  
  var text = app.getElementById("text1");
  //text.setText(tweet);
  var icon = app.getElementById("icon1");
  //icon.setUrl(url);
  
  SpreadsheetApp.getActiveSpreadsheet().show(app);
  return app;
}

function myTwitter() {
  initTwitter();
  var twi = getLatestTweet();
  showGui(twi.url, twi.tweet);
}

// サービスとして公開するとき呼ぶ
function doGet() {
  var app = UiApp.createApplication();
  app.add(app.loadComponent("MyTwitter"));
  
  initTwitter();
  var twi = getLatestTweet();
  
  for(var i = 0; i < twi.length; i++) {
    var text = app.getElementById("text" + (i+1));
    var icon = app.getElementById("icon" + (i+1));
    text.setText(twi[i].tweet);
    icon.setUrl(twi[i].url);
  }
  
  return app;
}

サービスとして公開したらこうなります。 https://spreadsheets.google.com/macros/exec?service=AKfycbxCqvY-oTA4DsC75d1M1QYBkeSGvhy2yi0

2011-05-28

テストを書いてみた

javascript テスト

Test-Driven JavaScript Developmentで学んだことを実践できた。

外部ファイルからのテストがしにくかったので、1つのオブジェクトにまとめた。
typoをいっぱい修正

これから

ajax.jsはjQueryを代わりに使う
コードハイライトしたい
core.jsで直接outputしない

2011-05-20

メモ取りのツール作った

javascript テスト

ちょっとしたメモをとるのにプレーンテキスト以上HTML未満が欲しかったので。普段はwiki使ってるけどいちいち保存するのがめんどくさい。これでCtrl+Sするだけでよくなった。

2011-05-13

KarotzのWebAPIをたたく

Webサービス karotz

アプリケーションの作成
アプリケーションの登録
interactiveIDの取得
Web APIたたく

Web APIをたたくだけですがアプリケーションを作る必要があります。interactiveIDを取得するためです。

アプリケーションの作成

まず、descriptor.xmlを書いていきます。最小はこんな感じ。

<descriptor>
   <version>0.0.1</version>
   <accesses>
       <access>tts</access>
    </accesses>
    <deployment>external</deployment>
    <callback>http://...</callback>
</descriptor>

ここで指定したにinteractiveIDがついたHTTPリクエストが飛んでくるのでそのリクエストを取得できるURLを指定してください。（自分でサーバたてんのめんどくせって方はなんでもおｋ。ブラウザから取得できるので。）
Webアプリかそうでないかはの値で決まります。またの値に指定した機能のみWebから呼び出せます。（ここではKarotzにしゃべらせれる機能のみ使える。）
各値の詳しい説明はこちら http://dev.karotz.com/dev/register_app.html#descriptor-xml