CodeRabbitと過ごした1ヶ月 ─ AIコードレビュー導入で実感したチーム開発の進化
by
mitohato14
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
© DMM © DMM CONFIDENTIAL CodeRabbitと過ごした 1ヶ月 AIコードレビュー導入で実感したチーム開発の進化 Sansan×DMM.com Android Tech Talk mitohato14 2025/04/30
Slide 2
Slide 2 text
© DMM 自己紹介 名前 mitohato14(Miyazato Hayato) 最近の趣味 Monster Hunter Wilds ゲーム配信を見る 櫻坂46 最近の業務 チームの課題解決 AI促進 2
Slide 3
Slide 3 text
© DMM 今日話すこと • DMMポイントクラブアプリにAIコードレビューを導入した話 • CodeRabbitの設定 • CodeRabbitを導入しての所感 3
Slide 4
Slide 4 text
© DMM サービスの紹介
Slide 5
Slide 5 text
サービス LP:https://lp.pointclub.dmm.com/ DMMポイントをお 得に貯めて 賢く管理 ! カジュアルゲームで 効率的に ポイントを稼げる ! FEATURE FEATURE DMMの お得な情報が 届く! FEATURE 3 サービスコンセプト
Slide 6
Slide 6 text
会員数 MAU 機能 DAU で手に入れよう モバイルアプリ版 6 万 カジュアル ゲーム ポイント 管理 万 (会員IDベース(Web含む)) 10〜 13 万 5〜 6 通知 送客 広告 59 ※2025年02月25日時点
Slide 7
Slide 7 text
© DMM CodeRabbitを導入した話
Slide 8
Slide 8 text
© DMM 導入前の話
Slide 9
Slide 9 text
© DMM コードレビュー体制 開発メンバー:3人 レビューしたメンバー全員のApproveでマージ(1人以上) 朝と夕に口頭レビュータイム(各30分) PRテンプレのチェックリスト 9
Slide 10
Slide 10 text
© DMM PRテンプレ 10
Slide 11
Slide 11 text
© DMM PRテンプレ 11
Slide 12
Slide 12 text
© DMM PRテンプレ 12
Slide 13
Slide 13 text
© DMM チェックリスト多め
Slide 14
Slide 14 text
© DMM コードレビュー 細かい指摘が多くなりがち テストのシナリオケースとテストコードにズレ 細かい部分を見落としがち レビュー時間が大きく取られる 14
Slide 15
Slide 15 text
© DMM コードレビュー 細かい指摘が多くなりがち テストのシナリオケースとテストコードにズレ 細かい部分を見落としがち レビュー時間が大きく取られる レビュー品質がレビュアーに大きく依存 15
Slide 16
Slide 16 text
© DMM コードレビュー 1. Pull Request作成 2. Pull Requestについて説明 3. 少ない時間でレビュー 4. ミーティング 5. 落ち着いた頃にレビュー 6. 細かい指摘点 7. 再レビュー 8. … 9. マージ 16
Slide 17
Slide 17 text
© DMM マージまでに時間がかかる 😇
Slide 18
Slide 18 text
© DMM 細かい指摘 何度も細かいことを指摘するのは双方に負担大 18
Slide 19
Slide 19 text
© DMM 細かい指摘 何度も細かいことを指摘するのは双方に負担大 • レビュアー • 重箱の隅をつつくような指摘ばかりになってしまう • 細かい部分が気になって大枠で見れない • 時間が取られてしまう 19
Slide 20
Slide 20 text
© DMM 細かい指摘 何度も細かいことを指摘するのは双方に負担大 • レビュアー • 重箱の隅をつつくような指摘ばかりになってしまう • 細かい部分が気になって大枠で見れない • 時間が取られてしまう • レビュイー • 見落としが多い • 細かいところで時間取らせてしまい申し訳ない • マージまでに時間がかかる 20
Slide 21
Slide 21 text
© DMM AIコードレビューの波
Slide 22
Slide 22 text
© DMM PR-Agent qodo-aiによるAIコードレビューツール(OSS) 22
Slide 23
Slide 23 text
© DMM PR-Agent qodo-aiによるAIコードレビューツール(OSS) 兼務プロダクトで導入していたがスルーされがちに →指摘内容がAndroidっぽくなかった 23
Slide 24
Slide 24 text
© DMM PR-Agent qodo-aiによるAIコードレビューツール(OSS) 兼務プロダクトで導入していたがスルーされがちに →指摘内容がAndroidっぽくなかった コストとPR要約は良いが上手く使えなかった トライアルという印象が強かった 24
Slide 25
Slide 25 text
© DMM CodeRabbit導入の流れ
Slide 26
Slide 26 text
© DMM CodeRabbit導入の流れ CodeRabbitを試すチームが出てくる 環境整備されたことが全社アナウンスされる CodeRabbitを試してみようという気持ち 26
Slide 27
Slide 27 text
© DMM CodeRabbitとは
Slide 28
Slide 28 text
© DMM CodeRabbit AIを活用したコードレビュー支援ツール • PR概要生成 • コードレビュー • 改善提案 • シーケンス図の生成 • 類似リポジトリの列挙 • チャット機能 • 過去のやりとりも反映 • リポジトリ全体を考慮したレビュー 28
Slide 29
Slide 29 text
© DMM 導入していく
Slide 30
Slide 30 text
© DMM 導入 CodeRabbitにGitHubアカウントでログイン ダッシュボードから有効化するリポジトリを選択
Slide 31
Slide 31 text
© DMM 導入 CodeRabbitにGitHubアカウントでログイン ダッシュボードから有効化するリポジトリを選択 すぐに使える yamlファイルを追加することでより良いレビューに
Slide 32
Slide 32 text
© DMM yamlファイル .coderabbit.yamlに記述 公式サイトを参考に設定を記述(構文チェックもできる) https://docs.coderabbit.ai/getting-started/configure-coderabbit/ 特にreviews/path_instructionsを育てていく
Slide 33
Slide 33 text
© DMM yamlファイル .coderabbit.yamlに記述 公式サイトを参考に設定を記述(構文チェックもできる) https://docs.coderabbit.ai/getting-started/configure-coderabbit/ 特にreviews/path_instructionsを育てていく
Slide 34
Slide 34 text
© DMM yamlファイル .coderabbit.yamlに記述 公式サイトを参考に設定を記述(構文チェックもできる) https://docs.coderabbit.ai/getting-started/configure-coderabbit/ 特にreviews/path_instructionsを育てていく
Slide 35
Slide 35 text
© DMM 実際の設定
Slide 36
Slide 36 text
© DMM
Slide 37
Slide 37 text
© DMM
Slide 38
Slide 38 text
© DMM 導入結果
Slide 39
Slide 39 text
© DMM PR内容の要約例
Slide 40
Slide 40 text
© DMM
Slide 41
Slide 41 text
© DMM
Slide 42
Slide 42 text
© DMM
Slide 43
Slide 43 text
© DMM
Slide 44
Slide 44 text
© DMM 指摘内容例
Slide 45
Slide 45 text
© DMM
Slide 46
Slide 46 text
© DMM
Slide 47
Slide 47 text
© DMM 多かった指摘 ドキュメント用にコメントを書いてください →なるべく命名のみで伝わるようにしているので不要 Resultをレスポンスとしてください →例外をそのままスローしてViewModelでキャッチする方針なので不要
Slide 48
Slide 48 text
© DMM 導入1ヶ月の所感
Slide 49
Slide 49 text
© DMM 嬉しかったこと
Slide 50
Slide 50 text
© DMM 嬉しかったこと • 変更内容の要約 • どのようなファイルにどんな変更が入ったかわかりやすい • 実装ミスに気づきやすい • シーケンス図の生成 • レビュアーのコード理解促進 • チャット形式でCodeRabbitとやりとりできる • 指摘について質問したりプロダクト事情を伝えたり • レビューが早い • メンバーに見てもらう前に簡単な内容を修正できる • ポエム • ふふっと柔らかい気持ちになる
Slide 51
Slide 51 text
© DMM CodeRabbitとのやりとり プロダクトの背景や議論をログとして残せる 人力レビュー前に細かい問題点は解消できる Request Changes/Approveしてくれる
Slide 52
Slide 52 text
© DMM レビュー内容の変化 細かい指摘をすることが減った →CodeRabbitがほとんどやってくれる →広い視点での実装改善レビューが多くなる AIの指摘内容から議論が発生 →気づきを得られる →新しい議論のきっかけに
Slide 53
Slide 53 text
© DMM 数値で見る変化
Slide 54
Slide 54 text
© DMM 作成からマージまでの時間 指標 時間( h) 備考 平均 約51.6時間 約2.15日 中央値 約24.2時間 約1.01日 最大 約596.7時間 約24.9日 最小 約0.44時間 約26分 指標 時間( h) 備考 平均 約67.6時間 約2.82日 中央値 約14.4時間 約0.60日 最大 約615.9時間 約25.66日 最小 約0.04時間 約2.6分(0.002日) 導入前 導入後
Slide 55
Slide 55 text
© DMM 作成から初レビューまでの時間 指標 時間( h) 備考 平均 約0.0023時間 約8秒 中央値 約0.0022時間 約8秒 最大 約0.0089時間 約32秒 最小 約0.0014時間 約5秒 指標 時間( h) 備考 平均 約205.7時間 約8.6日 中央値 約17.1時間 約17時間7分 最大 約502.9時間 約20.9日 最小 約0.45時間 約27分 導入前 導入後 ※CIでのLintコメントは除く
Slide 56
Slide 56 text
© DMM メンバーの声
Slide 57
Slide 57 text
© DMM メンバーの声 良いところ • 細かいレベルで精度の高いレビューを素早くしてくれる • 修正点が明確 • 問題指摘だけでなく、どう直せば良いかわかりやすい • 気づけていなかった問題点を指摘してくれる • バグを事前に防げる
Slide 58
Slide 58 text
© DMM メンバーの声 気になること • プッシュのたびに実行され、指摘内容の重複がある • 設定変更検討の余地 • 提案をそのまま受け入れるとエラーになる • suggest形式をそのまま受け入れない • 返信で後続対応しますといっても同じ指摘してくれる • TODOコメント書けば良い
Slide 59
Slide 59 text
© DMM Kotlin/Android特有の指摘内容はあったか?
Slide 60
Slide 60 text
© DMM Kotlin/Android特有の指摘 • paddingの書き方指摘 • 複数のpadding設定→1つのpadding • 好みもあるがきちんとComposeを理解している • テストコードで非同期処理はrunTestを推奨 • AndroidViewのfactoryとupdateの挙動の違い • ダークモード対応の色指定をUpdateに
Slide 61
Slide 61 text
© DMM AndroidViewのfactoryとupdateの挙動の違い
Slide 62
Slide 62 text
© DMM 課題は解決した?
Slide 63
Slide 63 text
© DMM 元々の課題 細かい指摘が多くなりがち テストのシナリオケースとテストコードにズレ 細かい部分を見落としがち レビュー時間が大きく取られる レビュー品質がレビュアーに大きく依存 63
Slide 64
Slide 64 text
© DMM 課題への結果 細かい指摘が多くなりがち → CodeRabbitが実施 テストのシナリオケースとテストコードにズレ → CodeRabbitが検知 細かい部分を見落としがち → 違和感をCodeRabbitが検知 レビュー時間が大きく取られる → 一部解決、ロジックや仕様などより重要な部分に時間をかけられる レビュー品質がレビュアーに大きく依存 → 一定のクオリティは担保(要ブラッシュアップ) 64
Slide 65
Slide 65 text
© DMM 完璧?
Slide 66
Slide 66 text
© DMM 改善点 内容が誤っている時がある pushのたびに発火は指摘が多く感じる 人力レビュー中にコード更新が入りやすい →CodeRabbitからの指摘点解消のため 細かい指摘が多すぎるかも?
Slide 67
Slide 67 text
© DMM 今後の話
Slide 68
Slide 68 text
© DMM 今後 チューニングを引き続き実施 レビュー観点やレビュータイミング 運用ルールの整備 AIコードレビューと人力コードレビューが被らないように AIコードレビュー以外にもAIの活用目指す(AX戦略)
Slide 69
Slide 69 text
© DMM AX戦略
Slide 70
Slide 70 text
© DMM https://developersblog.dmm.com/entry/2025/04/18/110000 人でやっていた業務の50%をAIに置き換えた(協働)うえで、開発 リードタイムへの変化を観測する
Slide 71
Slide 71 text
© DMM さいごに Androidアプリ開発にもAIコードレビューを! CodeRabbitによるコードレビューで生産性が向上 気軽に導入でき、チームやプロダクトに応じた設定が可能 爆速レビューは人・チームを救う 71