Instafeed.js

JavaScript

Webサイト内にInstagramの画像を表示できる「Instafeed.js」

Instafeed.jsはWebサイト内にInstagramの画像一覧を表示させることができます。自分の指定した好きなハッシュタグの画像を表示させたりできるのでとても便利ですね。オプションがかなり豊富なのでカスタマイズの自由度も高そうです。

Instafeed.js

Instafeed.js

オシャレなInstagramの画像を載せることでサイトが楽しい雰囲気になるのがいいですね。普通の写真を載せるだけじゃ物足りないという方は、Instagramの画像を表示させてみてはいかがでしょうか?

こんな感じで出力したいフィードをオプションを使って細かく設定していきます。

<script type="text/javascript">
    var feed = new Instafeed({
        get: 'tagged',
        tagName: 'awesome',
        clientId: 'YOUR_CLIENT_ID'
    });
    feed.run();
</script>

Register • Instagram Developer Documentation

自分が指定したハッシュタグのInstagram画像を表示させたい時には、ぜひ覚えておきたいですね。

関連記事

  1. ScrollBooster

    JavaScript

    ドラッグしながらスクロールするライブラリ「ScrollBooster」

    ScrollBoosterはドラッグしながらスクロールする機能を実装で…

  2. Valiant 360

    JavaScript

    360度のパノラマ動画を実装できるビデオプレーヤー「Valiant 360」

    Valiant 360はブラウザ上で360度のパノラマ動画・写真を実装…

  3. gridscrolling.js
  4. no-image

    JavaScript

    カードを入れ替えるような3Dアニメーションによるスライダー「stack-slider」

    stack-sliderはカードを入れ替えるような3Dアニメーションに…

  5. JavaScript

    テーブルを綺麗なデザインにしてくれたり並び替え(ソート)もできるjQuery「tablesorter…

    jQueryのプラグインで、テーブルをフレキシブルなデザインにしてくれ…

  6. Force.js

    JavaScript

    要素を手軽にアニメーション化できる「Force.js」

    Force.jsはページ上の要素を手軽にアニメーション化させることがで…

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP