以前チケットに記載した、axios記事が役立った。
https://ticketnote.dev/ticket/ygp2cVilO2jqgBboID3J

記事

・1分でわかるJavaScriptライブラリaxiosの超簡単な使い方
https://iwb.jp/javascript-library-axios-howto/

実装内容

他のページでも使用されている共通コンテンツをincludeさせる。
別ファイルでHTMLを準備し、それをaxiosを使ってgetメソッドで読み込む。
（XMLHttpRequestだと長くなるが、axiosだと数行で書ける。めちゃくちゃ楽。。。）

  const commonContentes = document.querySelector('.common_contents');
  axios.get('/html_modules/twitter.html')
    .then(function(res) {
        twitter.innerHTML = res.data
    })

思ったこと

一度実装して動きを確かめておくと、把握できている状態なので、次使う時が楽になる。