5
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

RooCodeをちょっと使えるようになる

Last updated at Posted at 2025-06-08

はじめに

AIを使った開発が盛んですね!
色々なツールがある中で、自分はRooCodeをよく使っているので、いくつかの使い方をまとめてみようと思います!

RooCodeって何?

Clineからフォークされて開発されたvscodeの拡張機能です!
チャット形式で指示を出すだけで、新規のコード作成や既存のコードの修正を行うことができます!
また複数ファイル編集、コマンド実行、ブラウザ操作、プロンプトルールもサポートされており、後述するモード切り替え(Code/Ask/Architect/Debug/Orchestrator)により、さまざまなタスクに細かく対応することができます🙌

使い始め&初期設定

インストール

  • VS Code → 拡張機能で “Roo Code” 検索 → インストール

image.png

言語設定

  • 設定→言語
    image.png

プロバイダ設定

  • 設定→プロバイダ→APIプロバイダから使用するプロバイダを選択(Claude 系がいい感じです)
  • APIキーを貼り付けて “保存” をクリック

image.png

モード切り替えで役割“エージェント”を使い分ける

RooCodeにはモードという機能があり、以下のようにタスクによってモードを着さりかえることで効率よくタスクを進めることができます!

モード 役割 使い所
Code 普通の実装・リファクタリング コード書く・関数作る・整理する
Debug バグ解析・ログ調査 エラー原因追う・修正内容を提案
Ask 技術質問全般 ライブラリの使い方・概念の質問
Architect 設計&構成レビュー 技術選定・構成相談
Orchestrator タスク統括&自動処理 要件→設計→実装→テストの一括化

これらのモードはチャット欄から選択することができます。

image.png

またモードごとに役割やカスタム指示を記載することができます。

image.png

チャットからタスクを実行する

チャット欄からタスクの指示をすることで、AIによる実装をすることができます。

その際、@指定で以下の内容を伝えることができます。

@utils.js の関数中身を教えて
@problems  // VSCodeのエラー一覧を参照
@git-changes // 未コミットのdiffを渡す
@commit:HEAD~1 // 直前コミット状態を参照
@terminal // 最終のターミナル出力をコンテキストに
@https://example.com // Webの内容を読ませたい時に

👉 長いコードやログをコピペせず 正確に伝えられるのが超便利です!

ex) ファイル指定

xxxのファイルを参考にyyyの実装をして!などの指定ができ、ファイルの中身をコピペしなくても指定のファイルを読み込むことができます。

image.png

ex) commit指定

xxxでコミットされたファイルのテストコードをかいて!みたいにコミットの内容を参照することができます。

image.png

image.png

実行

チャットに指示を書いたら送信ボタンからタスクを実行することができます。
RooCodeの画面上に何を実行しているかが表示されるので見守ります。

image.png

動作確認

指示をすればブラウザを使って動作確認をさせることもできます。

image.png

ルールファイルで“開発文化”をAIに覚えてもらう

.roo/rules-xxx 配下にmd形式のファイルを配置し、タスクを実行する際のルールを定義することができます。
xxxの部分は前述したモード名とし、モードによって対応するルールを読み込んでくれます。

image.png

例えばCodeモードの場合は .roo/rules-codeになります。
ここに以下のようにタスクを進める上で守ってほしいルールを記載します。

image.png

image.png

✅ これを組み込むことで、チームのコード規約をAIが自動で守るようにできます!
このルールファイルを整備することでAIによるコード生成の品質が劇的に変わるのでぜひ試してみてください!


モードを追加する

モードはデフォルトで Code/Ask/Architect/Debug/Orchestratorがありますが、ユーザが独自のモードを作成することができます。(モードの編集機能の「+」をクリック)

image.png

例えばルールファイルを作成するモードを作りたい時など、新たにモードを作成してタスクに特化したプロンプトを記述することで、さまざまなタスクに効率よくAIが対応してくれます。

image.png

おわりに

RooCodeは「補完するだけのAI」から大きく飛躍し、役割を持ち、判断できる開発チームAIです。

  • モード=“誰”がやるか
  • ルール=チーム共通文化
  • @指定=正確な文脈共有

これらを組み合わせることで、開発スピード・品質が爆上がり確定です!
ぜひ一度、RooCodeを使ってみてください🙌


5
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?