開発を高速化。AIコーディングエージェントとCodeRabbitでループエンジニアリング

FlutterKaigi mini #6 @Okayama
https://flutterkaigi.connpass.com/event/401279/

での発表資料です。

Transcript

1. #FlutterKaigi 開発を高速化。AIコーディングエージェントと CodeRabbitでループエンジニアリング CodeRabbit 中津川篤司 , FlutterKaigi mini #6 @Okayama
2. 𝕏 自己紹介 中津川 篤司 CodeRabbit デベロッパーアドボケイト 一般社団法人DevRel 代表理事 @goofmint fb.me/goofmint
3. YouTuberはじめました https://www.youtube.com/@rabbit_hacker
4. CodeRabbitについて覚えてほしい3つのこと 1. レビューを基本とした、Agentic Change Management 2.シート単位の定額・OSSは無料 3.レビュイーはもちろん、レビュアーにも有効 coderabbit.ai/ja
5. CodeRabbit, Inc.について 1. 従業員300名程度（内エンジニアが120名位） 2. ほぼリモートワーク（US、ベンガルールオフィスあり） 3. 日本支社なし・日本人社員1名 FlutterKaigiはゴールドスポンサーになりました！ https://www.coderabbit.ai/ ホッピー
6. Agentic Change Managementとは？ AIエージェントの生成するコード変更を、 • 検証 • 優先順位付け • 理解 • 承認 • 保守 まで一貫して管理する仕組み
7. アジェンダ 1.個人的に作っているもの 2.ループエンジニアリングを回す工夫 3.まとめ
9. 個人的に作っているもの コミュ印帳
10. 主な機能 1. connpass・Luma・Meetup.comのイベントデータを 登録（connpassはiCalより） 2. セルフチェックイン機能 3. イベントノート作成 写真埋め込み、音声保存、Xへのポスト 4. ノートからレポート作成 ブログ記事、絵日記、メディア記事 5. イベントで出会った人とのコネクト
13. 利用しているAIサービス Google Stitch Fable 5（全体） / Sonnet （コーディング） Whisper （悩み中） CodeRabbit Plan / CodeRabbit Review
14. Google Stitch Google製のAIデザインツール
15. Claude Code 司令塔は賢く、コーディングは安価に 実装は必要に応じてサブエージェントに分けて行っ てください。Fable 5だけで実装するのはコストが 高いです。
16. 音声認識（テキスト起こし） 利点 speech_to_text 無料。Android/iOS/Web対応 Whisper Kit 無料。精度そこそこ Liquid Speech Cloud Speech-to-Text 無料。iOSのSpeechAnalyzerを 利用。精度高い。 クラウドで処理。精度高い。 欠点 長時間実行ができない Web非対応。初回のDLがでかい（Smallで 460MB）、実行時に発熱する。 iOSしか使えない お金がかかる。ネットワーク必須
17. ループエンジニアリングを回す工夫
18. お断り 1.あくまでも個人開発向けです 2.PoC向けです 3.実運用向けのループエンジニアリングもありま すが、今回は時間があれば（資料には追加済）
19. システム開発の流れ Issue管理 PR管理 CI・テスト マージ クラウド ローカル コーディング レビュー 修正
20. コンテキストが抜けるポイント Issue管理 PR管理 CI・テスト マージ クラウド ローカル コーディング レビュー 修正
21. コンテキストが抜けると起きる問題 🧑🧒🧒 社内 外注先、PMと開発メンバー間での情報 共有不足による実装ミス、要件の勘違い 🤖 十分なコンテキストがない中で、勝手な予測 （ハルシネーション）による実装 AI Slop（低品質なAIコード）爆誕👶
22. とりあえず大量のコンテキストを与えればOK？ 重要な部分がどこか分からなくなる 圧縮が発生し、一部（どこか）のコンテキストが 落ちる 必要十分なコンテキストを必要なタイミングで与えるのが大事
23. コンテキストが抜けるポイント Issue管理 PR管理 CI・テスト マージ クラウド ローカル コーディング レビュー 修正
24. Issue管理の課題 1.要望を課題に直す際に情報が落ちる 2.ミーティングやSlackの内容が網羅されていない 3.既存のドキュメント、コードを知らずに作成
25. コンテキストが抜けるポイント Issue管理 PR管理 CI・テスト マージ クラウド ローカル コーディング レビュー 修正
26. AIコーディングの課題 1.暗黙知が漏れがち 2.コンテキスト不足（ドキュメント、禁止事項など） 3.対話を重ねる毎に最初の内容が消えがち
27. コンテキストが抜けるポイント Issue管理 PR管理 CI・テスト マージ クラウド ローカル コーディング レビュー 修正
28. PRの課題 1.AIとのコンテキストが消える 2.実装・設計意図が見えない 3.PR毎に統一感のない実装
29. コンテキストが抜けるポイント Issue管理 PR管理 CI・テスト マージ クラウド ローカル コーディング レビュー 修正
30. レビューの課題 1.大量の積みPR 2.1PRに対する大量のファイル追加・編集 3.ミートプロキシによる意図不明なPR
31. コーディングエージェント × CodeRabbit Issue管理 PR管理 CI・テスト マージ クラウド ローカル コーディング レビュー 修正
32. 個人的なテクニック：tasks.md作成後 すべてのタスクをIssue管理に登録する 1.tasks.mdのままだと、AIコーディングエージェント は1フェーズごとに実装しがち 2.個別にタスクにすることで、1行の内容から現状分 析、実装要件・完了要件などコンテキストが充実
35. ループエンジニアリングの種類 1.ターンベースループ 2.ゴールベースループ 3.タイムベースループ 4.プロアクティブループ via Loop engineering: Getting started with loops | Claude by Anthropic
36. /goal GitHubのIssueがなくなるまで実装して。処理内容は以下の通りです。実装は必要に応じてサブエージェン トに分けて行ってください。Fable 5だけで実装するのはコストが高いです。 1. gitブランチを作成 2. 各タスクに対して、 `@coderabbitai make plan in Japanese` とコメントして。 3. @coderabbitai から返答が来るまで待つ（5〜10分かかります） 4. 実装計画が返ってくるので、コメントの中に書かれているAIコーディングエージェント向けの実装プロンプト を読み込み、その妥当性に従って実装を進めてください 5. 実装が終わったら、PR作成まで進めてください。descriptionに fix #(IssueのID) を記述してください 6. CodeRabbitのレビューが終わるまで待機してください（5〜15分かかります） 7. レビュー内容を読み込んで、 Prompt for AI Agents ではじまる内容を取得し、修正を行ってください 8. 修正が終わったらプッシュし、再度CodeRabbitのレビュー完了まで待機してください 9. 修正がなくなったらPRをマージしてください
37. コーディングエージェント × CodeRabbit Issue管理 PR管理 CI・テスト マージ クラウド ローカル コーディング レビュー 修正
38. Issue管理： CodeRabbit Plan Issueに対して実装計画を作成する 1. `@coderabbitai make plan in Japanese` 2.コードベース、MCPなどを使って実装計画を作成 3.AI向けのプロンプトを生成
40. コーディングエージェント × CodeRabbit Issue管理 PR管理 CI・テスト マージ クラウド ローカル コーディング レビュー 修正
41. PR管理： CodeRabbit Review 1.PRに対して自動でレビュー 2.パスごとのカスタムレビュー 3.MCPを使って外部コンテキスト取得 4.60種類を超えるLinter/SASTも利用
42. コーディングエージェント × CodeRabbit Issue管理 PR管理 CI・テスト マージ クラウド ローカル コーディング レビュー 修正
43. レビュー後の修正 1.CodeRabbitからAIコーディングエージェント向け のプロンプトを作成 2.AIコーディングエージェントはその内容を取得、指 摘を評価した上で修正、または拒否 3.CodeRabbitのAuto xを使うとAIコーディングエー fi ジェントのトークンを使わずに修正可能
46. CIのエラー 1.CodeRabbitのFix CIを使って修正 2.AIコーディングエージェントのトークンを消費せず に修正
47. コーディングエージェント × CodeRabbit Issue管理 PR管理 CI・テスト マージ クラウド ローカル コーディング レビュー 修正
48. 人のレビュー 1.最適なレビュアーを自然言語で定義 2.PRの優先順位を表示（CodeRabbit Triage） 3.チームのルールを自然言語で記述 4.PRの内容を分かりやすく表示（Change Stack）
51. 運用時のループエンジニアリング Slack モニタリング CodeRabbit PR管理 コーディング
53. 本番環境のアラートをトリアージし、エンジニアが即座に対応可能なインシデント概要を作成してください。 まずアラートのペイロードを確認し、対象サービス、環境、発生時間帯、重大度、および症状を特定します。次に、可観測性（オ ブザーバビリティ）データやインフラ情報を調査し、エラー、レイテンシ、リソース飽和、トラフィック変動、依存関係の障害、 トレース例などの関連情報を確認します。アラート発生期間と、最近のデプロイ、設定変更、コミット履歴を照合してくださ い。さらに、課題管理システムやドキュメント、ナレッジベースを参照し、過去の類似事象や事後分析（ポストモーテム）がな いか確認します。その際、過去の対処法や、今回の問題のデバッグ・解決に役立つ情報がないかも調べます。証拠に基づいてコー ドの修正内容が特定できた場合は、修正を含むプルリクエスト（PR）を作成してください。その際、PRの説明文には、すべて の証拠、その修正が問題を解決する理由、および修正の有効性に対する確信度を必ず記載してください。 以下の項目を含む、簡潔なレポートを提出してください。 - 現在の状況 - 顧客への影響 - 最も有力な証拠 - 推定原因 - 直ちに行うべき緩和策 - 今後の調査手順
55. まとめ 🥕 AI活用は適切なコンテキスト設定が鍵 🩴 CodeRabbitは全方位的に支援 ⛵ 良いテキスト起こしを教えて！ でAI開発を伸ばそう！