概要
https://zenn.dev/teramotodaiki/articles/react18-migration-with-devin
詳細内容
## 3000ドルを投じてDevinとReact 18移行を完遂した知見
https://zenn.dev/teramotodaiki/articles/react18-migration-with-devin
詳解する、AIエージェント「Devin」を指揮してReact 18への大規模移行を人間がコードを書かずに完遂したプロセスと、エージェント駆動開発の核心的プラクティス。
**Content Type**: ⚙️ Tools
**Language**: ja
**Scores**: Signal:5/5 | Depth:4/5 | Unique:5/5 | Practical:5/5 | Anti-Hype:4/5
**Main Journal**: 94/100 | **Annex Potential**: 93/100 | **Overall**: 92/100
**Topics**: [[Devin, AIエージェント, React 18, E2Eテスト, ワークフロー自動化]]
著者は約2ヶ月間、自らコードを1行も書かずにDevin（一部Codex）のみを駆使して、技術負債の蓄積したReact 16.8プロジェクトをReact 18へと移行させた。その過程で投じられた費用は約3000ドルに達したが、サービスを停止させることなく、周辺ライブラリの抜本的な刷新を含む大規模タスクを成功させている。この記録は、AIコーディングが単なる補完ツールを超え、複雑な移行プロジェクトの主導権を握れる段階に達したことを示唆している。
著者が重要視しているのは、AIエージェントの能力を最大限に引き出すための「人間側の規律」である。まず、常にリリース可能な極小のPR（Pull Request）を切り出すことを鉄則としている。これにより、レビューやデバッグの負荷を下げ、依存関係の混乱を防いでいる。また、AIは詳細なPRテンプレートを忠実に守る特性があるため、背景や対応理由を言語化させる仕組みを整えることで、人間側のレビュー効率を劇的に向上させている。
技術的な核心として、ユニットテストよりもE2Eテストの拡充を挙げている。AIエージェントは「テストを通すための小細工」を労せず行うため、内部コードの検証よりも、ユーザー視点の振る舞いを検証するE2Eテストの方が、AIへの指示として機能しやすく、かつデグレ防止に直結するという洞察は極めて実用的だ。さらに、Sentryのエラー検知からDevinを自動起動して調査・修正案の作成までを行わせるワークフローや、GitHub Issueを「セッションを跨いだ外部記憶」として利用する手法など、AIネイティブな開発プロセスの雛形を提示している。
最後に、モデルの進化により、セッションの分割といった以前の小手先のテクニックは不要になりつつあると著者は指摘する。エンジニアはAIを単なるツールではなく「信頼して裁量を任せるパートナー」として扱うフェーズへ移行しており、今後はコードを書く時間以上に、AIに正しく意図を伝え、その結果を検証する仕組みのデザインに投資すべきであると主張している。