Cursorの使い方完全ガイド【2026年版】AI統合エディタで開発速度が3倍に

プロンプト例

// 例: 以下を書き始めると、Cursorが自動的に続きを提案
async function fetchUser(userId: string) {
  // ここでTabを押すとCursorが続きを提案:
  // const response = await fetch(`/api/users/${userId}`);
  // if (!response.ok) throw new Error('Failed to fetch user');
  // return response.json();
}

プロンプト例

（対象の関数を選択 → Cmd+K → 以下を入力）

この関数にTypeScriptの型を追加して、エラーハンドリングを try-catch で実装してください。
戻り値は Promise<User | null> にしてください。

プロンプト例

（Cmd+I でComposerを開く → 以下を入力）

このNext.jsアプリにメール認証によるログイン機能を追加してください。

要件:
- NextAuth.jsを使用
- メール＋パスワード方式
- /login ページと /api/auth ルートを作成
- 型定義とエラーハンドリングも完備
- 既存のデザインに合わせる

プロンプト例

@src/components/UserProfile.tsx
@src/types/user.ts

UserProfileコンポーネントで、user.emailが未定義のときにクラッシュしないように修正してください。
type定義側で optional にするか、UI側でnullチェックするか、適切な方を選んでください。

プロンプト例

（エラーログをチャットに貼り付けて以下を入力）

以下のエラーを修正してください:

TypeError: Cannot read properties of undefined (reading 'map')
    at ProductList (app/products/page.tsx:15:23)

products が undefined のときでもクラッシュしないようにしたいです。
ローディング状態とエラー状態のUIも分けて実装してください。

プロンプト例

（対象の関数を選択 → Cmd+L でチャット → 以下を入力）

この関数の単体テストをVitestで書いてください。

カバーするケース:
- 正常系（有効な入力）
- 境界値（空配列、null、未定義）
- エラー系（無効な型）
- 非同期の待ち合わせ

各テストケースにコメントで意図を明記してください。

プロンプト例

次のPythonコードをRustに書き換えてください:

def find_duplicates(items):
    seen = set()
    duplicates = []
    for item in items:
        if item in seen and item not in duplicates:
            duplicates.append(item)
        seen.add(item)
    return duplicates

条件:
- イディオマティックなRustに
- HashSetとVecを適切に使う
- 各行にコメントで何をしているか説明を追加
- Cargo.tomlの dependencies も必要なら教えてください

プロンプト例

（対象コードを選択 → Cmd+K → 以下を入力）

このコンポーネントをリファクタリングしてください。

観点:
- 共通ロジックをカスタムフックに切り出す
- useMemo/useCallbackで不要な再レンダリングを防ぐ
- props drilling が発生している箇所は Context に置き換える
- TypeScriptの型を厳格化（any を削除）
- ファイル分割が必要なら提案してください

プロンプト例

（対象のPR相当のコードを選択 → Cmd+L でチャット → 以下を入力）

このコードをシニアエンジニアの視点で厳しくレビューしてください。

チェック観点:
1. セキュリティリスク（SQLインジェクション、XSS、認証漏れ）
2. パフォーマンス問題（N+1クエリ、無駄な再レンダリング）
3. エラーハンドリングの漏れ
4. テストしやすいか
5. 命名の適切さ
6. 例外ケースの考慮漏れ

「このままマージOK」「要修正」「要議論」の3段階で評価してください。

プロンプト例

（Source Control パネルから Generate Commit Message をクリック、または Cmd+L で以下を入力）

git diff の内容からConventional Commits形式でコミットメッセージを作成してください。

条件:
- 1行目は type: description（72文字以内）
- 2行目は空白
- 本文は「何を」「なぜ」を日本語で説明
- 破壊的変更があれば BREAKING CHANGE: を記載

プロンプト例

@Docs https://stripe.com/docs/api

ユーザーが月額1,000円のサブスクリプションに申し込むNext.jsのAPIルートを書いてください。

要件:
- Checkout Session を作成
- 成功時・失敗時のリダイレクトURL
- 環境変数からシークレットキーを取得
- エラーハンドリング完備

プロンプト例

@schema.sql

以下の要件でSQLクエリを書いてください:

- usersテーブルとordersテーブルを結合
- 2025年に3回以上注文したユーザーを抽出
- 各ユーザーの合計購入金額と平均購入金額を表示
- 合計金額の降順で並べる
- PostgreSQL 16 を想定

Window関数を適切に使って、効率的なクエリにしてください。

プロンプト例

（対象の関数やクラスを選択 → Cmd+K → 以下を入力）

このクラスに TSDoc コメントを追加してください。

条件:
- クラスの概要（1〜2文）
- 各メソッドに @param, @returns, @throws
- 使用例を @example で1つ添える
- 日本語コメントで

プロンプト例

次の条件を満たす正規表現をJavaScript向けに作ってください:

条件:
- 日本の電話番号にマッチ
- ハイフンあり・なし両方OK
- 固定電話（03-1234-5678など）と携帯電話（090-1234-5678など）両方
- 国際プレフィックス +81 にも対応

各部分がどこにマッチするか、コメントで説明してください。

プロンプト例

（プロジェクトルートに .cursorrules ファイルを作成し、以下を記述）

# プロジェクトの基本方針

## 技術スタック
- Next.js 15 App Router
- TypeScript strict mode
- Tailwind CSS v4
- Bun をパッケージマネージャに使用

## コーディング規約
- すべての関数にJSDocコメント（日本語）
- エラーハンドリングは try-catch で明示
- any型の使用は禁止
- テストは vitest で書く

## AIへの指示
- 説明は日本語で
- コメントも日本語で
- 新しい依存関係を追加するときは理由を必ず説明