最近InstagramのAPIのことばっかり調べています。でも、いまだにうまく使えていません。そんな中、でてくるのはjQueryのプラグインがぽろぽろと。その中で、かなりいろんなことができるやつを紹介します。
「jQuery Spectragram」
この「jQuery Spectragram」は、InstagramのAPIを利用して、タグ・ポピュラー・指定ユーザの写真を表示できます。
「jQuery Spectragram」を利用するには、client_idとaccess_tokenが必要になります。access_tokenを取得する方法は、このあたりを参考にしてください。
Instagram Developer Documentation 5分で使い始めるInstagramAPI – 気が向いたら 非エンジニアによるTech Startupブログ: Instagram API Access Token 取得にエラーがでたら
「jQuery Spectragram」を使う方法
client_idとaccess_tokenを取得したら、さっそく使ってみましょう。まずは、jQueryと「jQuery Spectragram」を読み込みます。
[cc lang=”html”]
[/cc]
次に、取得したclient_idとaccess_tokenを読み込みます。
[cc lang=”JavaScript”]
jQuery.fn.spectragram.accessData = {
accessToken: ‘ここにaccess_token’,
clientID: ‘ここにclient_id’
};
[/cc]
そして、タグ・ポピュラー・指定ユーザの写真、それぞれのサンプルです。
タグ
[cc lang=”JavaScript”] $(‘#tag’).spectragram(‘getRecentTagged’, {query: ‘タグ’,
size: ‘small’,
max: 4
});
[/cc]
ポピュラー
[cc lang=”JavaScript”] $(‘#popular’).spectragram(‘getPopular’, {size: ‘small’,
max: 4
});
[/cc]
指定ユーザの写真
[cc lang=”JavaScript”] $(‘#feed’).spectragram(‘getUserFeed’, {query: ‘ユーザ名’,
size: ‘small’,
max: 4
});
[/cc]
こんなカンジにカンタンにInstagramの写真を取得することができます:)