これから仮想通貨はじめるなら、コインチェック

[み]Instagramから写真を取得するjQueryプラグイン「jQuery Spectragram」

instagram

最近InstagramのAPIのことばっかり調べています。でも、いまだにうまく使えていません。そんな中、でてくるのはjQueryのプラグインがぽろぽろと。その中で、かなりいろんなことができるやつを紹介します。

「jQuery Spectragram」

この「jQuery Spectragram」は、InstagramのAPIを利用して、タグ・ポピュラー・指定ユーザの写真を表示できます。

jQuery Spectragram

「jQuery Spectragram」を利用するには、client_idとaccess_tokenが必要になります。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の写真を取得することができます:)

Instagram Instagram
価格: 無料(記事公開時)
App Storeで詳細を見る

アプリをダウンロード

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です