VTuberくろみやのい 公式サイト

対応の内容

困っていたこと

YouTube・Twitch・X など複数プラットフォームに情報が分散しており、ファンが最新情報を一箇所で確認できる場所がなかった。また、YouTube APIのクォータ制限（1日10,000ユニット）の中で、配信アーカイブや動画一覧をリアルタイムに表示する必要があった。

やったこと

YouTube RSS フィード（API消費0）と videos.list API を組み合わせたハイブリッド戦略を設計し、APIクォータ消費を約28,800ユニット/日 → 約360ユニット/日へ98%削減。Sharpによる自動サムネイル生成（WebP + Base64ブラープレースホルダ）でLCPを最適化。Terraform でGCP + Cloudflare のインフラを一括管理し、Sentry + Datadog による監視体制も整備。

どうなったか

ファンが配信情報・ギャラリー・ニュースを一箇所で確認できるハブサイトが完成。Lighthouse Performance 80+、Accessibility 90+、SEO 90+を達成。APIクォータ超過による障害リスクも解消。