2011-02-25 JavaScriptでinstagramのURLからサムネールを取得する方法
InstagramのURLからサムネールを取得する方法
何日か前に写真共有iPhoneアプリInstagramのAPIが公開されました。その中のURLからサムネールを得る方法も公式に提供されました。
他のAPIは認証(OAuthまたはクライアントID送信)が必要となりますが、サムネール画像(や通常サイズの画像)を得るだけなら認証は不要でとっても簡単。
方法は、投稿されたURL ( http://instagr.am/p/〜 )の後ろに /media/?size=t をつけるだけ。
これでサムネール画像にリダイレクトされる仕組みです。なおmediaの後に / を付けないとリダイレクトが1回余計に発生し、無駄な通信をすることになるので注意。
tの部分には t: サムネール、m: デフォルトサイズ、l: 大サイズ が指定可能。?size=の指定を省略するとmのサイズになります。
以上から、JavaScriptでinstagramのURLを検出してサムネール画像へのリンクを得るには
if (url.match(/^(http:\/\/instagr\.am\/p\/[\w\-]+)\/?$/)) { thumbnail_url = RegExp.$1+'/media/?size=t'; }
などとすれば良いでしょう。
トラックバック - http://d.hatena.ne.jp/NeoCat/20110225/1298656117
リンク元
- 2902 http://www.geocities.co.jp/twicli/
- 1753 http://pipes.yahoo.com/pipes/pipe.info?_id=45d5a8c4e92dd6d0ea2937e5cbb455bf
- 839 http://pipes.yahoo.com/pipes/pipe.info?_id=3eebace824bb60a10f13c841c2c64478
- 358 http://d.hatena.ne.jp/ruedap/20110228/instagram_api_of_exclusive_use_for_cat_lovers_nekostagram
- 105 http://www.geocities.jp/twicli/
- 43 http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rlz=1T4GGLL_jaJP407JP408&q=place+engine+電測ログ フォーマット
- 42 http://www.otchy.net/20090923/send-post-method-to-cross-domain-only-use-javascript/
- 37 http://j.mp/eNNtFo
- 37 http://translate.googleusercontent.com/translate_c?hl=pt-PT&ie=UTF-8&sl=ja&tl=en&u=http://d.hatena.ne.jp/NeoCat/&rurl=translate.google.pt&usg=ALkJrhjmBtswUmleghX2S-DOOskkiQ9tIg
- 32 http://longurl.org



