<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="http://travel-lab.info/tech/pblog/rss/style.css" type="text/css"?>
<rdf:RDF xmlns="http://purl.org/rss/1.0/"
         xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
         xmlns:content="http://purl.org/rss/1.0/modules/content/"
         xmlns:dc="http://purl.org/dc/elements/1.1/"
         xml:lang="ja">
<channel rdf:about="http://travel-lab.info/tech/pblog/rss/1.0.php?id=100">
<title>Travellers Tales</title>
<link>http://travel-lab.info/tech/pblog/index.php</link>
<dc:date>2007-03-22T02:27:24+09:00</dc:date>
<description>
Travellers Tales - RSS (RDF Site Summary).
</description>
<items>
<rdf:Seq>
<rdf:li rdf:resource="http://travel-lab.info/tech/pblog/article.php?id=100" />
</rdf:Seq>
</items>
</channel>
<item>
<title>リンク切れが起こらない URL 短縮サービス LookLeap</title>
<link>http://travel-lab.info/tech/pblog/article.php?id=100</link>
<dc:date>2007-03-22T02:27:24+09:00</dc:date>
<description>一度で何粒もおいしい URL 短縮サービス LookLeap を紹介します。短縮 URL を生成すると同時に、リンク先をキャッシュして保存してくれるところが、他の類似サービスにはない特徴です。


LookLeap


URL 短縮サービス...</description>
<content:encoded>
<![CDATA[
<p>一度で何粒もおいしい URL 短縮サービス <a href="http://lookleap.com/" title="LookLeap - Welcome to LookLeap!">LookLeap</a> を紹介します。短縮 URL を生成すると同時に、リンク先をキャッシュして保存してくれるところが、他の類似サービスにはない特徴です。</p>
<div class="exref">
<ul>
<li><a href="http://lookleap.com/" title="LookLeap - Welcome to LookLeap!">LookLeap</a></li>
</ul>
</div>
<h4>URL 短縮サービスとは</h4>
<p>長い URL を紹介したいときに、そのまま URL を貼ると都合が悪い場合に、短い代替の URL を提供するサービスが、URL 短縮サービスや URL 圧縮サービスと呼ばれています。</p>
<p>例えば、メールに URL を貼付けたときに、行の折り返しによってリンクが切れてしまう場合に使ったり、<a href="http://mixi.jp">mixi</a> で長い URL を貼ると、レイアウトが崩れてしまうので、それを避けるのに使われていたりします。</p>
<p>URL 短縮サービスとしては、<a href="http://tinyurl.com/" title="TinyURL.com - shorten that long URL into a Tiny URL">TinyURL</a> あたりが走りで、類似のサービスは数多くあります。（<a href="#ShortURL" title="その他の URL 短縮サービス">下記でまとめて紹介</a>）</p>
<h4>LookLeap の特徴</h4>
<p>たくさんの URL 短縮サービスがあるのに、ここで <a href="http://lookleap.com/" title="LookLeap - Welcome to LookLeap!">LookLeap</a> を紹介するのは、LookLeap を使えば言及したリンク先が保存しておけるという特徴のためです。</p>
<p>短縮 URL を使って、ニュースページ等にリンクを張ることがあると思いますが、ニュース系のサイトでは保存期間が決まっている場合も多く、時間が経つとリンクが切れてしまうことが少なくありません。</p>
<p>そこで <a href="http://lookleap.com/" title="LookLeap - Welcome to LookLeap!">LookLeap</a> を使ってリンクを張れば、元のページが消えてしまった場合も書いてあったことが参照できることになります。</p>
<p>LookLeap を使って短縮 URL を生成すると、以下の5つのリンクが現れます。cached にリンク先のキャッシュが保存されています。</p>
<p><img src="http://travel-lab.info/tech/pblog/resources/LookLeap.png" height="272" width="400" alt="LookLeap" /></p>
<ul>
<li>discuss：<a href="http://gojot.com/" title="GoJot - Welcome to GoJot!">golot.com</a> というサービスを使って、リンク先記事にコメントを付けられるが、単純なアルファベットと数字しか使えず、日本語などは文字化けする</li>
<li>open：リンク先を開く</li>
<li>cached：リンク先の保存されたキャッシュを開く</li>
<li>tiny url：短縮 URL を表示する</li>
<li>email：件名にリンク先、本文に短縮 URL を入れたメールを作成する</li>
</ul>
<p>これらの機能以外にも、LookLeap の短縮 URL がクリックされた回数の、<a href="http://lookleap.com/site/statistics" title="LookLeap - Site Statistics">ドメイン別に統計を見る</a>こともできます。</p>
<div class="exref">
<ul>
<li><a href="http://lookleap.com/site/statistics">LookLeap - Site Statistics</a>
<ul>
<li><a href="http://lookleap.com/google.com">http://lookleap.com/google.com</a>：例）google.com の統計</li>
</ul></li>
</ul>
</div>
<h4>LookLeap の使用例</h4>
<p>以下は試しに <a href="http://headlines.yahoo.co.jp/hl" title="Yahoo!ニュース - トップ">Yahoo!ニュース</a>の『<a href="http://headlines.yahoo.co.jp/hl?a=20070317-00000014-jij-soci" title="Yahoo!ニュース - 時事通信 - 「休日に寝だめ」は逆効果＝平日差大きいほど不眠、抑うつ−働く人の睡眠調査">「休日に寝だめ」は逆効果</a>』という記事に対して、LookLeap を使ってみたものです。</p>
<ul>
<li>元記事の URL：<a href="http://headlines.yahoo.co.jp/hl?a=20070317-00000014-jij-soci">http://headlines.yahoo.co.jp/hl?a=20070317-00000014-jij-soci</a></li>
<li>短縮された URL：<a href="http://lookleap.com/headlines.yahoo.co.jp/a2">http://lookleap.com/headlines.yahoo.co.jp/a2</a></li>
<li>キャッシュ：<a href="http://lookleap.com/headlines.yahoo.co.jp/a2/cache">http://lookleap.com/headlines.yahoo.co.jp/a2/cache</a></li>
<li>可能なサービス一覧：<a href="http://lookleap.com/headlines.yahoo.co.jp/a2/look">http://lookleap.com/headlines.yahoo.co.jp/a2/look</a></li>
</ul>
<p>短縮 URL サービスは、どこに飛ばされるかわからないのでセキュリティ上の問題があると指摘される場合もあります。その場合は、「可能なサービス一覧」として挙げた、URL 末尾に <code>/look</code> がついた方のアドレスを紹介してもよいと思います。</p>
<p>惜しむらくは、cached に保存されているページが文字化けしてしまう場合が多いことです。文字化けしている場合は、ユーザが自分で適切な文字コードを指定してやる必要があります。</p>
<p>文字化けしてしまうのは、<a href="http://www.archive.org/">Internet Archive</a> で文字化けすることが多いのと同じ理由だと思いますが、サーバが HTTP ヘッダで <code>Content-Type: text/html; charset=utf-8</code> と、文字コードが UTF-8 であるとして応答しているために、meta タグで指定されたものより、サーバ応答の文字エンコーディングが優先されてしまっているからでしょう。UTF-8 で書かれたページなら文字化けしないと思われます。</p>
<p>また、<a href="http://lookleap.com/" title="LookLeap - Welcome to LookLeap!">LookLeap</a> のキャッシュは、<a href="http://megalodon.jp/">ウェブ魚拓</a>のように時系列で何度もキャッシュを取れるわけではないので、更新が多いページの保存用としては向かないと思います。</p>
<h4>LookLeap 用のブックマークレット</h4>
<p>本家の Bookmarklet は以下のようなものになっています。</p>
<pre><code>javascript:{top.location.href='http://lookleap.com/p/r.php?v=1&amp;u='+escape(top.location).replace(/\+/g,'%252B')+'&amp;t='+escape(top.document.title).replace(/\+/g,'%252B')}void(0);
</code></pre>
<p>ページのタイトルを escape してくれているのですが、そのくせ（現時点では）どうも ASCII にしか対応していないようで、日本語のタイトルは通らないようです。いろいろ試行錯誤してみたのですが。</p>
<p>これをそのまま使うと、日本語のタイトルが変にエスケープされて、ウインドウ幅が長くなってしまうので、ちょっと改造してタイトルを省いたブックマークレットを紹介しておきます。ブックマークに登録して使ってください。</p>
<ul>
<li><a href="javascript:%7Btop.location.href='http://lookleap.com/p/r.php?v=1&u='+escape(top.location).replace(/%5C+/g,'%252B')%7Dvoid(0);)">LookLeap - 同ウインドウに開く</a></li>
<li><a href="javascript:window.open('http://lookleap.com/p/r.php?v=1&u='+escape(location.href).replace(/%5C+/g,'%252B'),%20'_blank',%20'');undefined;">LookLeap - 別ウインドウに開く（target="_blank"）</a></li>
<li><a href="javascript:window.open('http://lookleap.com/p/r.php?v=1&u='+escape(location.href).replace(/%5C+/g,'%252B'),%20'_blank',%20'width=400,height=250,resizable=1,scrollbars=1,statusbar=1');undefined;">LookLeap - 別ウインドウに開く（400×250）</a></li>
</ul>
<h4 id="ShortURL">その他の URL 短縮サービス</h4>
<ul>
<li><p><a href="http://tinyurl.com/" title="TinyURL.com - shorten that long URL into a Tiny URL">TinyURL</a></p>
<p>短縮 URL の代名詞？TinyURL では、http://tinyurl.com/2usxx8 のような URL が生成されますが、http://preview.tinyurl.com/2usxx8 というように、ドメインの頭に preview を付けると、直接リンク先に飛ばずに、一旦確認ページが表示されるようになりました。</p></li>
<li><p><a href="http://notlong.com/" title="notlong Free Short URL Redirection: Make a long URL notlong">notlong</a></p>
<p>短縮される URL をサブドメインとして自分で名付けることができます。XXXXX.notlong.com の XXXXX の部分を自由に決められるわけです。<a href="http://journal.mycom.co.jp/column/lifehack/039/" title="【コラム】クリエイターのためのライフハック (39) 共有する URL を短く分かりやすくする方法 - notlong.com | クリエイティブ | マイコミジャーナル">マイコミジャーナルよる解説</a>があります。</p></li>
<li><p><a href="http://qurl.net/" title="qURL.net ? Yet Another Shorter Link ServicexA釟">qURL.net</a></p>
<p>タグが付けられるのですが、うまく反映されないような？</p></li>
<li><p><a href="http://mooo.jp/" title="URL圧縮と解析　mooo.jp">mooo.jp</a></p>
<p>アカウント登録すると、短縮 URL に加えて、ログが取れるようになります。</p></li>
<li><p><a href="http://s-url.net/" title="長いURLを短くしよう - s-url">s-url</a></p>
<p>こちらも登録するとログが取れるようになります。</p></li>
<li><p><a href="http://z.la/" title="Z.la：URL圧縮・転送サービス - 長いURLを短縮できます！">Z.la（ズィーラ）</a></p>
<p>ウイルスに感染する、ブラウザがクラッシュする等、セキュリティ上問題があるページへはリンクが張れないそうです。</p></li>
<li><p><a href="http://symy.jp/" title="ウェブ精米 - ＵＲＬ圧縮サービス">ウェブ精米</a></p>
<p><a href="http://megalodon.jp/">ウェブ魚拓</a>と同じ会社のサービスです。</p></li>
<li><p><a href="http://msgurl.com">msgurl</a></p>
<p>msgurl.com は現在アクセス不可。いつの間にやら消滅した模様。リンク先に飛ばす前に任意のメッセージが表示できるので、よいサービスだと思ったのですが。</p></li>
</ul>

]]>
</content:encoded>
</item>

</rdf:RDF>