🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Instagram API

Instagram APIは、写真共有SNSであるInstagramの投稿写真をWebサイトに掲載するためのAPIです。取得することでWebサイトと連携し、自動的に投稿写真を表示することができます。

GitHub

GitHubは、Gitバージョン管理システムを利用したソフトウェア開発向けの共有ウェブサービスです。GitHub商用プランおよびオープンソースプロジェクト向けの無料アカウントを提供しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

Q&A

解決済

1回答

788閲覧

Instagramの最新記事をサイトに表示したい。

cafe1111

総合スコア62

Instagram API

Instagram APIは、写真共有SNSであるInstagramの投稿写真をWebサイトに掲載するためのAPIです。取得することでWebサイトと連携し、自動的に投稿写真を表示することができます。

GitHub

GitHubは、Gitバージョン管理システムを利用したソフトウェア開発向けの共有ウェブサービスです。GitHub商用プランおよびオープンソースプロジェクト向けの無料アカウントを提供しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

0グッド

0クリップ

投稿2020/12/04 04:34

■問題点
下記の記事を参考に実装しようとしたがエラーが出て実装できない。
参考

Instagram Feed: It looks like YOUR network has been temporary banned because of too many requests. See https://github.com/jsanahuja/jquery.instagramFeed/issues/25 4

js

1<!-- ここから --> 2 <div id="instagram-feed" class="instagram_feed"></div> 3 <script src="js/jquery.instagramFeed.min.js"></script> 4 <script> 5 (function($){ 6 $(window).on('load', function(){ 7 $.instagramFeed({ 8 'username': 'aaaa', 9 'container': document.getElementById("instagram-feed"), 10 'display_profile': false, 11 'display_biography': false, 12 'display_gallery': true, 13 'callback': null, 14 'styling': true, 15 'items': 6, 16 'items_per_row': 3, 17 'margin': 0.25, 18 'lazy_load':true 19 }); 20 }); 21 })(jQuery); 22 </script> 23 <!-- ここまで -->

もし他にお勧めの方法がありましたら教えていただきたいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

エラーを翻訳すると、

text

1Instagramフィード:リクエストが多すぎるため、ネットワークが一時的に禁止されているようです。 2https://github.com/jsanahuja/jquery.instagramFeed/issues/254を参照してください

となります。
つまり、下記の可能性があります。

  • そのライブラリの手法では、Instagramから怒られる

つまり、ライブラリの手法では、瞬間のリクエストが多すぎて、ダメだということです。
参考記事は、7月のものですが、
Instagramはしょっちゅう仕様を変更する鬼畜SNSなので、7月には使えたものも、
今だとダメな可能性があります。
また、Ajaxを含め、スクレイピング手法に対しては非常にうるさいSNSです。
(セキュリティを考えると当然ちゃ当然だが)

  • 使い方が間違っている可能性

ライブラリのドキュメントと、自身の構文を睨めっこしてして、
使い方を間違っていないか、再度確認しましょう。
また、エラー文にもありますとおり、
Issues · jsanahuja/jquery.instagramFeed · GitHub
の25の4行目(25と4の間にスペースあるからそうだと思う)にその理由が書かれているはずですので、
参照してみましょう。

ただし、一番目の理由から、
Instagramは、IP単位で、ユーザーエージェントなどからロボット判別をされ、同様のアクセスはしばらくブロックしてくるので、
ブロックされた可能性が高く、
しばらく、質問者さんのマシンからのAjaxアクセスはできない可能性があります。

投稿2020/12/04 05:04

編集2020/12/04 05:12
miyabi_takatsuk

総合スコア9555

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

cafe1111

2020/12/04 13:49

なるほど ご回答ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問