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

最近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」を読み込みます。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="spectragram.js"></script>

次に、取得したclient_idとaccess_tokenを読み込みます。

jQuery.fn.spectragram.accessData = {
    accessToken: 'ここにaccess_token',
    clientID: 'ここにclient_id'        
};

そして、タグ・ポピュラー・指定ユーザの写真、それぞれのサンプルです。

タグ

$('#tag').spectragram('getRecentTagged', {
    query: 'タグ',
    size: 'small',
    max: 4
});

ポピュラー

$('#popular').spectragram('getPopular', {
    size: 'small',
    max: 4
});

指定ユーザの写真

$('#feed').spectragram('getUserFeed', {
    query: 'ユーザ名',
    size: 'small',
    max: 4
});

こんなカンジにカンタンにInstagramの写真を取得することができます:)

Instagram Instagram
価格: 無料(記事公開時)
App Storeで詳細を見る
アプリをダウンロード

シェアありがとうございます

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

commentYour Message

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

checkboxみはら.comはエックスサーバーです

editNEW エントリー

PAGE TOP arrowup