インフラ概要
設計思想: サーバーレス × $0 アーキテクチャ
Rift Survivors は 完全クライアントサイド で動作するブラウザゲームである。 サーバーを一切持たず、Cloudflare Pages の静的ファイル配信のみでゲーム全体を提供する。
この設計は InspirationCat のアプローチに倣ったものであり、 バズっても落ちない、コスト$0 を実現する。
なぜ $0 が可能なのか
コスト内訳
| 項目 | 従来構成 | Rift Survivors |
|---|---|---|
| サーバー | $20~/月 | $0 |
| データベース | $15~/月 | $0（localStorage） |
| CDN/帯域 | 従量課金 | $0（帯域無制限） |
| SSL証明書 | $0~$10/月 | $0（自動SSL） |
| ドメイン | $10~/年 | $0（*.pages.dev） |
| 月間合計 | $45~ | $0 |
InspirationCat のアプローチ
「サーバーを持たなければ、サーバー代は$0」という原則に基づく。 50万アクセスが来ても、500万アクセスが来ても、Cloudflare Pages の無料プランで対応可能。 帯域制限なし、リクエスト制限なし。
インフラ構成の全体像
| レイヤー | 技術 | 役割 |
|---|---|---|
| ホスティング | Cloudflare Pages | 静的ファイル配信（グローバルCDN） |
| ビルド | Vite + TypeScript | バンドル・最適化・Tree-shaking |
| CI/CD | GitHub Actions | 自動ビルド・自動デプロイ |
| ゲームロジック | ブラウザ（JavaScript） | 全処理をクライアントで実行 |
| データ永続化 | localStorage | セーブデータ・設定の保存 |
| 音声 | Web Audio API | BGM・SE再生 |
| 3Dレンダリング | Three.js | WebGLベースの描画 |
サーバーレスの利点
1. 無限スケーリング
Cloudflare の CDN は世界300以上のエッジロケーションから配信する。 ユーザー数が増えてもスケーリング設定は不要。サーバーがないため、ダウンすることもない。
2. 運用コストゼロ
- サーバーの保守・監視が不要
- セキュリティパッチの適用が不要
- ログの管理が不要
- 障害対応が不要（Cloudflare 側で対応）
3. プライバシーファースト
ユーザーデータをサーバーに送信しない。 セーブデータはユーザーのブラウザ内（localStorage）にのみ保存される。 GDPR や個人情報保護法への対応が大幅に簡素化される。
4. 超低レイテンシ
サーバー通信が発生しないため、ゲームロジックは即座に実行される。 ネットワーク遅延の影響を受けない。
セクション構成
| ページ | 内容 |
|---|---|
| アーキテクチャ | システム構成図、コスト比較、技術選定の根拠 |
| ビルド・デプロイ | Viteビルド設定、CI/CDパイプライン、wrangerコマンド |
| パフォーマンス | パフォーマンスバジェット、アセット最適化、ブラウザ互換性 |