副業・収益化公開 2026年6月7日
</>

AI Builders 編集部·実際にAIで作って公開・運営しています2026-06時点(Cursor)

Cursor 使い方ガイド2026|AIコードエディタで未経験でもサイトを作る

AIが組み込まれたコードエディタ「Cursor」の使い方を初心者向けに解説。無料版とProの違い、インストールから日本語でコードを書かせる手順、v0やClaude Codeとの使い分け、LP制作での使いどころまで2026年6月時点でまとめました。

#Cursor#AIエディタ#コーディング#初心者#LP制作

// TOOLS IN THIS BUILD

この記事で分かること:AIが組み込まれたコードエディタ「Cursor(カーソル)」を、プログラミング未経験でも使い始める手順。インストール・日本語でコードを書かせる方法・LP制作での使いどころまでまとめました。所要時間の目安:読了10分+実際に試して15分。本記事の情報は2026年6月時点です。料金・機能は変動します。利用前に必ず公式で最新情報を確認してください。

目次

  1. Cursorとは——3行で
  2. 無料版とProの違い(比較表)
  3. インストールから最初のコードまで(STEP 1〜4)
  4. 未経験に効く主要機能3つ
  5. 日本語での指示例(コピペ可)
  6. v0・Claude Codeとの使い分け
  7. LP制作・副業での使いどころ
  8. 注意点
  9. よくある質問(FAQ)

Cursorとは——3行で

CursorはAIを組み込んだコードエディタです(定番エディタVS Codeをベースにしています)。チャットで「こう直して」と日本語で指示するだけでコードを書いたり修正したりでき、エラーの原因も聞けます。未経験でも「AIに任せながら作る」体験ができるのが特徴です。

無料版とProの違い(比較表)

2026年6月時点の料金は目安です。利用前にcursor.comで最新を確認してください。

項目無料版(Hobby)Pro(有料)
料金(目安)無料月額$20前後
AI補完・チャット回数制限あり大幅に緩和
上位モデル利用制限あり
こんな人にまず試したい人毎日コードを書く・受注する人

インストールから最初のコードまで(STEP 1〜4)

通し題材として「架空カフェ『陽だまり珈琲』の簡単なLPを直す」例で説明します。

  1. ダウンロード:cursor.comから自分のOS向けをインストールします。
  2. プロジェクトを開く:既存のフォルダ(例:v0から書き出したコード)を「Open Folder」で開きます。
  3. AIチャットを開く:ショートカット(Ctrl/Cmd+L)でチャットを開き、日本語で指示します。例「トップの見出しを『陽だまり珈琲』に変えて、色を温かいオレンジ系にして」。
  4. 提案を適用:AIが変更案を出すので、内容を確認して「Apply(適用)」。プレビューで結果を確かめます。

詰まりどころ:「どのファイルか分からない」ときは、チャットに「このサイトの見出しはどこで変えられる?」と聞けばAIが該当箇所を教えてくれます。

未経験に効く主要機能3つ

  1. チャットで編集(Ctrl/Cmd+L):日本語で指示→コードを書き換え。
  2. インライン編集(Ctrl/Cmd+K):選択した箇所だけをピンポイントで直す。
  3. エラー解説:赤い波線やエラーlog を貼って「なぜ?直して」と聞ける。

日本語での指示例(コピペ可)

  • このページにお問い合わせボタンを追加して。押すとメールアプリが開くようにして。
  • スマホで見たときに文字が大きすぎるので、画面幅に応じて調整して。
  • このエラーの原因を説明して、修正版を出して:(エラー文を貼る)
  • このセクションの配色を、添付の参考に近い落ち着いたトーンに変えて。

v0・Claude Codeとの使い分け

ざっくり言うと、v0=ゼロから画面を生成Cursor=既存コードを開いて細かく直すClaude Code=ターミナルで自律的にまとめて作業、という役割です。実際は「v0でたたき台→Cursor/Claude Codeで仕上げ」と組み合わせます。流れはHP・LPの作り方、v0単体はv0使い方を参照してください。

LP制作・副業での使いどころ

Cursorは「納品前の微調整」で特に活躍します。色・文言・スマホ崩れの修正、フォーム追加など、細かい直しを日本語で素早く回せます。受注の全体像は作って納品ガイド、制作プランはLP/HP制作プランへ。

注意点

  1. AIの変更は必ず確認:意図しない箇所まで変わることがある。適用前にプレビュー・差分を見る。
  2. こまめに保存・バックアップ:GitHub等でバージョン管理すると安全。
  3. 機密情報を入れない:APIキーや個人情報をコードに直書きしない。

よくある質問(FAQ)

Q. プログラミング未経験でも使えますか?
A. 日本語で指示できるので入りやすいですが、最低限の用語(ファイル・保存・プレビュー)に慣れると一気に楽になります。

Q. 無料でどこまで?
A. 個人の練習や小さな修正なら無料版で試せます。毎日使うならProが現実的です。

Q. Claude Codeとどちらがいい?
A. 画面で編集したいならCursor、ターミナルで自律作業させたいならClaude Code。併用も普通です。

出典(最新は各公式で確認):Cursor公式。料金・機能はバージョンで変わります。本記事は2026年6月時点の情報です。

// この記事はいかがでしたか?