TinyURLは長いURLをTwitterやメール、メッセンジャーなどに書き込むときに便利なんだけど、いちいちTinyURL.comのサイトからURLをコピペするのが面倒だな、と思ったので作成。TinyURLによって生成された URI がプロンプトとして即時に返ってきますのでコピペとかしやすいかと。

使い方

TinyURL! ←このリンクをブックマークツールバーにドラッグ、または右クリックなどでブックマークに登録。下記のソースをコピーしてブックマークに登録してもOKです

javascript:var%20b=document.body;if(b){_cb=function(s){void(window.prompt('Converted URI',s))};void(z=document.createElement('script'));void(z.src='http://remysharp.com/tinyurlapi?callback=_cb&url='+encodeURI(decodeURIComponent(location.href)));void(b.appendChild(z));}

メモ

• JSONを使っています。ソースはこんな感じ。

  var b=document.body;

  if(b){
   _cb=function(s);
   void(window.prompt('Converted URI',s));
   void(z=document.createElement('script'));
   void(z.src='http://remysharp.com/tinyurlapi? callback=_cb&url='+encodeURI(decodeURIComponent(location.href)));
   void(b.appendChild(z));
  }

• Safariなどで2バイト文字がデコードされずにアドレスバーに表示されているときでも正常にTinyURLで生成できるようにしています。
• しかしながら # を含む URL はうまくTinyURLできません。デコードしてAPIに渡しても #より先は切り捨てられてしまう。。

謝辞

remy sharp氏の TinyURL Callback API を利用させていただきました。 Thanks a lot!