VTuber 公式サイト
kuromiyanoi.com
VTuber「くろみやのい」の公式サイト。YouTube Live APIと連携したリアルタイム配信検知・カウントダウンバナー、アーカイブ一覧、ギャラリー、ファンアート、スケジュール管理など多機能なサイト。Glassmorphism × ダークテーマでデザイン統一。
サイトを見る課題
配信活動の認知拡大と、ファンがいつでも最新情報にアクセスできる拠点が必要でした。既存のSNSだけでは情報が流れてしまい、アーカイブやスケジュールの一元管理ができないという課題がありました。
解決策
YouTube Data API v3を活用し、配信開始を自動検知してバナー表示する仕組みを実装。ファンアート投稿機能、アーカイブ一覧、スケジュール管理など、ファンとの接点を多角的に設計しました。Glassmorphism × ダークテーマで、VTuberの世界観に合ったデザインを統一。
実装した機能
リアルタイム配信検知バナーカウントダウンタイマーアーカイブ一覧ギャラリーファンアート投稿スケジュール管理
成果
- ✓配信検知の自動化により、ファンへのリアルタイム告知が実現
- ✓ファンアート投稿機能でファンコミュニティの活性化に貢献
- ✓アーカイブ・スケジュールの一元管理で情報の散逸を解消
使用技術
Next.js 15Tailwind CSS v4TypeScriptYouTube Data API v3