2013APIjQueryこの記事は年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。Toshikuraです。今回のTipsは【tumblrAPIを使って画像、動画、リンク、投稿を一覧表示する方法】です。知らぬ間にtumblrAPIが使い易くなっていたのでメモです。ここでは自分がリブログ、もしくは投稿した画像や動画等を一覧で表示させる方法をメモしておきます。はじめに今回の実装を行う上で以下の2つの情報が必要になります。・tumblrアカウント・apiキーapiキーの取得1.アプリの登録まずはアプリの登録を行います(リンク)。今回は一覧の取得表示だけですのでこれだけでキーが取得できます。URL(設置先のURL)を記入すればOKです。以上でキーが取得できました。次はこのキーと自分のタンブラーを使って使って画像や動画を取得します。画像、動画、リンク、投稿の一覧表示キーを使い、投稿をJSON形式で取得する事ができます。以下ではjQueryのgetJSONを使って表示してみます。JSONに関しては公式DOCに詳しい説明がありますのでそちらをご参照ください。JSONの取得JSONの取得はhttp://api.tumblr.com/v2/blog/[ここにタンブラーのホスト]/posts?api_key=[取得したキー]&jsonp=?で行う事ができます。取得できる件数は1-20件ですが、この時点でタグで絞ったJSONの取得や投稿の種類で絞ったJSONの取得もできますので目的に併せてミニマムな情報を抜き出す事が可能です。きが長くなってしまいましたが、デモで使っているJSのサンプルを置いておきます。基本的にはObjectとArrayの入れ子構造ですので$.each(array/objectを活用して出力しています。例は画像、動画、リンク、投稿等、主要な投稿タイプを全てカバーしたかったので結構ごりごりですのでご参考程度にお考えください。href="'+link+'">link</a></li><li>'+caption+'</li></ul></div>');}});}});}}}});});});});これで下記の様な猫gifページができました。今回の例ではこちらの個人的なタンブラーから新着20件の情報を取得しています。touch.Mail:info@zxcvbnmnbvcxz.comAdvertisement。