VTuber 公式サイト
achia-spirit.com
VTuber「つきしろあちあ」の公式サイト。YouTube・Twitch APIと連携したリアルタイム配信検知、ギャラリー、ファンアート、管理画面付き。星空と月をモチーフにしたダークテーマ。
サイトを見る課題
YouTube・Twitchの2つのプラットフォームで活動するVTuberのため、両方の配信状況を統合的に表示し、コンテンツを管理者自身で更新できるサイトが求められていました。
解決策
Firebase Authentication + Firestoreで管理画面を構築し、ギャラリーやファンアートをクライアント自身で更新可能に。YouTube・Twitch双方のAPIと連携し、プラットフォームを問わずリアルタイムで配信を検知する仕組みを実装しました。
実装した機能
YouTube・Twitch配信検知管理画面（Firebase Auth）ギャラリーファンアートダークテーマ
成果
- ✓クライアント自身でコンテンツを更新できる管理画面を実現
- ✓YouTube・Twitch両対応の配信検知で取りこぼしゼロ
- ✓星空と月のモチーフでVTuberの世界観を忠実に再現
使用技術
Next.js 16FirebaseTailwind CSS v4Cloud Run