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 をダウンロード

  1. cursor.sh にアクセス
  2. "Download" をクリック(サイトが自動的にあなたの OS を検出します)
  3. ダウンロードしたファイルを実行(Windows は .exe、macOS は .dmg、Linux は .AppImage)
  4. インストール画面に従って進める(「次へ」をクリックして完了)

初回起動と初期設定

初回起動時、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 : 新しいプロジェクトを作成

  1. Cursor を開く
  2. "File" > "Open Folder" をクリック
  3. デスクトップに新しいフォルダを作成("my-todo-list" という名前にします)
  4. そのフォルダを選択

ステップ 2 : 基本構造を生成

Cmd + I(または Ctrl + I)を押して、以下と入力します:

「HTML、CSS、JavaScript を使った to-do リストを作成してください。ユーザーはタスクを追加、完了にマーク、削除できる必要があります。」

Cursor は 3 つのファイルを生成します:index.htmlstyle.cssscript.js。"Accept" をクリックして作成します。

ステップ 3 : プロジェクトをテスト

  1. 左側のバーで index.html を右クリック
  2. "Open with Live Server" を選択(拡張機能がインストールされていなければ、Cursor が自動的に提案します)
  3. ブラウザが開いて、動作する 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 initgit 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 コーディングを学びましょう。