0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VSCodeとChatGPTを連携してコード爆速生成(macOS、ChatGPT Plusプラン以上)

Last updated at Posted at 2025-03-15

はじめに

VSCodeとChatGPTを連携してコード生成や変更を爆速でできるとのことで試してみた。

前提条件

OS:macOS
ChatGPTプラン:Plus以上

手順

VSCodeエクステンションのインストール

ChatGPT - Work with Code on macOSをインストール。
chatgpt macとかで検索すれば出てくる)
image.png

確認があるがそのままインストールでOK。
image.png

ChatGPTのインストール(インストール済みの場合はスキップ)

エクステンションをインストールするとWelcomeページが表示され、設定を促される。

私はインストール済みだったのでスキップしたが、Download ChatGPT for macOSをクリックするとdmgのダウンロードが始まる(はず)。
画面に従ってインストール。
image.png

ChatGPTアプリ起動

Open ChatGPT for macOSをクリック。
(ここからではなく普通にアプリ起動しても問題ない)
image.png
ChatGPTアプリが立ち上がる。
image.png

VSCodeと連動

Pair with Visual Studio Codeをクリック。
image.png
ChatGPT側でファイルへのアクセスを許可していない場合だと下記エラーが出るため、アプリにアクセス権を付与する。
image.png
プライバシーとセキュリティからフルディスクアクセスを選択。
image.png
+ボタンをクリックしインストールしたChatGPTアプリを指定。(インストール場所が異なる可能性もあるため割愛)
image.png
再度試すと連動され、入力欄の付近にCodeと表示される。
image.png

ChatGPTへ質問

下記手順が表示されているが、一旦無視して問題ない。
image.png
VSCodeで新しいファイルを開く(Command+N)。
image.png
ChatGPTアプリにて、画面下部の入力欄あたりに現在VSCodeで表示されているソースコードウィンドウのタイトルが反映されていることを確認し、何か適当なソースコード生成指示を行う。
回答コードの右上にある適用するボタンをクリックする。
(画像は指示した後のソース適用前の状態)
image.png
するとVSCode側へコードが反映される。
image.png
ちなみにコード修正依頼時はこんな感じ。
image.png

まとめ

料金面

似たようなサービスで料金比較すると、

  • CopilotPro: 3,200円/月
  • ChatGPTPlus: 3,000円/月
  • ClineのAI利用料: 従量課金(モデルによる)

※執筆時点の値段

利用頻度によるが、VSCodeと連携しコード生成をするのみであればClineが一番お安い?
コード生成以外にも日常生活でヘヴィに生成AIを利用するのであればChatGPTの方がいいかなと思う。
(ちょうどChatGPTのPlusプランに入っていた)
Copilotはコード補完があるが無料版でもそこそこの回数を使えるため、自身のシチュエーションだとコード補完はCopilot、コード生成はChatGPTでいいかなと思っている。

あとは精度的なところかな。
Copilotは話題のClaudeを使えるとのことなので。
この辺も踏まえた最適解は使っていく上で精査しよう。

使い勝手

VSCode側で開いているコードに対してのみなので、複数読み込ませたい場合はソースウィンドウを分割しそれぞれが前面に表示されている状態にする必要がある。
それとあまり調べてないが、GPTと連携する時のショートカット(Option+Space)変え方が不明。Alfredと被るから変えたい。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?