Dev Classmethod Jp Kick Summit App
AWS主催フットサル大会の大会管理アプリをサーバーレス構成で作って本番運用してみた!
- URL: https://dev.classmethod.jp/articles/kick-summit-app/
- 日付: 2026-06-11
- Tier: Tier 2
- 要旨: フットサル大会専用Webアプリ「Kick Summit App」をClaude Codeでほぼ全コードを生成し、AWS Lambda + DynamoDB + CloudFrontのサーバーレス構成で本番運用。当日1日のAWS利用料は約0.2ドル(30円)で完結した事例報告。
詳細
技術スタック:Next.js 16 (App Router) + TypeScript + Tailwind v4 + shadcn/ui + DynamoDB (マルチテーブル + Composite Key GSI) + Lambda (Docker/ARM64 + Lambda Web Adapter) + API Gateway (HTTP API) + CloudFront
Claude Codeとの役割分担:
- 人間:技術スタック選定・アーキテクチャ設計・ディレクトリ構成・DBスキーマ設計・CLAUDE.mdへの方針記載
- Claude Code:設計方針に沿った実装・テスト・リファクタ
設計の核心:
- Server Actions のみで書き込みを集約(REST APIなし)
- DynamoDB マルチテーブル + GSI で「1クエリで画面が取れる」設計
- Lambda Web Adapter でNext.jsをそのままLambdaで動かす(SSR対応)
本番運用の結果:
- コールドスタートはARM64/1024MBで体感1〜2秒
- 試合中のリアルタイム更新は30秒ポーリング(WebSocketなし)
- 週末1〜2回のDIY開発(1人で書けば3〜4回かかる規模)で完成
- コード9割以上はClaude Codeが生成
知見:「設計は人間、実装はClaude Code」の分担で設計の意図をブレさせずに実装速度を底上げできる。放置(丸投げ)すると無難だが面白みのない構成になる。