Cursor は AI を直接統合したコードエディタです。外部の AI アシスタントと違い、Cursor はプロジェクト全体を理解して、あなたが入力している間に文脈に合ったコードを提案します。プログラミングを始めたばかりなら、このツールを使えば何百もの構文を覚えなくても機能するコードが書けます。このチュートリアルでは、Cursor のインストール、初期設定、主な機能の使い方を説明します。よくある間違いと時間を節約するコツも紹介するので、最初のコード行から役に立ちます。このガイドを読むのに事前知識は必要ありません。
Cursor とは?初心者が使うべき理由
Cursor は Visual Studio Code をベースにした、GPT-4 や Claude などの AI モデルを組み込んだコードエディタです。 実際には、自然言語で文を書くと、Cursor が対応するコードを生成して、ワンクリックで受け入れたり編集したりできます。
通常のエディタとの違いは何でしょう?Cursor はプロジェクト全体(ファイル、フォルダ、依存関係)を読み込んで、すでに書いたコードと一貫性のあるコードを提案します。あるファイルで関数を作ると、Cursor は別のファイルでそれを自動的に使ってくれるので、すべてを手動でコピーする必要がありません。
初心者にとって便利な理由:
- 構文を覚える必要がない : 日本語で説明すれば、Cursor がコードに変換してくれます
- 例から学べる : 関数、ループ、条件分岐の構造をすぐに見ることができます
- 即座にエラーを検出 : テストする前に Cursor がバグを見つけてくれます
- 時間を節約 : Stack Overflow で調べる時間が減り、プロジェクト作成に集中できます
Cursor の公式ドキュメントによると、このツールは最大 50,000 行のコードを文脈として分析できるため、中規模プロジェクトに特に効果的です。初心者にとっては、プロジェクトが大きくなっても Cursor が関連性を保つということです。
Cursor をパソコンにインストール・設定する方法
Cursor のインストールは 5 分以下で完了し、技術的なスキルは不要です。 Windows、macOS、Linux のどれを使っていても、以下の手順に従ってください。
Cursor をダウンロード
- cursor.sh にアクセス
- "Download" をクリック(サイトが自動的にあなたの OS を検出します)
- ダウンロードしたファイルを実行(Windows は .exe、macOS は .dmg、Linux は .AppImage)
- インストール画面に従って進める(「次へ」をクリックして完了)
初回起動と初期設定
初回起動時、Cursor は 3 つのことを聞きます:
- アカウント接続 : Google、GitHub、またはメールアドレスでアカウントを作成できます
- AI モデルの選択 : 多目的なら GPT-4、複雑なコードなら Claude Sonnet を選びます(両方とも無料版で利用可能)
- VS Code の設定をインポート : Visual Studio Code をすでに使っていれば、Cursor が拡張機能とキーボードショートカットを引き継ぐことができます
ログインすると、メイン画面が表示されます。Visual Studio Code に似ていて、左側にファイルナビゲーション、中央にコードエディタ、下部にターミナルがあります。
重要な設定を調整
Ctrl + ,(Windows/Linux)または Cmd + ,(macOS)を押して設定を開きます。最初に変更すべき 3 つの設定は:
- 自動補完 : "Cursor Tab" を有効にして、入力中に AI がコードを提案するようにします
- デフォルトモデル : GPT-4 Turbo(速度と品質のバランスが良い)または Claude 3.5 Sonnet(文脈理解が優れている)を選びます
- Privacy Mode : 機密プロジェクトで作業する場合、コードを Cursor サーバーに送信しないようにします(Pro 版で利用可能)
もっと詳しいインストールガイドが必要なら、Windows での Claude Code インストールチュートリアルを参照してください。
Cursor の 5 つの基本機能(初心者向け)
Cursor は 4 つの AI インタラクションモードを提供し、それぞれ異なるニーズに対応しています。 実際の使い方を見てみましょう。
1. Cursor Tab : インテリジェント自動補完
Cursor Tab はスマートフォンの自動補完のようなものですが、コード用です。入力を始めると、Cursor が続きを灰色で提案します。Tab キーを押して受け入れます。
例:function calculer と入力すると、Cursor は自動的に以下を提案します:
function calculerMoyenne(notes) {
const somme = notes.reduce((a, b) => a + b, 0);
return somme / notes.length;
}
関数の説明を書く必要もなく、Cursor が関数名から推測します。
2. Cmd K : 既存コードの編集
コードの一部を選択して Cmd + K(macOS)または Ctrl + K(Windows/Linux)を押し、変更内容を説明します。
例:税込み価格を計算する関数があるけど、10% の割引を追加したい場合、関数を選択して「10% の割引を追加」と入力すれば、Cursor がコードを直接修正します。
3. Cmd L : 文脈を考慮したチャット
Cmd + L(macOS)または Ctrl + L(Windows/Linux)を押すと、画面右側にチャットが開きます。コードについて質問したり、説明を求めたり、新しい機能を生成したりできます。
ChatGPT との違いは?Cursor はすべてのファイルにアクセスできます。「データベースを接続するには?」と聞くと、Cursor は PostgreSQL を使っていることを認識して、一般的な回答ではなく、あなたの状況に合った答えをくれます。
4. Cmd I : ゼロからコードを生成
Cmd + I(macOS)または Ctrl + I(Windows/Linux)を押すと、浮動エディタが開きます。日本語で作りたいものを説明すれば、Cursor が完全なコードを生成します。
例:「名前、メール、メッセージのフィールドを持つお問い合わせフォームを作成」→ Cursor が必要な HTML、CSS、JavaScript をすべて生成します。
5. Composer モード : 複数ファイルを一度に作成
Composer モード(Cmd + Shift + I または Ctrl + Shift + I でアクセス可能)を使うと、複数ファイルにまたがる完全な機能を生成できます。
例:「登録、ログイン、ログアウト機能を持つ認証システムを作成」→ Cursor がバックエンドルート、フロントエンドフォーム、セッション管理をすべて生成します。
これらの機能は、Claude Code の基本コマンドに関する記事で詳しく説明されており、同様のロジックを使っています。
Cursor で最初の実践的なプロジェクトを作る
Cursor を学ぶ最良の方法は、30 分以内に動作するミニプロジェクトを作ることです。 例として、インタラクティブなタスクリスト(to-do list)を作ってみましょう。
ステップ 1 : 新しいプロジェクトを作成
- Cursor を開く
- "File" > "Open Folder" をクリック
- デスクトップに新しいフォルダを作成("my-todo-list" という名前にします)
- そのフォルダを選択
ステップ 2 : 基本構造を生成
Cmd + I(または Ctrl + I)を押して、以下と入力します:
「HTML、CSS、JavaScript を使った to-do リストを作成してください。ユーザーはタスクを追加、完了にマーク、削除できる必要があります。」
Cursor は 3 つのファイルを生成します:index.html、style.css、script.js。"Accept" をクリックして作成します。
ステップ 3 : プロジェクトをテスト
- 左側のバーで
index.htmlを右クリック - "Open with Live Server" を選択(拡張機能がインストールされていなければ、Cursor が自動的に提案します)
- ブラウザが開いて、動作する to-do リストが表示されます
ステップ 4 : 機能を追加
ブラウザを閉じた後もタスクが保存されるようにしたい?script.js のすべてのコンテンツを選択して Cmd + K を押し、以下と入力します:
「ブラウザの localStorage にタスクを保存してください」
Cursor がコードを修正して、この機能を追加します。ページをリロード、タスクを追加、ブラウザを閉じて、もう一度開く:タスクはまだそこにあります。
ステップ 5 : 生成されたコードを理解
理解できないコード行を選択して Cmd + L を押し、「この行を 10 歳の子どもにも分かるように説明して」と聞きます。
Cursor が日本語で、技術用語なしで説明してくれます。
このプロジェクトベースのアプローチは Skilzy の学習方法の中核です。詳しくは学習方法ページをご覧ください。
Cursor でよくある間違いと対策
AI があっても、学習を遅くする落とし穴に陥ることがあります。 最も一般的な 5 つの間違いと解決策を紹介します。
間違い 1 : 生成されたコードを読まずに受け入れる
Cursor は素早くコードを生成しますが、考えずに "Accept" をクリックする理由にはなりません。生成されたコードを理解していなければ、バグが出たときにデバッグできません。
対策 : 生成されたすべての行を読んで、理解できない部分は Cmd + L で説明を求めます。
間違い 2 : 指示が曖昧すぎる
「ウェブサイトを作成」では不十分です。Cursor は文脈が必要です:どんなサイト?何ページ?どんな機能?
対策 : 具体的に。「フォームを作成」ではなく、「名前、メール、メッセージの 3 つのフィールドと確認アラートを表示する送信ボタンを持つお問い合わせフォームを作成」と書きます。
間違い 3 : 依存関係をチェックしない
Cursor は外部ライブラリ(React、Tailwind CSS など)が必要なコードを生成することがあり、事前に通知しないことがあります。
対策 : コード生成後、統合ターミナル(Ctrl + `)を開いて、Cursor が package.json ファイルを作成したか確認します。作成されていれば、npm install を実行して依存関係をインストールします。
間違い 4 : 定期的に保存しない
Cursor は修正後に自動的にファイルを保存しません。
対策 : 設定で自動保存を有効にします(Ctrl + , で "Auto Save" を検索して "afterDelay" を選択)。
間違い 5 : バージョン管理を使わない
コードを修正して Cursor が何かを壊してしまった場合、Git がなければ元に戻す方法がありません。
対策 : プロジェクトの最初から Git を初期化します。ターミナルで git init、git add .、git commit -m "最初のコミット" を実行し、機能が完成するたびに繰り返します。
Cursor で時間を節約する高度なコツ
基本をマスターしたら、これらのテクニックでコーディング速度を 2 倍にできます。 5 つの実践的なコツを紹介します。
カスタムルール(.cursorrules)を使う
プロジェクトのルートに .cursorrules ファイルを作成して、Cursor に永続的な指示を与えます。
例:
- 常に日本語で変数名を使う
- 各関数を 1 文でコメントする
- 従来の関数ではなくアロー関数を使う
Cursor はコード生成のたびにこれらのルールを適用します。
カスタムスニペットを作成
スニペットは再利用可能なコード片です。Cmd + Shift + P(または Ctrl + Shift + P)を押して "Snippets: Configure User Snippets" と入力し、よく使うコードのスニペットを作成します。
例:メール検証関数のスニペット。
チャットで @mentions を使う
チャット(Cmd + L)で @fileName を使って特定のファイルを指定できます。Cursor はそのファイルだけに焦点を当てて回答します。
例:"@script.js このループを最適化するには?"
"Apply" を自動化
設定で "Auto-apply suggestions" を有効にすると、Cursor が確認なしに修正を直接適用します。
注意 : Cursor に慣れてから有効にしてください。そうしないと、理解していないコードを受け入れるリスクがあります。
Cursor と Claude Code を組み合わせる
繰り返しのタスク(ファイル名の変更、テスト生成など)を自動化したい場合は、Claude Code を Cursor と組み合わせて使います。2 つのツールは相性が良いです。
Cursor 無料版 vs Cursor Pro : 本当の違い
Cursor 無料版は月 50 回の GPT-4 リクエストと 1 日 200 回の自動補完を提供します。 初心者には十分ですが、Cursor Pro(月 20 ドル)で得られるもの:
| 機能 | 無料版 | Pro |
|---|---|---|
| GPT-4 リクエスト | 月 50 回 | 無制限 |
| 自動補完 | 1 日 200 回 | 無制限 |
| Privacy Mode | なし | あり |
| Claude モデル | 限定 | 完全アクセス |
| 優先サポート | なし | あり |
推奨事項:無料版から始めてください。1 日 2 時間以上コーディングして制限に達したら Pro に切り替えます。そうでなければ、無料版のままで大丈夫です。
AI 学習をさらに進めたい場合は、AI 学習初心者ガイドをご覧ください。
まとめ
Cursor は初日から機能するプロジェクトを作れるようにして、コード学習を変えます。インストールは 5 分、基本機能は 1 時間で習得でき、30 分で最初のプロジェクトが完成します。シンプルなミニプロジェクト(to-do リスト、電卓、フォーム)から始めて、Cmd + L で質問し、生成されたすべてのコード行を読んで理解しましょう。無料版で十分に始められ、定期的にコーディングするなら後で Pro に切り替えられます。大切なのは毎日練習することです。15 分でもいいので。
Skilzy の全プログラムはプログラムページで確認できます。実践的なプロジェクトで vibe コーディングを学びましょう。