VSCodeはMicrosoftが提供する無料のコードエディタで、拡張機能で自由に機能を足していきます。CursorはそのVSCodeをベースに、AIアシスタントを最初から組み込んだエディタです。補完・チャット・編集がシームレスに使えます。
つまり土台は同じで、AIの組み込み方と料金が主な違い。次の表で整理します。
| 観点 | VSCode | Cursor |
|---|---|---|
| 価格 | 完全無料 | 無料プランあり/有料 $20/月 |
| AI機能 | 拡張機能で追加 | 最初から統合 |
| 情報量 | 非常に多い | 増えてきている |
| 導入の手軽さ | ◎ | ○ |
| ClaudeCode連携 | 拡張機能で対応 | ネイティブ対応 |
完全無料なので、費用の心配なくすぐに学習をスタートできます。
解説記事や動画が豊富で、詰まった時の解決策が見つかりやすいです。
ClaudeCode拡張機能が使え、本講座の手順どおりに進められます。
Cursorも優秀なエディタで、慣れてきたら移行する価値は十分にあります。ただ、まずは情報量の多いVSCodeで基本を身につけるのがおすすめです。
方針まずはVSCodeで基本を。土台が同じなので、後からCursorへ移っても操作感は近いです。
VSCodeの公式サイトを開き、お使いのOS向けのインストーラーをダウンロードして、そのままインストールします。
インストールが終わったら、実際に起動してみましょう。この段階ではまだコードを書かなくて大丈夫です。
つまりここでは「開いて起動できた」ところまででOK。次のセクションでClaudeCode拡張機能を追加します。
ノーコードサロン