[ jquery-instagram ] Instagram API を簡単に利用できる jQuery プラグインを試してみました

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

Instagram API を簡単に利用できる [ jquery-instagram ] という jQuery プラグインを試してみました〜。

▲ 本家サイト＆デモ

[ jquery-instagram ] 公式ページ

• 本家サイト＆デモ

• GitHub

[ jquery-instagram ] 簡単な使い方

使い方は次のとおりです。 利用には、Instagram にアプリを登録して、Client ID を取得する必要があります。

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="jquery.instagram.js"></script>
        <script>
            $(function() {
                $(".instagram").instagram({
                    hash: 'love',
                    clientId: 'YOUR-CLIENT-ID-HERE'
                });
            });
        </script>
    </head>
    <body>
        <div class="instagram"></div>
    </body>
</html>

分かった事

• ライセンスは MIT との事。

• 指定できる画像の大きさ ( image_size ) は、次のようになっていました。

  • 306 x 306 – low_resolution

  • 150 x 150 – thumbnail

  • 612 x 612 – standard_resolution

参考にさせてもらったページ

• Instagram API を使用し、タグで絞った画像を一覧表示する方法 | superChemical

ありがとうございます！

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。