AIに丸投げしない！Angularメジャーアップデートで実践したAI活用法

「Startup Angular #12 私の最強のAI活用 (https://voicy.connpass.com/event/395449/)」で登壇させていただいた時にお話ししたスライドです。

Transcript

1. AIに丸投げしない！ Angularメジャーアップデート で実践したAI活⽤法 株式会社ベネッセコーポレーション Akinko
2. 私はこんな⼈です ‧Akinko ‧新卒2年⽬ ‧株式会社ベネッセコーポレーション ‧TypeScript 学び直しています (いつかTSKaigiに登壇したい…) X: @Akinko1918
3. はじめに：アップデートの背景 Angular v19 -> v21 (2段階に分けて実施) Angular v19対応 (5/19 EOL) チームのメンバー不⾜によりAngularの更新に⼿付 かず。ヘルプに⼊った。→ あまり慣れていない そこそこ⼤きいリポジトリ 歴史的経緯が⻑く、重要な複数機能が含まれた⽐ 較的⼤きいリポジトリ 本⽇のフォーカス ❌具体的な変更の説明や最新のAI Coding⽅法 ✅ 実装より前の調査フェーズの作業で意識したこと
4. 実装前の作業の流れ ① 必要タスクの絞り込み ② 影響範囲の調査 ③ 最初のレール敷き ‧Angular Update Guide ‧Angular更新による破壊的変更 ①と②の調査作業を元に、 ‧依存ライブラリの調査 ‧周辺ライブラリのアップデー ⼿順書を作成し、esaにまと トに伴う影響 めさせる。
5. ⼈間による検品が必要 バージョンの「幻覚」 存在しない周辺ライブラリのバージョンや、最新ではな いバージョンを提案されるケースが発⽣ ⼀次情報での「検品」 Angular Update Guide、npmページ、リリースノー ト、コミットログを⼈間の⽬で必ず確認 泥臭い「レールの補強」 「本当に安全か？」を⾃ら検証し、AIのラフな計画を強 固なものへ修正
6. ジュニアレベルは特に気をつけたい 常に疑う気持ちを持って、 ⼀次情報を探すこと 根拠を⾒つけることを意識すべき
7. esa MCPを活⽤した実装⾃動化 esa MCPの活⽤ ⼈間はレビューに専念 ⼈間が⼀次情報で検証‧補強した確実なタスク 1タスクずつ実⾏。⼈間はGit差分のレビューの 資料を、Claudeに直接読み込ませる み⾏い、実装フェーズをほぼ⾃動化
8. AIのおかげで能⼒以上のことができる。 が、AIに丸投げせず、⼈間が泥臭く検品し 確実なものにしよう。 — ハーネスエンジニアリング
9. Thank You ご清聴ありがとうございました。