Kiro で Web サイトをリファクタリングではなくリビルドした話

JAWS DAYS 2026 恒例！AWSエンジニアたちの怒涛のLTで発表した資料です

Transcript

1. +"84
   %":4
    .BTIVQ
   GPS
   UIF
   'VUVSF Kiro で Web サイトを リファクタリングではなく リビルドした話 アマゾンウェブサービスジャパン ソリューションアーキテクト 三浦 信⼆
2. #jawsug #jawsdays2026 #jawsdays2026_e 三浦 信⼆（あれふ X︓@40balmung） アマゾンウェブサービスジャパン 元︓テクニカルインストラクター 現在︓ソリューションアーキテクト AWSトレーニング補⾜資料サイト「ミウラボ」を運営 最近は Kiro を使って業務を⼿助けしてくれる AI 秘書を育ててます ⾃⼰紹介
3. トレーニング補⾜資料 ミウラボの運営
4. #jawsug #jawsdays2026 #jawsdays2026_e Kiro で Web サイトをリファクタリングではなくリビルドした話 2021/7 に Next.js 14で開発・運営
5. 技術的負債の蓄積
6. #jawsug #jawsdays2026 #jawsdays2026_e 旧コードベースの課題 その1 Kiro で Web サイトをリファクタリングではなくリビルドした話 2021 年から開発・運⽤し始めて Next.js 12 → 13 → 14 へ Version Up ✗ Next.js の Pages Router から App Router へ ✗ Amplify Hosting の Node.js サポートバージョン ✗ Node.js 16 + TypeScript 4.5.5 という古い構成 ✗ 依存関係の不整合でビルドエラー多発 https://docs.aws.amazon.com/ja_jp/amplify/latest/userguide/ssr-supported-features.html
7. #jawsug #jawsdays2026 #jawsdays2026_e 旧コードベースの課題 その2 Kiro で Web サイトをリファクタリングではなくリビルドした話 コンポーネント設計やデザイン修正に苦戦 ✗ AI コーディングエージェントによるプロジェクト 構造の理解 ✗ コンポーネントを修正すると壊れていくデザイン ✗ AI コーディングエージェントは視覚的にデザイン の良し悪しが判断できない ✗ 場当たり的な修正の繰り返しが発⽣ ✗ そもそもちゃんとコンポーネント設計できてた︖ ✗ そもそもちゃんとデザイン設計できてた︖ AI君「デザインを⾒やすく修正しました︕」 ぼく「うう、どうやって指⽰して修正すればいいんだ…」
8. AIコーディングエージェント を使っても リファクタリングは⾟いよ
9. 発想の転換
10. リファクタリングで直す → 仕様を決めてリビルドする
11. #jawsug #jawsdays2026 #jawsdays2026_e Kiro の SPEC 駆動開発 Kiro で Web サイトをリファクタリングではなくリビルドした話 requirements.md 要件定義 design.md 設計 tasks.md タスク分解 実装 Kiro が実⾏ 今回の SPEC 構成 SPEC 1: 基盤 + デザインシステム Next.js 15 + Tailwind v4 + 共通コンポーネント作成 SPEC 2: データ層 + コースページ 構造化データを抽出 + 全 9 コース分作成
12. #jawsug #jawsdays2026 #jawsdays2026_e 結果、1 ⽇でリビルド完了 Kiro で Web サイトをリファクタリングではなくリビルドした話 ✓ Next.js 15 (App Router) ✓ Tailwind CSS v4 ✓ TypeScript 5.x ✓ 構造化データ層（JSON） ✓ Lighthouse 90+ / a11y 90+
13. #jawsug #jawsdays2026 #jawsdays2026_e Before / After Kiro で Web サイトをリファクタリングではなくリビルドした話 Before After
14. #jawsug #jawsdays2026 #jawsdays2026_e まとめ Kiro で Web サイトをリファクタリングではなくリビルドした話 AI コーディングでは「直す」より「仕様を決めて作り直す」 「何を作るか」の仕様整理は⼈間の仕事 Kiro の SPEC 駆動開発で計画的にリビルド appendix.miulabo.net もしかしたら皆さんの奮闘しているリファクタリングプロジェクト、 仕様を抽出して作り直した⽅が早いかも︖選択肢の⼀つとして検討してもいいかもしれません