質問編集履歴

4

症状の追加

2020/11/27 07:03

投稿

winter_pc
winter_pc

スコア14

test CHANGED
File without changes
test CHANGED
@@ -169,3 +169,17 @@
169
169
  このページにパッチファイルが掲載されているのですが、利用方法が分かりません。
170
170
 
171
171
  どのようにしたらいいのでしょうか?
172
+
173
+
174
+
175
+ ---
176
+
177
+ ・自分のinstagramIDへ接続しているのが悪いのかと思い他の方のIDに変えてみても変化無し
178
+
179
+  (症状が出てないPCでは修正されて表示が変化しているし、自分のPCでは相変わらず非表示)
180
+
181
+  …そもそもIDが悪いのなら公式サンプルは表示するはずなのにそうじゃない時点で関係ないですよね…
182
+
183
+ ・instagramFeed.jsのバージョンが1.3.2だったので1.4.1に変更
184
+
185
+  →変化無し

3

内容の追加

2020/11/27 07:03

投稿

winter_pc
winter_pc

スコア14

test CHANGED
File without changes
test CHANGED
@@ -141,3 +141,31 @@
141
141
 
142
142
 
143
143
  また、Android8.0.0のchromeでも表示します。
144
+
145
+
146
+
147
+
148
+
149
+ ---------------------------------------------------
150
+
151
+ chromeのデベロッパーツールでエラーが出ているのを確認しました。
152
+
153
+ 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 (anonymous) @ jquery.instagramFeed.min.js:1
154
+
155
+ です。
156
+
157
+
158
+
159
+ 検索すると以下のページが出ました。
160
+
161
+ https://www.drupal.org/project/simple_instagram_feed/issues/3163987
162
+
163
+ 「Instagram APIには1時間あたり200リクエストの制限があるため、フィードブロックによってリクエスト数を制限することをお勧めします。したがって、パッチは$ .instagramFeedを1回初期化することを提案します。」(翻訳のまま)という事でした。
164
+
165
+ 200回もリロードした覚えはないのですが…
166
+
167
+
168
+
169
+ このページにパッチファイルが掲載されているのですが、利用方法が分かりません。
170
+
171
+ どのようにしたらいいのでしょうか?

2

症状の追加

2020/11/26 09:13

投稿

winter_pc
winter_pc

スコア14

test CHANGED
File without changes
test CHANGED
@@ -19,6 +19,8 @@
19
19
  ここまでなら単に自分の設置が間違ってるだけだと思うのですが
20
20
 
21
21
 
22
+
23
+ ・数日前はちゃんと表示してました。(トラブル発生後にOSのアップデートは無かったと思います)
22
24
 
23
25
  ・他のPCでは正常に表示している
24
26
 

1

コードと環境の追加

2020/11/25 09:16

投稿

winter_pc
winter_pc

スコア14

test CHANGED
File without changes
test CHANGED
@@ -31,3 +31,111 @@
31
31
  この場合、他にどういった対処方法がありますか?
32
32
 
33
33
  よろしくお願いします。
34
+
35
+
36
+
37
+
38
+
39
+ 追記です
40
+
41
+ コードはこれで良いのでしょうか
42
+
43
+ ```html
44
+
45
+ <div id="instagram-feed1" class="instagram_feed"></div>
46
+
47
+ ```
48
+
49
+ ```css
50
+
51
+ .instagram_feed {
52
+
53
+ float: left;
54
+
55
+ margin-bottom: 20px;
56
+
57
+ }
58
+
59
+ .instagram_feed img {
60
+
61
+ width: 169px;
62
+
63
+ height: auto;
64
+
65
+ margin: 15px;
66
+
67
+ }
68
+
69
+ .work_insta_link {
70
+
71
+ width: 100%;
72
+
73
+ margin: 0 auto;
74
+
75
+ text-align: right;
76
+
77
+ }
78
+
79
+ ```
80
+
81
+ ```jquery
82
+
83
+ <script>
84
+
85
+ (function($){
86
+
87
+ $(window).on('load', function(){
88
+
89
+ $.instagramFeed({
90
+
91
+ 'username': 'gigaspeedauthor',
92
+
93
+ 'container': "#instagram-feed1",
94
+
95
+ 'display_profile': false,
96
+
97
+ 'display_biography': false,
98
+
99
+ 'display_gallery': true,
100
+
101
+ 'callback': null,
102
+
103
+ 'styling': false,
104
+
105
+ 'items': 4,
106
+
107
+ 'items_per_row': 2,
108
+
109
+ 'margin': 1,
110
+
111
+ 'lazy_load': true,
112
+
113
+ 'on_error': console.error
114
+
115
+ });
116
+
117
+ });
118
+
119
+ })(jQuery);
120
+
121
+ </script>
122
+
123
+
124
+
125
+ ```
126
+
127
+
128
+
129
+ 環境は何を追記したらよいでしょうか?
130
+
131
+ 表示しないPC・するPCどちらも以下の環境です。
132
+
133
+ windows10 64bit (20H2)
134
+
135
+ chrome(87.0.4280.66(Official Build) (64 ビット))
136
+
137
+ Edge(87.0.664.41 (公式ビルド) (64 ビット))
138
+
139
+
140
+
141
+ また、Android8.0.0のchromeでも表示します。