トップページのカルーセルと協賛広告表示部を実装

[fumigoro]

作った部分

• ヘッダー
• トップページの一番上、カルーセル
• 下の方に表示予定の広告表示部

その他やったこと

• Google Noto fontを導入
• Bootstrap のバージョンを5.0.0へ（カルーセルのため）
• 広告の画像データを/static/ad/に追加
• 広告のリンク等の情報は/assets/ad-config.jsonに記述しAd.vueコンポーネントで読み込んでいます。

見てほしい部分

• 広告がきちんと4秒ごとに切り替わるかどうか
• ヘッダーのサイズ
• 見出し（「企画紹介」「協賛」などの文字）のデザイン（大きさ、色など）

[fumigoro]

見つかった問題

• 広告のランダム表示に関して、そういえばSSRじゃなくてstaticだったので、静的なHTMLが生成された時点で順序が決まり、あとは誰が何回読み込んでも同順になってしまうことに気づいた、、、

  このためだけにSSRに切り替えるのはコストが掛かりすぎるので一旦はこのまま行こうと思います

• 「協賛のご紹介」の画像だけ1秒表示にしてあるんだけど、最初は良いけど2回目以降はリズム崩れたみたいで違和感ありけり.

  意見求む

• ヘッダー右上のメニューボタン、開いたは良いけどとじれない件

  原因調査中