← 一覧に戻る

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を始められます

01

公式サイトからダウンロード

Cursorの公式サイトにアクセスし、お使いのOSに対応したインストーラーをダウンロードします。

公式サイト

https://cursor.sh

対応OS

  • Windows 10/11 (64-bit)
  • macOS 10.15以降
  • Linux (Ubuntu, Debian, Fedora等)

ヒント: ダウンロードページでは最新版が自動的に選択されます。安定版を使用することをお勧めします。

02

インストール実行

ダウンロードしたインストーラーを実行し、画面の指示に従ってインストールを完了させます。

Windows

  1. ダウンロードした「CursorSetup.exe」をダブルクリック
  2. セットアップウィザードの指示に従う
  3. インストール先を選択(デフォルト推奨)
  4. 「Install」をクリックしてインストール開始
  5. 完了後、自動的にCursorが起動します

macOS

  1. ダウンロードした「Cursor.dmg」を開く
  2. Cursorアイコンをアプリケーションフォルダにドラッグ
  3. アプリケーションフォルダからCursorを起動
  4. 初回起動時は「開く」をクリック

Linux

  1. ダウンロードした「.AppImage」または「.deb」ファイルを使用
  2. AppImageの場合: 実行権限を付与して起動
  3. debの場合: sudo dpkg -i cursor.deb
  4. ターミナルまたはアプリメニューから起動

注意: インストール時に管理者権限が必要な場合があります。セキュリティ警告が表示された場合は「許可」を選択してください。

03

初期設定とアカウント作成

Cursorを起動したら、アカウントを作成し、基本設定を行います。

アカウント作成手順

  1. 初回起動時に「Sign Up」または「Log In」画面が表示されます
  2. メールアドレスで登録、またはGitHub/Googleアカウントで連携
  3. メール認証を完了させる(メール登録の場合)
  4. プランを選択(無料プランまたはProプラン)
  5. ウェルカム画面でテーマや設定を選択

推奨初期設定

  • テーマ: ライト/ダークテーマを選択(Settings → Appearance → Color Theme)
  • AIモデル: GPT-4を有効化(Pro版推奨)
  • キーバインド: VS Codeの設定をインポート可能
  • プライバシー: Privacy Modeを必要に応じて有効化
  • 拡張機能: VS Code拡張機能を移行またはインストール

完了! これでCursorを使い始める準備が整いました。次のセクションで基本的な使い方を学びましょう。

プランについて

無料プラン

$0/月
  • 基本的なAI機能
  • 月間制限あり
  • GPT-3.5モデル
  • 標準サポート

Business プラン

お問い合わせ
  • チーム機能
  • 一元管理
  • SSO対応
  • 専任サポート
  • カスタマイズ可能

基本的な使い方

Cursorの主要機能の使い方を詳しく解説します

1

Tab補完(AI Code Completion)

コードを入力中にAIが次のコードを予測し、Tabキーで補完できます。これはGitHub Copilotと同様の機能で、Cursorの最も基本的な機能です。

使い方

  1. コードエディタでコードを入力開始
  2. AIが灰色のテキストで次のコードを提案
  3. Tabキーを押して提案を受け入れる
  4. 複数行の提案の場合、Tabを複数回押す

Tips

  • コメントで何を実装したいか説明すると、より正確な補完が得られます
  • Escキーで提案を却下できます
  • 設定で補完の積極性を調整可能です
2

インライン編集(Cmd/Ctrl + K)

選択したコードを自然言語で編集できる強力な機能。リファクタリング、バグ修正、機能追加などを指示するだけで実行できます。

使い方

  1. 編集したいコードを選択
  2. Cmd/Ctrl + Kを押す
  3. 入力欄に自然言語で指示を入力
  4. Enterで実行、AIがコードを編集
  5. 結果を確認し、Accept(受け入れ)またはReject(却下)

指示例: "エラーハンドリングを追加して、ユーザーが見つからない場合は null を返すようにして"

活用例

  • "この関数にコメントを追加して" - ドキュメント生成
  • "TypeScriptに変換して" - 言語変換
  • "パフォーマンスを最適化して" - リファクタリング
  • "テストケースを追加して" - テスト生成
3

AIチャット(Cmd/Ctrl + L)

AIとチャット形式で対話しながらコーディング。コードベース全体を理解したAIが、質問に答えたり、コードを生成したりします。

使い方

  1. Cmd/Ctrl + Lでチャットパネルを開く
  2. 質問や指示を自然言語で入力
  3. AIが回答し、必要に応じてコードを提示
  4. 提示されたコードを直接エディタに挿入可能
  5. 会話を続けて、さらに詳細な実装を依頼

コードベース理解: チャット機能は現在開いているプロジェクト全体を理解します。ファイル間の依存関係も把握した上で回答します。

4

Codebase検索(@機能)

チャット内で @記号を使用して、特定のファイル、フォルダ、コードを参照しながら質問できます。

参照例

@ファイル名

"@UserController.js このファイルのバグを見つけて"

@フォルダ名

"@components/ このフォルダのコンポーネントを統一的にリファクタリング"

@Codebase

"@Codebase 認証機能はどこに実装されていますか?"

5

重要なキーボードショートカット

Cursorを効率的に使うための重要なショートカット一覧です。

AI機能

Cmd/Ctrl + Kインライン編集
Cmd/Ctrl + LAIチャット
TabAI補完を受け入れ
EscAI補完を却下

検索・ナビゲーション

Cmd/Ctrl + Pファイル検索
Cmd/Ctrl + Shift + F全体検索
Cmd/Ctrl + Bサイドバー切替

実践例

Cursorを使って実際にコードを作成してみましょう

例1: シンプルなTodoアプリを作成

初級

Cursorを使ってゼロからTodoアプリを作成する手順を実践します。

STEP 1

プロジェクトの準備

  1. 新しいフォルダを作成し、Cursorで開く
  2. index.htmlファイルを新規作成
  3. Cmd/Ctrl + Lでチャットを開く
STEP 2

AIに指示を出す

チャットに以下のように入力:

「シンプルなTodoアプリをHTML、CSS、JavaScriptで作成してください。機能はタスクの追加・完了チェック・削除・ローカルストレージ保存。モダンでミニマルなデザインにしてください。」
STEP 3

コードを確認・適用

  1. AIが生成したコードを確認
  2. 「Apply」ボタンでコードをファイルに適用
  3. ブラウザでindex.htmlを開いて動作確認

効率的な使い方のヒント

Cursorを最大限に活用するためのTips集

明確な指示を出す

AIには具体的で明確な指示を出しましょう。曖昧な指示よりも、詳細な要件を伝えた方が正確な結果が得られます。

❌ 悪い例: "関数を書いて"

✅ 良い例: "配列から重複を削除し、アルファベット順にソートする関数をTypeScriptで書いて。エラーハンドリングも含めて"

段階的に構築

大規模な機能は一度に実装せず、小さな部分に分けて段階的に構築しましょう。

コンテキストを活用

@機能を使って関連ファイルを参照することで、より正確で一貫性のあるコードが生成されます。

今すぐCursorを始めましょう

AIの力でコーディングの生産性を革新的に向上させましょう

公式LINEから無料相談

公式LINE QRコード

QRコードを読み取って友だち追加

スマホの方はこちら

LINEで友だち追加する