目指せ1級!30代サラリーマンボルダリング日記

都内IT企業で働く30代サラリーマンのクライミング記録

カテゴリ: javascript

なんかそのうち使いそうなのでコピペ用メモ。
jQueryを使ってjsonpでデータ取得。
とりあえずライブラリにして使うところで読み込むかんじに。

bitlyApi.js

BitlyClient = function() {
  this._initialize();
}
$.extend(BitlyClient.prototype, {
  _initialize: function(login, apikey, version) {
    this.login = login || "LOGIN";
    this.apikey = apikey || "APIKEY";
    this.version = version || "2.0.1";
  },
  shorten: function(longUrl, target) {
    var result;
    $.ajax({
      type: "GET",
      url: "http://api.bit.ly/shorten",
      data: {
        "login": this.login,
        "apiKey": this.apikey,
        "version": this.version,
        "longUrl": longUrl
      },
      dataType: "jsonp",
      success: function(data) {
        for (var r in data.results) {
          result = data.results[r];
          break;
        };
        target.text(result.shortUrl);
      }
    });
  },
  expand: function(shortUrl, target) {
    var result;
    $.ajax({
      type: "GET",
      url: "http://api.bit.ly/expand",
      data: {
        "login": this.login,
        "apiKey": this.apikey,
        "version": this.version,
        "shortUrl": shortUrl
      },
      dataType: "jsonp",
      success: function(data) {
        for (var r in data.results) {
          result = data.results[r];
          break;
        };
        target.text(result.longUrl);
      }
    });
  }
});
var Bitly = new BitlyClient();


URLとターゲット渡して出力するライブラリなので使う用途に合わせて。
とりあえずURL入力して出力する例。

html

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
<script src="bitlyApi.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
  $('input[id^=bitly]').click(function() {
    eval("Bitly."+$(this).val()+"($('input#url').val(), $('div#bitly-result'))");
  });
});
</script>
</head>
<body>
<input type="text" id="url" /><input type="button" value="shorten" id="bitly-shorten" /><input type="button" value="expand" id="bitly-expand" />
<div id="bitly-result"></div>

    このエントリーをはてなブックマークに追加

TwitterAPIに検索キーワードを投げて表示するだけのサンプル。

リクエストパラメータの一例。
詳細はこちらを参照
q検索キーワード
callbackコールバック関数を指定したいときは設定
lang検索対象の言語
rpp取得する検索結果数
page取得ページ


レスポンスデータはこんなかんじ。
created_at発言日時
from_userユーザID
profile_image_urlユーザのプロフィール画像
text発言

続いてソースとサンプル。
続きを読む
    このエントリーをはてなブックマークに追加


前回の記事(http://blog.livedoor.jp/j_yuze/archives/51369191.html)を受けて、 いろいろコピペで使えるようにしとくシリーズ。

まずはyoutubeAPI。

続きを読む
    このエントリーをはてなブックマークに追加

値段表示するときにふと思ったのでメモ。

使うときはこんな感じで使おう。
function number_format(num) {
  return num.toString().replace(/([0-9]+?)(?=(?:[0-9]{3})+$)/g , '$1,')
}

    このエントリーをはてなブックマークに追加

このページのトップヘ