コンテンツにスキップ
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」の分担で設計の意図をブレさせずに実装速度を底上げできる。放置(丸投げ)すると無難だが面白みのない構成になる。