【コードの隠し味】あなたのコードは大丈夫??一瞬のUI崩れをVue.js templateタグが解決してくれる。Vue.js 記事タイトルがターゲットニッチすぎて見つけられないことは承知の上、この現象を紹介します。 まずはこちらのサイトの動きを見てください。(1度リロードしています) こちらのページでは、SNSボタン付近が読み込まれる時、ローディング後(今回はリロード後)に、画面が少し下がってからSNSボタンが表示されます。 このような少し不自然なガクッとなる状況を、Vue.jsのtemplateタグを使って、解決しようと思います。 ガクッとなる原因のコードは? まずは、このガクッとなる部分で何が起きているのか見ていきます。 デベロッパーツールで確認してみると、このような構成になっていました。 SNSボタン表示後のスタイルを見ると、周りに画像のような margin がみられます。 これはH