AI搭載コードエディタの決定版
Cursorは、AIの力でコーディングを革新的に効率化する次世代のコードエディタです。
このガイドでは、Cursorの基礎から実践的な使い方まで詳しく解説します。
Cursorの特徴
なぜCursorが選ばれるのか?その理由を詳しく解説します
AI統合
GPT-4をはじめとする最新のAIモデルが統合されており、コード生成、リファクタリング、バグ修正を自然言語で指示できます。
- 自然言語でコード生成
- コンテキストを理解した提案
- リアルタイムのコード補完
VS Codeベース
Visual Studio Codeをベースに開発されているため、使い慣れたインターフェースと拡張機能をそのまま利用できます。
- 馴染みのあるUI/UX
- 既存の拡張機能が使える
- スムーズな移行が可能
チャット機能
AIとチャット形式で対話しながらコーディング。質問、コードレビュー、デバッグを会話するように進められます。
- コードベース全体を理解
- 複雑な質問にも対応
- 学習サポート機能
コード編集
Cmd/Ctrl+Kで選択範囲を自然言語で編集。リファクタリング、コメント追加、最適化が瞬時に完了します。
- 選択範囲の一括編集
- スマートなリファクタリング
- コード品質の向上
高速な動作
最適化されたパフォーマンスにより、大規模なプロジェクトでも快適に動作。AIの応答速度も優れています。
- 軽量で高速
- 大規模プロジェクト対応
- 低レイテンシAI応答
プライバシー重視
コードのプライバシーを保護。プライバシーモードでは、AIトレーニングにコードが使用されません。
- プライバシーモード搭載
- ローカル処理オプション
- セキュアな通信
Cursorの導入方法
簡単3ステップでCursorを始められます
公式サイトからダウンロード
Cursorの公式サイトにアクセスし、お使いのOSに対応したインストーラーをダウンロードします。
公式サイト
https://cursor.sh対応OS
- Windows 10/11 (64-bit)
- macOS 10.15以降
- Linux (Ubuntu, Debian, Fedora等)
ヒント: ダウンロードページでは最新版が自動的に選択されます。安定版を使用することをお勧めします。
インストール実行
ダウンロードしたインストーラーを実行し、画面の指示に従ってインストールを完了させます。
Windows
- ダウンロードした「CursorSetup.exe」をダブルクリック
- セットアップウィザードの指示に従う
- インストール先を選択(デフォルト推奨)
- 「Install」をクリックしてインストール開始
- 完了後、自動的にCursorが起動します
macOS
- ダウンロードした「Cursor.dmg」を開く
- Cursorアイコンをアプリケーションフォルダにドラッグ
- アプリケーションフォルダからCursorを起動
- 初回起動時は「開く」をクリック
Linux
- ダウンロードした「.AppImage」または「.deb」ファイルを使用
- AppImageの場合: 実行権限を付与して起動
- debの場合:
sudo dpkg -i cursor.deb - ターミナルまたはアプリメニューから起動
注意: インストール時に管理者権限が必要な場合があります。セキュリティ警告が表示された場合は「許可」を選択してください。
初期設定とアカウント作成
Cursorを起動したら、アカウントを作成し、基本設定を行います。
アカウント作成手順
- 初回起動時に「Sign Up」または「Log In」画面が表示されます
- メールアドレスで登録、またはGitHub/Googleアカウントで連携
- メール認証を完了させる(メール登録の場合)
- プランを選択(無料プランまたはProプラン)
- ウェルカム画面でテーマや設定を選択
推奨初期設定
- テーマ: ライト/ダークテーマを選択(Settings → Appearance → Color Theme)
- AIモデル: GPT-4を有効化(Pro版推奨)
- キーバインド: VS Codeの設定をインポート可能
- プライバシー: Privacy Modeを必要に応じて有効化
- 拡張機能: VS Code拡張機能を移行またはインストール
完了! これでCursorを使い始める準備が整いました。次のセクションで基本的な使い方を学びましょう。
プランについて
無料プラン
- 基本的なAI機能
- 月間制限あり
- GPT-3.5モデル
- 標準サポート
Pro プラン
- 無制限のAI使用
- GPT-4アクセス
- 高速なレスポンス
- 優先サポート
- プライバシーモード
Business プラン
- チーム機能
- 一元管理
- SSO対応
- 専任サポート
- カスタマイズ可能
基本的な使い方
Cursorの主要機能の使い方を詳しく解説します
Tab補完(AI Code Completion)
コードを入力中にAIが次のコードを予測し、Tabキーで補完できます。これはGitHub Copilotと同様の機能で、Cursorの最も基本的な機能です。
使い方
- コードエディタでコードを入力開始
- AIが灰色のテキストで次のコードを提案
- Tabキーを押して提案を受け入れる
- 複数行の提案の場合、Tabを複数回押す
Tips
- コメントで何を実装したいか説明すると、より正確な補完が得られます
- Escキーで提案を却下できます
- 設定で補完の積極性を調整可能です
インライン編集(Cmd/Ctrl + K)
選択したコードを自然言語で編集できる強力な機能。リファクタリング、バグ修正、機能追加などを指示するだけで実行できます。
使い方
- 編集したいコードを選択
- Cmd/Ctrl + Kを押す
- 入力欄に自然言語で指示を入力
- Enterで実行、AIがコードを編集
- 結果を確認し、Accept(受け入れ)またはReject(却下)
指示例: "エラーハンドリングを追加して、ユーザーが見つからない場合は null を返すようにして"
活用例
- "この関数にコメントを追加して" - ドキュメント生成
- "TypeScriptに変換して" - 言語変換
- "パフォーマンスを最適化して" - リファクタリング
- "テストケースを追加して" - テスト生成
AIチャット(Cmd/Ctrl + L)
AIとチャット形式で対話しながらコーディング。コードベース全体を理解したAIが、質問に答えたり、コードを生成したりします。
使い方
- Cmd/Ctrl + Lでチャットパネルを開く
- 質問や指示を自然言語で入力
- AIが回答し、必要に応じてコードを提示
- 提示されたコードを直接エディタに挿入可能
- 会話を続けて、さらに詳細な実装を依頼
コードベース理解: チャット機能は現在開いているプロジェクト全体を理解します。ファイル間の依存関係も把握した上で回答します。
Codebase検索(@機能)
チャット内で @記号を使用して、特定のファイル、フォルダ、コードを参照しながら質問できます。
参照例
@ファイル名 "@UserController.js このファイルのバグを見つけて"
@フォルダ名 "@components/ このフォルダのコンポーネントを統一的にリファクタリング"
@Codebase "@Codebase 認証機能はどこに実装されていますか?"
重要なキーボードショートカット
Cursorを効率的に使うための重要なショートカット一覧です。
AI機能
検索・ナビゲーション
実践例
Cursorを使って実際にコードを作成してみましょう
例1: シンプルなTodoアプリを作成
初級Cursorを使ってゼロからTodoアプリを作成する手順を実践します。
プロジェクトの準備
- 新しいフォルダを作成し、Cursorで開く
index.htmlファイルを新規作成- Cmd/Ctrl + Lでチャットを開く
AIに指示を出す
チャットに以下のように入力:
コードを確認・適用
- AIが生成したコードを確認
- 「Apply」ボタンでコードをファイルに適用
- ブラウザで
index.htmlを開いて動作確認
効率的な使い方のヒント
Cursorを最大限に活用するためのTips集
明確な指示を出す
AIには具体的で明確な指示を出しましょう。曖昧な指示よりも、詳細な要件を伝えた方が正確な結果が得られます。
❌ 悪い例: "関数を書いて"
✅ 良い例: "配列から重複を削除し、アルファベット順にソートする関数をTypeScriptで書いて。エラーハンドリングも含めて"
段階的に構築
大規模な機能は一度に実装せず、小さな部分に分けて段階的に構築しましょう。
コンテキストを活用
@機能を使って関連ファイルを参照することで、より正確で一貫性のあるコードが生成されます。
今すぐCursorを始めましょう
AIの力でコーディングの生産性を革新的に向上させましょう