無料で使えるCodeRabbit for VSCodeが正式リリースされたので紹介

先日よりベータリリースしていたCodeRabbit for VSCodeが、ついにGAしました！VS Codeはもちろん、CursorやWindsurfなどのVSCode互換エディタでも利用できます。

[CodeRabbit \- Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=CodeRabbit.coderabbit-vscode)

## CodeRabbitとは

CodeRabbitはAIを活用したコードレビューサービスです。プルリクエストに対して、自動的にレビューが実行されます。開発者はCodeRabbitからの指摘を確認して修正を行って、追加でコミットします（修正をCodeRabbitにやってもらうこともできます）。また、CodeRabbitはGitHubのPRだけでなく、GitLabやBitbucketのPRにも対応しています。

[![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197026/8e63764b-c5a7-42d1-a407-1527b558c86d.png)](https://www.coderabbit.ai/ja)

[AI Code Reviews \| CodeRabbit \| Try for Free](https://www.coderabbit.ai/ja)

## 特徴

CodeRabbit for VSCodeの特徴は以下の通りです。

1. **無料！**
1. エディタ上で利用可能
1. 提案をそのまま修正反映

## クラウド版との違い

これまで、CodeRabbitはクラウドで展開していました。そして、GitHubなどでのPRに対してレビューを行う形でした。それに対して、CodeRabbit for VSCodeはローカルで動作します。そして、コミットに対してレビューを行えるのが特徴になります。

公式による、クラウド版とVSCode版の違いは以下の通りです。

| 特徴 | VSCode版 | クラウド版 |
| :---- | :---- | :---- |
| サポートされているプラ​​ットフォーム | VS CodeとCursor、Windsurf、その他すべての VS Codeフォーク  | Github、Gitlab、Azure Devops、Bitbucket |
| レビューの粒度 | コミットごと（ステージング済みまたはステージングされていないコード） | PR・MR |
| 平均レビュー時間 | 2～3分 | ～10分 |
| インストール | 開発者ごとに個別 | チーム全体 |
| レビュー数 | レート制限の下限 | より高いレート制限 |
| ワンクリック修正 | ✅ | ✅ |
| Linter / SAST | ❌ | ✅ |
| Webクエリ | ❌ | ✅ |
| グラフ分析 | ❌ | ✅ |
| パスベースの命令 | ❌ | ✅ |
| Jira/Linear統合 | ❌ | ✅ |
| ダッシュボードとレポート | ❌ | ✅ |
| エージェントチャット | ❌ | ✅ |
| 学習 | ❌ | ✅ |
| 仕上げ | ❌ | ✅ |

実際のレビュー処理はクラウド版と同様に、クラウド上で行われます。ただし、CodeRabbitは皆さんのコードをセキュアに扱い（SOC2 Type II認証取得）、学習に利用せず、レビュー後は速やかに破棄されますので安心してご利用ください。

## 実際の手順

まずは、[VSCodeの拡張機能からCodeRabbitをインストール](https://marketplace.visualstudio.com/items?itemName=CodeRabbit.coderabbit-vscode)します。インストール後、CodeRabbitにログインします。

![How to do AI Code Reviews in VS Code _ CodeRabbit 0-43 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197026/af4593b7-4022-4c69-9c83-8ebf2e6ec98f.png)


後は、VSCodeなどのツールバーで、CodeRabbitを選択してください。すると、以下のようにレビュー待ちのファイルが表示されます。

![How to do AI Code Reviews in VS Code _ CodeRabbit 1-3 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197026/a4a5938a-fe7c-4b3c-a971-1adef4d57a8c.png)


ここからの選択の他、コミットすると、レビューを行うか確認が出ますので、Yesを選択します。そうすると、レビューが実行されます。レビューはだいたい2〜3分程度かかります。ステータスも表示されるので、お待ちください。

レビュー結果はファイル毎に、順番に表示されていきます。

![How to do AI Code Reviews in VS Code _ CodeRabbit 2-18 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197026/b09d9f30-7ad8-4ea2-8976-0cd362bdb9b8.png)

レビューが完了すると、その内容が表示されます。

![How to do AI Code Reviews in VS Code _ CodeRabbit 2-24 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197026/59b83e84-1ad6-46e7-ad95-3aba7f0299b9.png)


指摘事項をクリックすると、その内容の確認ができます。そして、 `Approve` を選択すると、指摘事項がコードに反映されます。 `Reject` を選択すると、指摘事項が無視されます。その他、受け取った内容をコーディングAI（GitHub Copilotなど）に送ることもできます。

![How to do AI Code Reviews in VS Code _ CodeRabbit 3-14 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197026/dd4cd1e2-abfb-4359-b9c1-a118dfda220b.png)


基本的には、この繰り返しでコードの品質を上げていきます。

## プルリクエストの作成

ローカルレビューが終わったら、プルリクエストを作成しましょう。その際にはクラウド版のCodeRabbitが、コードレビューをお手伝いします。クラウド版ではプロンプトによる細かなレビュー内容の指示であったり、Learningを使った過去のフィードバックに基づくレビューを行います。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/197026/0c37a870-457e-42c3-992a-48df35642495.png)


## まとめ

CodeRabbit for VSCodeは、ローカルエディタ上で動作するAIコードレビューツールです。無料で利用できますので、ぜひ試してみてください。CodeRabbitのベストプラクティスに基づくレビューは、あなたのコード品質を高めるのはもちろん、実際のコードレビュー前に適用することで、チーム全体のレビュー工数を削減できます。

ぜひ、CodeRabbitを使って、開発の効率化を実現してください。

[AI Code Reviews \| CodeRabbit \| Try for Free](https://www.coderabbit.ai/ja)