Slide 1

Slide 1 text

フルAIで個人開発して 学んだあれこれ ゆるAI勉強会 #1 · 2026-06-30 · Isao Shimizu ゆるAI勉強会 #1

Slide 2

Slide 2 text

INTRO 自己紹介 ゆるAI勉強会 #1 2

Slide 3

Slide 3 text

自己紹介 清水 勲 Isao Shimizu ▸ 新卒から約 8年 SIer でプログラマーなど ▸ 現職は インフラ系・SRE・マネジメント を中心に ゆるAI勉強会 #1 3

Slide 4

Slide 4 text

本日の資料 あとで Speaker Deck にアップロードします speakerdeck.com/isaoshimizu ※ スライドデザインのみ AI 生成で、コンテンツは人間が作成しました ゆるAI勉強会 #1 4

Slide 5

Slide 5 text

SUMMARY まとめ ゆるAI勉強会 #1 5

Slide 6

Slide 6 text

まとめ ▸ 個人開発の話(業務の話じゃないよ) ▸ AI-DLC + DDD で進めると開発が破綻しにくい (諸説あり) ▸ 最初から DESIGN.md でデザインを固めておくと苦労が少ない ▸ 自宅ミニPCサーバー + Tailscale Funnel + CloudFront の構成は初期コストが少 なくてよい ▸ planモード 大事 ゆるAI勉強会 #1 6

Slide 7

Slide 7 text

完 おしまい・・・・・・・? ゆるAI勉強会 #1

Slide 8

Slide 8 text

01 個人開発の モチベーション ゆるAI勉強会 #1 8

Slide 9

Slide 9 text

個人開発のモチベーション ▸ 趣味で続けている(20年以上)楽団の運営支援 Web アプリを作りたい! · 練習の出欠管理、楽譜管理、会費管理、コミュニケーションなど ▸ ツールがバラバラでメンバーがしんどい ▸ いま使っているサービスの一部が使いづらい これらをAIの力で解決したい! ゆるAI勉強会 #1 9

Slide 10

Slide 10 text

02 失敗談 ゆるAI勉強会 #1 10

Slide 11

Slide 11 text

失敗談 当初 AI-DLC を使わない、Next.js を使わない構成で開発したものがあった(1年くらい 前) ▸ 機能追加・仕様変更がごちゃごちゃしてきた、バグが生まれやすい状況に ▸ 統一感のない UI ▸ パフォーマンスの問題が発生 結局、全部捨てることにした。 モデル性能の問題もあったかもしれない ゆるAI勉強会 #1 11

Slide 12

Slide 12 text

03 使った技術スタック ゆるAI勉強会 #1 12

Slide 13

Slide 13 text

使った技術スタック ▸ Next.js / PostgreSQL / Valkey ▸ Docker / Docker Compose ▸ Amazon Route 53、Amazon CloudFront ▸ Tailscale Funnel(無料) ▸ Terraform(AWS Provider) ▸ Sentry(free tier) ▸ New Relic(free tier) ▸ AI-DLC(後述) ゆるAI勉強会 #1 13

Slide 14

Slide 14 text

04 AI-DLC ゆるAI勉強会 #1 14

Slide 15

Slide 15 text

AI-DLC 時間の都合上、詳しく解説はしません ▸ AWS が提唱する AI 駆動の開発ライフサイクル ▸ AWS のいちサービスではありません ▸ 公式: github.com/awslabs/aidlc-workflows ▸ 私が使ったのは: github.com/is0383kk/aidlc-workflow-prompts · ドメインモデルの設計と実装を含む ▸ AI と壁打ちして仕様を固め、適切なユニット単位に分割するインセプションフェーズ が肝 ゆるAI勉強会 #1 15

Slide 16

Slide 16 text

05 DESIGN.md ゆるAI勉強会 #1 16

Slide 17

Slide 17 text

DESIGN.md ▸ UI 実装のルール、デザインを統一できる ▸ Awesome DESIGN.md を利用 · github.com/VoltAgent/awesome-design-md ▸ 有名なサイトのデザインを参考にできる · 個人開発では Stripe のデザイン を使った ゆるAI勉強会 #1 17

Slide 18

Slide 18 text

06 planモード ゆるAI勉強会 #1 18

Slide 19

Slide 19 text

planモード ▸ 新機能追加や仕様変更は planモードを必ず使う ▸ AI がどういうものを作ろうとしているかを確認できることが最大のメリット · plan 時点で問題があれば修正を依頼する ▸ Shift + Tab は多用している(auto mode と plan mode を行き来) ゆるAI勉強会 #1 19

Slide 20

Slide 20 text

07 インフラ構成 ゆるAI勉強会 #1 20

Slide 21

Slide 21 text

インフラ構成 ▸ もともと自宅にミニPC(Ubuntu Linux)があった(当時 2.6万円) · Intel N150 16GB 1TB、おもにマイクラサーバーとして稼働 ▸ 開発中の Web アプリは GitHub にプッシュ ▸ コマンド1つで Docker ビルド、Nginx + Docker Compose で Blue Green デプロ イ · PostgreSQL、Valkey(非同期ジョブ用) ▸ Tailscale Funnel(無料)で自宅のグローバル IP を公開せずにインターネットへ · 発行される FQDN を CloudFront のオリジンに設定 ランニングコスト:自宅の電気代・インターネット代 + CloudFront 代(数十円)+ Route 53 ドメイン代(数千 円/年) ゆるAI勉強会 #1 21

Slide 22

Slide 22 text

08 現状 ゆるAI勉強会 #1 22

Slide 23

Slide 23 text

現状 ▸ 2026/06/30 現在、計 1,222 コミット ▸ TypeScript 98.5% 、JavaScript 0.6% 、Shell 0.4% 、Makefile 0.2% 、HCL 0.1% 、 Dockerfile 0.1% 、Other 0.1% ▸ 1行も人間が書かないを徹底 ▸ 開発がほぼ落ち着いた&最低限のバグを取り除いたので、まもなくリリース · しばらくは所属楽団内だけ · UX 改善・バグが潰せてきたら他の楽団にも展開(将来は有償化?) ゆるAI勉強会 #1 23

Slide 24

Slide 24 text

SUMMARY 再度まとめ ゆるAI勉強会 #1 24

Slide 25

Slide 25 text

再度まとめ 再掲 ▸ 個人開発の話(業務の話じゃないよ) ▸ AI-DLC + DDD で進めると開発が破綻しにくい (諸説あり) ▸ 最初から DESIGN.md でデザインを固めておくと苦労が少ない ▸ 自宅ミニPCサーバー + Tailscale Funnel + CloudFront の構成は初期コストが少 なくてよい ▸ planモード 大事 ゆるAI勉強会 #1 25

Slide 26

Slide 26 text

ありがとうございました ゆるAI勉強会 #1 · 2026-06-30 · Isao Shimizu ゆるAI勉強会 #1