はじめに SNSを利用したブランディング・マーケティング活動が普通になってきている昨今、タイムラインをサイトに掲載しているところも少なくありません。 筆者が所属する制作会社にもSNSの投稿をサイトに反映したいという要望をいただくことがあり、Facebook や Twiiter だと比較的楽に実装できたのですが、Instagram の場合は Instagram API を使用する必要があって少し特殊でした(当該 Instagram アカウントのコンテンツ情報が記述された json データを利用することで実装します)。 そこで今回、筆者が実装した際の手順や注意事項、Instagram API で取得した各コンテンツへあてているCSS を紹介していきたいと思います。 Instagram API の使用 Instagram API を利用するには当然ですが、コンテンツを取得したい Instagra
![【Instagram API】Instagram の投稿内容をサイトにも掲載したい - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8ad9f0f4e742f2e6f422877b4f30aa8561119275/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgwJTkwSW5zdGFncmFtJTIwQVBJJUUzJTgwJTkxSW5zdGFncmFtJTIwJUUzJTgxJUFFJUU2JThBJTk1JUU3JUE4JUJGJUU1JTg2JTg1JUU1JUFFJUI5JUUzJTgyJTkyJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgzJTg4JUUzJTgxJUFCJUUzJTgyJTgyJUU2JThFJUIyJUU4JUJDJTg5JUUzJTgxJTk3JUUzJTgxJTlGJUUzJTgxJTg0JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lYWY2MGQwZjFlNmY3ODNhZjQwZjMwMTllNDhjM2EwZQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQwYmVuanV3YW4mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zMiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWEyZjI4M2UxOWRjZDZiY2YzZmQ1MTZlZjIyYjlhMDk2%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dc485f974ebf570f37c37174715fcefd1)