Happy Web Engineer
最終更新
初回公開

【2026年版】Cursor Composer / Agent 完全活用ガイド|マルチファイル編集で生産性5倍


はじめに:Cursorは「Tabだけじゃない」

Cursorを使い始めたばかりの人の多くは、Tab補完しか活用していません。しかし、Cursorの真価は Composer / Agent機能によるマルチファイル編集にあります。

この記事では、Composer・Agent機能を実務でフル活用する方法を解説します。


Composer とは?

Composer は 複数ファイルにまたがる変更を一括実行するCursorの中核機能。従来のCopilot等では難しかった「新機能実装・リファクタリング・バグ修正」が一発でできます。

こんなときに使う

  • 新規コンポーネント+型定義+テストを一度に作成
  • データ構造変更に伴う複数ファイルの修正
  • API/フロントエンド両方の変更
  • テーマ変更・CSS一括リファクタ

Composer 基本の使い方

起動

Cmd+I(Mac)/ Ctrl+I(Win)で起動。

コンテキスト追加

関連するファイルを @でメンションして文脈に含める:

@app/users/page.tsx @app/api/users/route.ts @lib/types.ts

ユーザー編集機能を追加してください。
- 編集ボタン → モーダル表示
- 名前・メールを編集可能
- APIで PATCH /api/users/[id] を呼ぶ
- 型も更新

→ Composer が3ファイルを横断して適切な変更を提案 → Accept Allで一括適用。

Codebase 全体を文脈に

@Codebaseでプロジェクト全体のコードを参照に加える。「このコードベースの命名規則に従って」等の指示が効く。


Agent 機能 - エージェント型でタスク実行

Composerより更に自律的で、タスクを渡すと AI が自分で計画・実行・検証する機能(2024年末〜標準化)。

例

@Codebase

ログイン機能のパスワードリセット機能を追加してください。
- フロントエンド:/reset-password ページ
- バックエンド:API 2つ(リクエスト・確認)
- メール送信(Resend使用)
- データベースマイグレーション
- テストコード
- 既存のコーディング規約に準拠

Agentは:(1) 計画立案 → (2) 各ファイル作成 → (3) 既存コード編集 → (4) テスト実行 → (5) エラー修正 を自律的に行います。


効果的なプロンプトのコツ

1. 要件を箇条書き

「〇〇を実装」より「以下の要件で実装: 1. ..., 2. ..., 3. ...」の方が精度高い。

2. 既存ファイルを @ で参照

「似たパターンの実装例」としてReferenceファイルを @ で添える。

3. 制約を明示

「TypeScript strict mode」「ESLint準拠」「Tailwindのみ使用」等。

4. .cursorrules を活用

プロジェクトルートに .cursorrulesを置くと、プロジェクト固有の規約を全セッションで適用可能:

# .cursorrules
- TypeScript strict mode を厳守
- 関数は named export、デフォルト export は禁止
- 全てのコンポーネントに Props型を定義
- API エラーは NextResponse.json で統一
- 日本語コメント歓迎、ただし簡潔に

Advanced:Cursor の裏技

1. Doc機能で外部ドキュメントをコンテキスト化

Settings → Features → Docs で、npm公式ドキュメント等を事前学習させておく。「Prismaの最新構文で書いて」等が効く。

2. @Web で最新情報取得

@Web 2026年のNext.js 15の新機能についてと書けば、Cursor が自動でWeb検索して回答。

3. モデル切替

タスクに応じて Claude Sonnet / GPT-5 / cursor-small を使い分け(右下で切替)。コード重視は Claude、推論重視は GPT-5。

4. YOLO モード

Agent 設定で「YOLO Mode」を有効化すると、確認なしで複数コマンド実行。本番コードには非推奨だが、プロトタイピング速度は劇的向上。


Cursor vs GitHub Copilot

観点

Cursor

GitHub Copilot

マルチファイル編集

◎(Composer)

○(Workspace)

Tab補完

◎

◎

エージェント

◎(Agent)

○(Workspace)

月額

$20

$10

対応エディタ

Cursor のみ

多数(VS Code/JetBrains等)

学習コスト

低(VS Code移行)

最低(拡張追加)



※PR

💡 このAIスキルを武器に、高単価案件を取りに行くなら

AIを使いこなせるエンジニアは、2026年の案件市場で単価が1〜2段階上がる傾向があります。実務でAIを活用した経験は、フリーランスエージェントの面談で特に評価される武器になります。まずは無料登録して、自分のAIスキルがいくらで売れるのか見てみると判断材料が増えます。

無料で案件単価を見てみる


※PR

💡 AI時代の学習を体系的にやり切るなら

独学だと「どこまで深掘りすべきか」の判断が遅れがちです。侍エンジニアはAI活用を含めた現場レベルのカリキュラムを現役エンジニア講師と1対1で進められるので、学習の遠回りを最小化できます。無料カウンセリングでロードマップだけ引いてもらうのも使い方としてアリです。

無料カウンセリングを予約する

よくある質問(FAQ)

Q. 無料版でどこまで使える?

Hobbyプラン:月50回の Premium Request。Tab補完は無制限。Composerも使えるが利用上限あり。試用には十分。

Q. VS Code 拡張機能は使える?

はい、VS Code の拡張機能・テーマ・設定は そのまま使える(Cursorは VS Codeのフォーク)。

Q. 業務コードを AI に送って大丈夫?

Business プラン($40/user/月)なら Privacy Modeで学習に使われない保証あり。

Q. 社内で導入するには?

SSO/SCIM 対応の Business プランで管理。NDAもあり。

Q. Claude Code との使い分けは?

Cursor は IDE統合型・マルチファイル編集重視、Claude Code は ターミナル型・エージェント実行重視。詳しくは AIコードエディタ徹底比較をご覧ください。


まとめ:Composer を使えば生産性5倍

  • Tab補完だけでなく Composer・Agent を活用
  • @ でコンテキストを明示的に渡す
  • .cursorrules でプロジェクト規約を永続化
  • モデル切替で用途別最適化

Cursorの真の価値は Composer にあります。今日から1タスク試してみてください。


関連記事

👉 【2026年版】AIコードエディタ徹底比較
👉 【2026年版】ChatGPT活用の実務7パターン
👉 【2026年版】AIプロンプトエンジニアリング超入門
👉 【2026年版】副業エンジニアがAIを使って案件を2倍こなす方法
👉 【2026年版】ChatGPTを使ったコードレビューの実践法