ChatGPTをVSCodeで使う方法をお探しですね。
広告
VSCodeでChatGPTを使おう!おすすめ拡張機能とCursorを比べてみた
プログラミングをしていると、「このエラーどうやって直すんだっけ?」「もっといい書き方ないかな?」って思うこと、ありますよね。
そんなとき、ChatGPTに聞けばすぐに答えが返ってきて本当に便利です。
でも、コードを書くたびにブラウザを開いて、コピペして、また戻って…この繰り返し、正直めんどくさくないですか?
もし、いつも使っているVisual Studio Code(VSCode)の中で直接AIと話せたら、開発がもっとスムーズになると思いませんか?
この記事では、VSCodeでChatGPTを使う具体的な方法を紹介します。
今使っている環境にサクッと追加できる「拡張機能」の話から、最近話題のAI専用エディタ「Cursor」との比較まで、わかりやすく解説していきます。
今の環境を使い続けるか、新しいツールに乗り換えるか。
あなたに合った選択肢を見つけるヒントになれば嬉しいです。
VSCodeでAIを使う2つの方法
VSCodeでAIの力を借りるには、大きく分けて2つのやり方があります。
どちらも「エディタの中でAIと会話する」というゴールは同じですが、導入の手軽さやできること、かかるお金が違います。
まずはざっくり特徴を見てみましょう。
**1つ目は、今使っているVSCodeに「拡張機能」を入れる方法です。
**これが一番手軽です。
長年かけて自分好みにカスタマイズした設定やテーマ、ショートカットキーをそのまま使い続けられるのが最大のメリット。
「CodeGPT」みたいな拡張機能を入れて、OpenAIのAPIキーを設定するだけで、サイドバーでチャットができるようになります。
会社のルールで勝手に新しいソフトを入れちゃダメな人や、環境を大きく変えたくない人にぴったりです。
**2つ目は、VSCodeベースで作られたAI搭載エディタ「Cursor」に乗り換える方法です。
**CursorはVSCodeから派生して作られているので、見た目も使い心地もVSCodeとほぼ同じ。
でも、最初からAIが組み込まれているので、拡張機能じゃできない高度な連携ができます。
たとえば、プロジェクト全体のファイルを読み込んで答えてくれたり、コードの修正案をワンクリックで反映できたり。
こういう機能が最初から入っています。
どっちにも良いところと微妙なところがあります。
今の環境を手軽にパワーアップしたいのか、それともAIと一緒にコードを書く新しい体験がしたいのか。
その辺を考えながら、次から詳しく見ていきましょう。
今の環境のまま使える!VSCodeのおすすめ拡張機能
まずは、今のVSCode環境を変えずにAIを導入したい人向けに、拡張機能を使う方法を説明します。
VSCodeの拡張機能マーケットプレイスには、ChatGPT関連のプラグインがたくさんあります。
基本的にはOpenAIのAPIキーを取得して、拡張機能の設定画面に入力すれば使えるようになります。
よく使われているのが「CodeGPT」や「Genie」といったツールです。
これらを入れると、VSCodeのサイドバーに専用のチャット画面が表示されます。
使い方はブラウザ版のChatGPTとほぼ同じで、質問を投げれば答えが返ってきます。
エディタ内にあるので、コードを選択して右クリックから「このコードを説明して」「もっといい書き方にして」「バグを探して」みたいなコマンドを簡単に実行できるのが便利です。
拡張機能を使う一番のメリットは、**「使った分だけお金を払えばいい」**ところです。
OpenAIのAPIは使った分だけ課金される仕組みなので、たまにしかAIを使わないなら、月額制のサービスより安く済む可能性があります。
それに、好きなモデル(GPT-3.5、GPT-4、他社のモデルなど)を自分で選べる自由度も魅力的です。
ただし、拡張機能には限界もあります。
多くの拡張機能は「選択したコード」や「今開いているファイル」の情報しかAIに渡せません。
プロジェクト全体の関係性を考えた複雑な質問や、複数のファイルにまたがる修正をお願いすると、AIが文脈を理解できずに的外れな答えが返ってくることがあります。
あくまで「部分的なコード修正」や「ちょっとした質問」に特化した補助ツールだと思っておくといいでしょう。
AIが最初から入ってる「Cursor」ってどうなの?
拡張機能の限界を超えて、開発体験をガラッと変えると話題なのが「Cursor」です。
さっきも言ったように、VSCodeをベースに作られているので、今使っているVSCodeの拡張機能や設定をそのまま持ってこれます。
乗り換えのハードルがすごく低くて、「VSCodeの完全上位互換」って言われることもあります。
Cursorの一番すごいところは、**「全体の流れを理解する力」**です。
ただチャットができるだけじゃなくて、今開いているファイルやプロジェクト全体のコードをAIが把握しています。
たとえば、チャット欄で「`@Codebase`」って入力して質問すると、プロジェクト内の関連ファイルをAIが自動で探して参照し、全体のつじつまを合わせた上で答えてくれます。
これは拡張機能じゃ難しい、Cursorならではの強みです。
それに、操作性もAIとの連携がめちゃくちゃスムーズです。
以下の機能は、多くのCursorユーザーが「もうVSCodeには戻れない」って感じるポイントです。
* **Cmd + K(その場で編集):** コードの直したい部分を選択してこのショートカットを押すと、その場に指示を入力する欄が出てきます。
「この関数を非同期処理に変えて」って指示すれば、エディタ上で直接修正案を見せてくれて、変更箇所を確認しながら採用するか決められます。
* **Cmd + L(チャットに送る):** 選択したコードを一瞬でサイドバーのチャットに送れます。
エラーログや複雑なコードを選択して「これどういう意味?」って聞く流れがすごくスムーズです。
* **画像も読み込める:** ブラウザで出たエラー画面のスクショや、デザインのモックアップ画像をチャット欄にドラッグ&ドロップして質問できます。
画像も扱えるマルチモーダル対応も標準装備です。
さらに、Cursorは最新のAIモデルへの対応も早いです。
Claude 3.5 SonnetやGPT-4oなど、その時々で評判のいいモデルをプルダウンで切り替えて使えます。
特にClaude 3.5 SonnetとCursorの相性は抜群で、コーディングに関する的確な提案力は多くのエンジニアから支持されています。
【徹底比較】拡張機能とCursor、どっちを選べばいい?
ここまで紹介した両方の特徴を踏まえて、どっちを選ぶべきかの判断基準をまとめます。
「拡張機能」と「Cursor」は、どっちが優れているかというより、あなたの状況や使い方によって最適な答えが変わります。
以下の比較ポイントを参考に、自分に当てはめて考えてみてください。
**1. 導入のしやすさとお金**
コストをしっかり管理したい人や、会社のルールで新しいソフトを勝手に入れちゃダメな人は、**VSCodeの拡張機能**が現実的です。
自分のAPIキーを使うので、使った分だけ払えばOK。
一方、Cursorは個人で使うなら無料プランでもかなり高機能ですが、本格的に使い倒すなら月額20ドル(約3,000円)のProプランがおすすめです。
サブスクに抵抗がなくて、開発ツールにお金をかけてもいいならCursorが向いています。
**2. プロジェクトの大きさとAIへの依存度**
小さなスクリプトの修正や、部分的なロジックの確認くらいなら、拡張機能で十分です。
でも、ファイル数が多くて、複数のモジュールが絡み合う中規模以上の開発をするなら、**Cursor**の圧勝です。
「`@Codebase`」機能や「`@Files`」で複数ファイルを参照する機能を使えば、人間が手動で説明する手間が省けて、AIがプロジェクト全体を把握した上で答えてくれます。
**3. 開発体験の質**
「AIと一緒にコードを書く」感覚を重視するなら、間違いなくCursorがおすすめです。
拡張機能はあくまで「便利な辞書が横にある」感じですが、Cursorは「隣に優秀な先輩エンジニアがいる」感じに近いです。
エラーが出たときに「AI Fix」ボタン一つで修正案を出してくれたり、コードを書いている途中で次の一行を予測して補完(Copilot++)してくれたり。
エディタ自体が頭を持っているみたいな体験ができます。
まとめると、こんな基準で選ぶのがおすすめです。
* **VSCode拡張機能がおすすめな人:**
* 会社のPCで勝手にソフトを入れられない人
* APIキーを使って使った分だけ安く済ませたい人
* 今のVSCode環境を1ミリも変えたくない人
* **Cursorがおすすめな人:**
* 個人の開発効率を極限まで高めたい人
* プロジェクト全体のコードを考えた答えが欲しい人
* 月額3,000円で優秀なアシスタントを雇えるなら安いと感じる人
自分に合ったスタイルで開発を楽にしよう
VSCodeでChatGPTを使う方法は、今や拡張機能だけじゃなくて、専用エディタに乗り換えるという選択肢まで広がっています。
どっちを選んだとしても、ブラウザとエディタを行ったり来たりしていた頃に比べれば、作業効率は確実に上がるはずです。
まだ迷っている人は、まずは今のVSCodeに無料の拡張機能を入れてみることから始めてみてください。
APIキーの設定さえクリアできれば、明日からすぐにAIの恩恵を受けられます。
そして、「もっとファイル全体を見てほしい」「もっとスムーズにコードを直したい」って思ったら、その時こそCursorを試すタイミングです。
CursorはVSCodeの設定を簡単に引き継げるので、乗り換えのリスクは思っているより低いですよ。
AI技術は毎日進化していて、開発ツールのトレンドもどんどん変わっています。
大事なのは、どのツールが一番「今の自分」にとって使いやすいかです。
この記事を参考に、あなたにぴったりのAI開発環境を作ってみてください。
広告
