SPAに埋め込んだInstagramを正常に表示する工夫 - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/pkino

1 userがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

SPAに埋め込んだInstagramを正常に表示する工夫 - Qiita

TL;DR SPA(Single Page Application)であるReactにInstagramの埋め込みコードを挿入した際、正常に画像... TL;DR SPA(Single Page Application)であるReactにInstagramの埋め込みコードを挿入した際、正常に画像が表示されないことがあります。これはSPAとの相性が原因で、いくつかの工夫を行うことで解決しました。発生した状況 Instagramの埋め込みについて Instagramの埋め込みを使えば、ウェブサイト上にInstagramの投稿を表示することができます。それぞれの投稿のメニューボタンから得られるコードを用います。埋め込みコードから読み込まれるJavaScriptによって、blockquoteタグがiframeに置き換えられることで投稿を埋め込むことができます。 <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/CWYa

ブックマークしたユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx