VTuber グループ公式サイト
atonomatsuri.com
3人組VTuberグループの公式サイト。メンバー紹介、YouTube・Twitch APIと連携したリアルタイム配信ステータス、イベント情報、過去プロジェクトのアーカイブを掲載。Terraformによるインフラ構築も担当。
サイトを見る課題
3人のメンバーがそれぞれ異なるプラットフォームで活動しており、グループとしての統一感あるWeb上の拠点が必要でした。またインフラをコード管理し、再現性の高い環境を構築する要件がありました。
解決策
Terraformでインフラ（Cloud Run + Cloud DNS + SSL）をコード管理し、IaCによる再現可能な環境を構築。各メンバーの配信ステータスをリアルタイムで表示し、イベント情報やアーカイブも一元管理できるサイトを制作しました。
実装した機能
メンバー紹介リアルタイム配信ステータスイベント情報アーカイブTerraform IaC
成果
- ✓Terraformによるインフラのコード管理で運用コストを削減
- ✓3メンバーの配信ステータスをリアルタイム統合表示
- ✓グループのブランドイメージを統一した公式サイトを実現
使用技術
Next.js 16Tailwind CSS v4YouTube APITerraformCloud Run