Agent on Rails - AIをDDDのレールの上で制御する

Transcript

1. Gunma.web AIをDDDのレールの上で制御する @tuanemuy Hikaru Otabe Agent on Rails
2. 自己紹介 @tuanemuy Hikaru Otabe 大田部 晃 Freelance Web Developer
3. 6〜7年前の技術トレンド 覚えていますか？
4. Gunma.web #30 DDD / ドメイン駆動設計 2018.01.20 7年前のGunma.web
5. 最近は誰も設計の話をせず、 バイブコーディングばかり...
6. Claude Codeで バイブコーディングやってみた
7. できた！
8. AIの生成したコード、 読みたいですか？
9. AIの生成したコード export await if return state pending result result result function const async => const () TaskForm onTaskCreated : formAction = useActionState ( : : ) { = onTaskCreated } { } ( ) { { } [ ] ( TaskFormProps unknown FormData createTaskAction , , , ; . ; ; , : _prevState formData formData success error ( ) ( ) { } null
10. AIの生成したコード export as as as try await as async function const const const const createTaskAction : = get = get = get = ( ) ( | | ( ) { formData formData formData formData db tasks userId id title priority title priority dueDate newTask user priority FormData string string string insert values ( ) . " " ; . " " ; . " " ; . . : . , , : " " " " " " ( ) ( ) ( ) { title priority dueDate { low medium high
11. DDDの考え方を取り入れて AIをうまく制御する
12. " 技術的 ドメイン " ビジネス 技術 " ユビキタス言語 " モデルを明示的に表現 な課題ではなく、 において価値のある部分や 複雑な部分にフォーカスしよF 側と 側が協調してモデリングしよF そのために共通の を話そF するソフトウェアを書こう DDDの考え方（ざっくり）
13. $ 技術的 ドメイン $ ビジネス 技術 $ ユビキタス言語 $ モデルを明示的に表現する な課題ではなく、 において価値のある部分や 複雑な部分にフォーカスしよG 側と 側が協調してモデリングしよG そのために共通の を話そG ソフトウェアを書こう $ 　　　　　　　　　　　　　　　　　　　　　　　　　　　 ‰ $ $ ‰ $ モデルを明示的に表現 ‰ するソフトウェアを書こう DDDの考え方（ざっくり）
14. $ 技術的 ドメイン $ ビジネス 技術 $ ユビキタス言語 $ モデルを明示的に表現する な課題ではなく、 において価値のある部分や 複雑な部分にフォーカスしよG 側と 側が協調してモデリングしよG そのために共通の を話そG ソフトウェアを書こう $ 　　　　　　　　　　　　　　　　　　　　　　　　　　　 l $ $ l $ モデルを明示的に表現 → ORM等の具体的な実装よりも、モデルを優先する l するソフトウェアを書こう
 DDDの考え方（ざっくり）
15.  バイブコーディングでよくあるSupabaseクライアントを UIコンポーネントから直接呼び出すみたいなのはNV  インターフェースを最初に定義し、例えばDB操作の具体実 装はSupabaseクライアントにも各種ORMにも切り替えら れるようなイメージ DDDの考え方（ざっくり）
16. ヘキサゴナルアーキテクチャ （Ports and Adapters） データベース Adapters 外部のAPI Adapters Port Port Application Service
17. ヘキサゴナルアーキテクチャ （Ports and Adapters） Port 外部サービスを利用するモジュールのインターフェース Application Service ユースケースの実装 依存 依存 依存 Adapters 外部サービスを利用するモジュールの実装 データベース 外部API etc...
18. 設計を `CLAUDE.md`に書いて 実装させてみる
19. Entity, Value Object, DTO export export TaskSchema TaskIdSchema UserIdSchema TaskStatusSchema TaskPrioritySchema TaskSchema const type = object string() min( ) max( ) date() optional() date() date() = typeof z id userId title z status priority dueDate z createdAt z updatedAt z . : , : , : . . . , : , : , : . . , : . , : . , ; . ; ( ) < > { } 1 200 Task z infer
20. Port export interface TaskRepository CreateTaskParams Promise Result Task RepositoryError TaskId Promise Result Task null RepositoryError UserId TaskFilter TaskSort Promise Result Task RepositoryError UpdateTaskParams Promise Result Task RepositoryError { create : : < > getById : : < | > getByUserId : ?: ?: : < > update : : < > ( ) < > ( ) < > ( ) < > ( ) < > params id userId filter sort params , ; , ; , , , , ; , ; []
21. Adapter export await result tasks class implements constructor private readonly async const this DrizzleSqliteTaskRepository TaskRepository Database CreateTaskParams Promise Result Task RepositoryError { { ( ) {} ( ) < > { db params db userId params userId title params title status : create : : < > = insert values , . . . : . , : . , : " ", ( ) ( pending
22. Application Service export await if return paramsResult CreateTaskParamsSchema createResult paramsResult createResult async function const const createTask : : : = parse = create isErr() err( ( ) < > { context params params context taskRepository data Context CreateTaskParams Promise Result Task ApplicationError , , , . ; . . . ; . < > ( ) ( ) ( ) {
23. 生成されたコード ／ CLAUDE.md https://github.com/tuanemuy/agent-on-rails tuanemuy/agent-on-rails
24. AIが走るレールを用意して 持続的なバイブコーディングを