質問をすることでしか得られない、回答やアドバイスがある。

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

新規登録して質問してみよう
ただいま回答率
85.48%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

Instagram API

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

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Q&A

1回答

315閲覧

instagramのapiについて

html5x

総合スコア14

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

Instagram API

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

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

0グッド

0クリップ

投稿2017/08/27 06:40

instafeedを使って、インスタグラムのデータを取得したいのですが、
画像やコメントは取得できるのですが、
ユーザーのプロフィール写真を取得できません。

下記urlのTemplatingの中に項目がないのですが、
これ以外に取得する項目、方法があれば教えてください。

https://github.com/stevenschobert/instafeed.js

【Templating】
{{type}} - the image's type. Can be image or video.
{{width}} - contains the image's width, in pixels.
{{height}} - contains the image's height, in pixels.
{{orientation}} - contains the image's orientation. Can be square, portrait, or landscape.
{{link}} - URL to view the image on Instagram's website.
{{image}} - URL of the image source. The size is inherited from the resolution option.
{{id}} - Unique ID of the image. Useful if you want to use iPhone hooks to open the images directly in the Instagram app.
{{caption}} - Image's caption text. Defaults to empty string if there isn't one.
{{likes}} - Number of likes the image has.
{{comments}} - Number of comments the image has.
{{location}} - Name of the location associated with the image. Defaults to empty string if there isn't one.
{{model}} - Full JSON object of the image. If you want to get a property of the image that isn't listed above you access it using dot-notation. (ex: {{model.filter}} would get the filter used.)

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

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

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

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

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

guest

回答1

0

Instafeed.js の公式サイトを見る限り、html5xさんのご希望の テンプレート(Templating) は見当たりませんでした。

{{model}} が、フルの JSON オブジェクトを返すようなので、この中に profile_picture が含まれていれば、それを使用すればよいのではないでしょうか。

または、Instafeed.js を使用せず、Instagram APIを使用して取得してみてはどうでしょうか。

GET /users/user-id - Instagram Developer Documentation

参考になれば幸いです。

投稿2017/08/27 08:15

syuus

総合スコア403

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問