試験管のなかのコード

Jul 03, 2009

[WebService] Twitter で短縮 URL と上手く付き合う方法

Twitter の 140 文字という制約と付き合っていくにはどうしても避けて通れない短縮 URL サービス。ただ、この短縮 URL には色々問題もある。

実際に飛んでみないとリンク先が分からない
Twitter Web UI では、短縮前の URL の文字数が 140 文字制約の対象となってしまう

特に 1 はかなり危険度の高い問題だ。

Yahoo! ニュース - リニア始発駅品川駅の直下に。http://bit.ly/4rQcxo

なんてことが出来てしまう。ちなみに、上記短縮 URL はこのブログに飛ぶ。
当然、こんな問題は以前から認識され、議論の対象となっているが、なかなかサービス側では対処が進んでいないのが現状だ。しばらくはユーザが自衛するしかないだろう。
2 は Twitter 専用クライアントを使用すれば済む話だが、個人的には Web UI でもなんとかしてもらいたいところ。

Firefox + Grease Monkey でこの 2 つを解決しよう、というのが今回の趣旨。

まず

Firefox はインストールされていることを前提とする。まず、Firefox に Grease Monkey をインストールする。 Firefox でリンク先に飛んで、「Firefox へインストールする」をクリックするだけで OK。

TinyURL Decoder

上記 1 の問題を解決するために TinyURL Decoder を利用する。 TinyURL Decoder は、Twitter 上の短縮 URL を自動的に元に戻して、短縮 URL と差し替えて表示してくれる Grease Monkey スクリプト。パフォーマンスを考慮してキャッシングまでしてくれる逸品。

TinyURL Decoder for Greasemonkey

Twitter を安全に利用するため、必ず用意しておきたい。

→

bittwit

Twitter Web UI に bit.ly 連携用のインタフェースを追加する拙作 Grease Monkey スクリプト。以下のリンクをクリックするとインストールされる。

bittwit

〜使い方〜

普通につぶやきを入力。URL 部分を選択し、"shorten selected" ボタンをクリック。選択された部分が bit.ly で短縮される。
普通につぶやきを入力。"shorten selected" ボタンをクリック。URL (と思わしき箇所) が bit.ly で短縮される。
短縮 URL の前にリンク先のタイトルを挿入したい場合は、"shorten selected" ボタン右のチェックボックスをチェックしてからボタンを押す。

Posted in WebService | WriteBacks (0) |

Bookmark this on Delicious

Jul 02, 2009

[WebService] bit.ly API にチャレンジ

bit.ly は URL 短縮サービス。最近 Twitter の標準 URL 短縮サービスに採用された。 bit.ly は API を提供しているので、ちょっと利用してみた。

bit.ly: http://bit.ly/

bit.ly アカウント作成 & API Key 取得

API を使う前に、まず bit.ly のアカウントを作成する。 big.ly Sign upより、アカウントを作成する。

次に bit.ly にログインし、アカウント情報より API Key を取得する。これで API を使用する準備は完了。

bit.ly API の利用

bit.ly API の詳細は以下のドキュメントを参照。

bitly-api: http://code.google.com/p/bitly-api/wiki/ApiDocumentation

詳細はドキュメントに譲ることにして、ここでは URL 短縮 API を試してみる。
まずは http://www.yahoo.co.jp/ を短縮してみる(短縮する必要無い長さだな・・・)。

http://api.bit.ly/shorten?version=2.0.1&login=[my bitly user name]&apiKey=[my bitly API Key]&longUrl=http://www.yahoo.co.jp/

上記リクエストを GET で送出すると、以下の様なレスポンスが得られる。

{ "errorCode": 0, "errorMessage": "", "results": { "http://www.yahoo.co.jp/": { "hash": "INPsu", "shortKeywordUrl": "", "shortUrl": "http://bit.ly/8jyvv", "userHash": "8jyvv" } }, "statusCode": "OK" }

JavaScript から利用する場合は callback を利用する。

http://api.bit.ly/shorten?version=2.0.1&login=[my bitly user name]&apiKey=[my bitly API Key]&longUrl=http://www.yahoo.co.jp/&callback=callback

上記リクエストを GET で送出すると、以下の様なレスポンスが得られる。

callback({ "errorCode": 0, "errorMessage": "", "results": { "http://www.yahoo.co.jp/": { "hash": "INPsu", "shortKeywordUrl": "", "shortUrl": "http://bit.ly/8jyvv", "userHash": "8jyvv" } }, "statusCode": "OK" })

callback はこういう様に利用する。

<script type="text/javascript" 
           src="http://api.bit.ly/shorten?version=2.0.1&login=[my bitly user name]&apiKey=[my bitly API Key]&longUrl=http://www.yahoo.co.jp/&callback=callback" />
<script type="text/javascript">
function callback(bitlyResponse){
  var json = eval(bitlyResponse);
  alert(json.statusCode);
}
<script type="text/javascript">

Posted in WebService | WriteBacks (0) |