Cursorの使い方｜AIと対話しながらコードを書く方法

「コードを書いたことがないけど、AIに手伝ってもらえば自分でもWebサイトやツールを作れるのでは？」
「GitHub Copilotは試したけど、もっと対話しながら開発を進められるツールはないのか」

そんな方に注目してほしいのが「Cursor」です。AIとチャットしながらコードを書ける新世代のエディタで、2024年後半から爆発的にユーザーが増えています。

この記事では、Cursorのインストールから初期設定、実際にAIと対話しながらコードを生成するまでの手順を、非エンジニアの方でも迷わず進められるレベルで解説します。

Cursorとは？AIが組み込まれたコードエディタ
Cursorの使い方（インストールから主要機能まで）
1. Cursorの始め方（3ステップ）
2. Cursorの主要機能と使い方
実務での活用例（Before/After）
うまくいかない時の対処法
本記事のまとめ
1. AIと対話しながらコードを書く時代、あなたはどう活かしますか？

Cursorとは？AIが組み込まれたコードエディタ

Cursorは、AI機能が最初から組み込まれたコードエディタです。見た目や操作感はVS Code（Visual Studio Code）とほぼ同じですが、エディタの中でAIとチャットしながらコードを書けるのが最大の特徴です。

GitHub Copilotが「コードの続きを予測して提案する」ツールだとすれば、Cursorは「やりたいことを日本語で伝えると、ファイルの作成・編集・修正までAIが一貫してやってくれる」ツールです。

・AIチャット機能: エディタ内でAIに質問や指示を出せる。日本語OK
・コード自動生成: 「こういう機能を作って」と伝えるだけでファイルを生成
・コード修正・リファクタリング: 既存コードを選択して「この部分を修正して」と依頼できる
・エラー自動修正: エラーメッセージをAIが読み取り、修正案を提示

料金プランの概要は以下の通りです。

プラン	月額料金	主な機能
Hobby（無料）	0ドル	コード補完・リクエストに制限あり
Pro	20ドル	無制限のコード補完、高速リクエスト増量
Business	40ドル/ユーザー	チーム管理、プライバシーモード強制

※ 最新の料金・プラン内容はCursor公式サイトで確認してください。

まずは無料のHobbyプランで十分に試せます。VS Codeを使ったことがある方なら、設定や拡張機能をそのまま引き継げるので移行もスムーズです。

Cursorの使い方（インストールから主要機能まで）

Cursorの始め方（3ステップ）

1. Cursorをダウンロード・インストールする

Cursor公式サイトにアクセスし、「Download」ボタンをクリックします。Windows、Mac、Linuxに対応しています。

ダウンロードしたインストーラーを実行すると、数分でインストールが完了します。初回起動時に「Import VS Code Settings?」と聞かれるので、VS Codeを使っている方は「Yes」を選ぶと、拡張機能や設定がそのまま引き継がれます。

2. アカウントを作成してログインする

初回起動後、Cursorアカウントの作成を求められます。メールアドレスまたはGitHubアカウントでサインアップできます。

アカウント作成が完了すると、自動的にHobby（無料）プランが適用されます。有料プランへのアップグレードは、Cursor内の右上アイコン > Settings > Subscription から行えます。

3. AIモデルを確認して最初のチャットを試す

Cursorでは最新のAIモデルが複数利用可能です。モデルの変更はチャット画面の上部にあるドロップダウンから行えます。

まずはAIチャットを試してみましょう。キーボードで Ctrl+L（Macは Cmd+L）を押すと、画面右側にチャットパネルが開きます。以下のように日本語で質問してみてください。

HTMLとCSSで、シンプルな自己紹介ページを作ってください。名前、職業、趣味の3項目を表示する構成でお願いします。

AIが即座にHTMLコードを生成してくれます。たとえば以下のような出力が返ってきます。


<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>自己紹介</title>
  <style>
    body { font-family: sans-serif; max-width: 600px; margin: 40px auto; }
    h1 { color: #333; }
    .item { margin-bottom: 16px; }
    .label { font-weight: bold; color: #555; }
  </style>
</head>
<body>
  <h1>自己紹介</h1>
  <div class="item"><span class="label">名前:</span> 山田太郎</div>
  <div class="item"><span class="label">職業:</span> Webデザイナー</div>
  <div class="item"><span class="label">趣味:</span> 読書・カメラ</div>
</body>
</html>

チャット画面に表示されたコードの右上にある「Apply」ボタンをクリックすると、エディタ上のファイルにコードが自動で反映されます。

Cursorの主要機能と使い方

1. チャット機能（Ctrl+L / Cmd+L）

最も基本的な機能です。画面右側にチャットパネルが開き、AIに自由に質問や指示を出せます。

ポイントは、チャット内で「@」記号を使ってファイルやフォルダを参照できることです。たとえば「@index.html のデザインを修正して」と伝えると、AIがそのファイルの内容を読み取った上で修正案を提示します。

# チャットでの指示例 @index.html のヘッダー部分の背景色を紺色（#1a1a2e）に変更してください。フォントサイズも見出しは24px、本文は16pxに統一してください。

AIが変更案を提示したら、「Apply」ボタンで即座にファイルへ反映できます。

2. インライン編集（Ctrl+K / Cmd+K）

コードの一部を選択した状態で Ctrl+K（Macは Cmd+K）を押すと、選択範囲に対してAIに修正指示を出せます。ファイル全体ではなく、特定の箇所だけを修正したい時に使います。

たとえば、テーブルのHTML部分を選択して以下のように指示します。

この表に「部署」列を追加して、ヘッダー行にソート機能を付けてください

選択範囲のコードだけがAIによって書き換えられます。変更内容は差分（緑=追加、赤=削除）で表示されるので、意図通りかどうかを確認してから承認できます。

3. Composer機能（Ctrl+Shift+I / Cmd+Shift+I）

Composerは、複数ファイルにまたがる大きな変更をAIに一括で指示できる機能です。たとえば「お問い合わせフォームのページを新規作成して、トップページからリンクも追加して」といった指示を1回で処理できます。

# Composerでの指示例お問い合わせフォームを作成してください。 - contact.html を新規作成 - 名前、メールアドレス、お問い合わせ内容の3フィールド - 送信ボタンのデザインはサイト全体のスタイルに合わせる - index.html のナビゲーションに「お問い合わせ」リンクを追加

Composerが contact.html の新規作成と index.html の修正を同時に行います。たとえば以下のように、作成されたフォームのHTMLが出力されます。


<!-- contact.html（自動生成されたフォーム部分） -->
<form action="/submit" method="post">
  <label>お名前</label>
  <input type="text" name="name" required>
  <label>メールアドレス</label>
  <input type="email" name="email" required>
  <label>お問い合わせ内容</label>
  <textarea name="message" rows="5" required></textarea>
  <button type="submit">送信する</button>
</form>

それぞれの変更内容を差分表示で確認してから承認できます。

実務での活用例（Before/After）

【活用例1】社内用の簡易ツールを自作

Before: 毎週のシフト表をExcelで手作業で作成。担当者の希望を反映するのに毎回2時間かかっていた。

After: Cursorに「シフト希望をCSVで読み込んで、自動でシフト表を生成するPythonスクリプトを作って」と指示。30分で動くツールが完成し、毎週の作業が5分に短縮。

# Cursorへの指示例以下の仕様でPythonスクリプトを作成してください。【入力】 - shift_requests.csv: 社員名, 希望曜日（月～金）, 勤務可能時間帯【処理】 - 1日あたり3名以上の配置を確保 - 同じ社員が3日連続勤務にならないよう調整【出力】 - shift_result.csv: 曜日ごとの配置表

【活用例2】既存Webサイトの修正を自分で対応

Before: 会社のWebサイトの文言修正やレイアウト変更を外注。1回の修正で2～3万円、納期は3日。

After: CursorでHTMLファイルを開き、「この部分の文言を変更して、ボタンの色を青に変えて」と指示するだけ。自分で即日対応できるようになった。

【活用例3】データ集計スクリプトの作成

Before: 月次の売上データをExcelで手動集計。関数を組むのに半日かかり、ミスも発生。

After: Cursorに「CSVの売上データを読み込んで、月別・商品別に集計してグラフを出力するPythonスクリプトを作って」と指示。集計作業が完全自動化。

# Cursorへの指示例 sales_data.csv を読み込んで、以下の集計を行うPythonスクリプトを作成してください。 1. 月別の売上合計を棒グラフで出力（sales_monthly.png） 2. 商品カテゴリ別の売上比率を円グラフで出力（sales_category.png） 3. 集計結果をsales_summary.csvに出力グラフの日本語表示にはmatplotlibのjapanize_matplotlibを使用してください。

うまくいかない時の対処法

1. AIの回答が的外れな場合

指示が抽象的すぎると、AIは意図と違うコードを生成しがちです。以下のように具体的に伝えてください。

・NG: 「いい感じのWebサイトを作って」
・OK: 「会社紹介のWebページを作って。ヘッダーにロゴと社名、メインに事業内容3つをカード形式で表示、フッターに住所と電話番号」

「入力は何か」「処理は何か」「出力は何か」を明確にするのがコツです。

2. 生成されたコードでエラーが出る場合

Cursorにはエラーを自動検知して修正提案する機能があります。ターミナルにエラーが表示されたら、そのエラーメッセージをチャットに貼り付けてください。

以下のエラーが出ました。原因と修正方法を教えてください。 ModuleNotFoundError: No module named 'pandas'

AIが以下のように回答します。

このエラーは、pandasライブラリがインストールされていないために発生しています。【解決方法】ターミナルで以下のコマンドを実行してください: pip install pandas インストール完了後、スクリプトを再実行すると正常に動作します。

3. AIの回答が遅い・応答しない場合

無料プラン（Hobby）ではリクエスト回数に制限があります。上限に達すると、次月まで待つか有料プランへのアップグレードが必要です。

また、回答が遅い場合はAIモデルを変更してみてください。チャット画面上部のモデル選択ドロップダウンから、より軽量なモデルに切り替えると応答速度が改善する場合があります。

4. AIエディタを使う上での注意点

AIエディタは強力ですが、過信は禁物です。以下の点を押さえておきましょう。

・コードの中身を理解する努力は必要: AIが生成したコードをそのまま使い続けると、エラーが発生した時に自分で対処できません。「何をやっているか」の概要は把握しておきましょう
・機密情報の扱い: Cursorはクラウド上のAIにコードを送信して処理します。社内の機密コードを扱う場合は、プライバシーモード（Settings > Privacy > Privacy Mode をON）を有効にしてください。Businessプランではチームレベルで強制できます
・生成コードの検証: AIが正しいコードを100%生成する保証はありません。特に数値計算やデータ処理は、テストデータで必ず検証してから本番に適用してください
・無料プランの制限: Hobbyプランはリクエスト回数に上限があります。業務で本格的に使う場合はProプランへの移行を検討してください

セキュリティ面の詳細については、姉妹サイトセキュリティマスターズ.TOKYOでAIツールの安全な使い方を解説しています。

本記事のまとめ

Cursorは、AIと対話しながらコードを書ける新世代のエディタです。日本語で指示を出すだけでコードの生成・修正・エラー修正ができるため、プログラミング未経験でも業務ツールの作成やWebサイトの修正に活用できます。

やりたいこと	Cursorの使い方	難易度
Webページの作成・修正	チャットで日本語指示 → Apply	低（初心者OK）
データ集計の自動化	Pythonスクリプトを自動生成	低〜中
社内ツールの自作	Composerで複数ファイル一括生成	中
既存コードの修正	インライン編集で部分修正	低（初心者OK）