Cursorの使い方ガイド｜初心者からバイブコーディングを始める方法

Cursorとは？AIコーディングエディタの基本

Cursorの使い方を調べている方は、AIを使ったコーディングを始めたいが、どこから手を付ければいいかわからない状況ではないでしょうか。CursorはVS Codeベースの AIコーディングエディタで、自然言語の指示でコードを生成・修正できるツールです。

私はCursorを約1年半使い続けており、Claude Codeとの併用で業務を回しています。完全初心者を4ヶ月でAIアプリリリースまで伴走した際も、最初のツールとしてCursorを選びました。この記事では、Cursorのインストールから実務で使えるレベルまでの使い方を解説します。

cursor.comからダウンロードし、インストールします。Mac・Windows・Linuxに対応しています。

VS Codeを使っていた方は、初回起動時にVS Codeの設定・拡張機能を自動インポートできます。キーバインド、テーマ、拡張機能がそのまま引き継がれるので移行はスムーズです。

Cursorは複数のAIモデルを切り替えて使えます。無料プランでもSonnetモデルが利用可能で、日本語の指示にも対応しています。設定画面（⌘+,）のModelsセクションで使用するモデルを選択します。

サイドバーにAIチャットが開きます。コードの質問、エラーの解決、実装方法の相談に使います。ファイルを開いた状態でチャットすると、そのファイルのコンテキストをAIが自動で理解してくれます。

使い方の例：

コード内にカーソルを置いて⌘+Kを押すと、その場所にコードを生成・修正できます。Cursorで最も頻繁に使う機能です。

「ここにバリデーション追加して」「この関数をasync/awaitに書き換えて」のように、日本語で指示するだけでコードが書き変わります。変更内容はdiff表示されるので、適用前に確認できます。

Composerは複数ファイルにまたがる変更を一括で行う機能です。「ログインページを作って」と指示すると、HTML・CSS・JavaScript（またはReactコンポーネント）を同時に生成してくれます。

Composerがバイブコーディングの核心です。私がCursorを初心者に最初に教えるのもこの機能で、「作りたいものを言葉で伝えるだけでコードが生成される」体験が最もわかりやすく得られます。

チャットやComposerで@ファイル名と入力すると、そのファイルをAIのコンテキストに含められます。プロジェクトが大きくなると、どのファイルを参照するかで回答の精度が大きく変わります。

Cursorのタブ補完は、次に書くべきコードを予測して提案します。Tabキーを押すだけで提案を適用できるので、タイピング量が大幅に減ります。コーディング速度が体感で2〜3倍になります。

Cursorの真価は、CursorのターミナルからClaude Codeを起動して併用することで最大化されます。CursorのGUIで直感的に作業しつつ、複雑な自動化やAPI連携はClaude Codeに任せる。私はこの組み合わせで月の開発コストを大幅に削減しました。

大規模プロジェクトの全体把握: CursorでのClaudeの同一モデル使用時はファイル単位のコンテキスト理解は優秀ですが、プロジェクト全体を横断した理解にはClaude Code単体での使用の方が優れていると感じます
外部サービス連携: MicroCMSやSupabaseとの連携はCursorだけでは難しく、Claude CodeのMCP機能が必要です
ワークフロー自動化: 繰り返し作業の定義・実行はClaude CodeのSkills機能の領域です