🧠

VS CodeでGitHub Copilot 無料版の導入 備忘録

2024/12/19に公開
2

最初に

下記記事の通り、無料版のVSCODE向けのGitHub Copilotが出たため、個人的に忘れない様に本記事を作成しております。
https://github.blog/jp/2024-12-19-github-copilot-in-vscode-free/

2024年12月時点のGitHub CopilotのVSCODE連携の手順となります。
一部時代が進み各種設定が変わる恐れがございます。
【想定設定完了時間:5分程】

※VS Codeのバージョンが「1.96.1」以上でないと動かない可能性があります。
 動かない場合は、バージョンを最新化しVS Codeを再起動することをお勧めします。


大まかな流れ

①ネット上でCopilotのFree利用登録
②(任意)セキュリティの対策
③VSCODE上で拡張機能のインストール
④使い方

①ネット上でCopilotのFree利用登録

下記のサイトにて、「Get started for free」を押下
https://github.com/features/copilot

※GitHubへのログインも必要です。

②(任意)セキュリティの対策

ブラウザのGitHubの設定⇒Copilotにて設定可能なオプション

・公開されているコードを利用するか否か。(著作権に引っかかる可能性があるので、著者は「Blocked」に設定)

Suggestions matching public code (duplication detection filter)

・自分のソースコードをCopilotの学習に使わせたくない場合、チェックを外してください。(デフォルトでは、Trueでした。)

Allow GitHub to use my code snippets from the code editor for product improvements *

参考画像:

③VSCODE上で拡張機能のインストール

VSCODEの拡張機能から「GitHub Copilot」をインストール

参考画像:

以上で設定作業は完了です。お疲れ様でした😸

④使い方

(おまけ)
※著者のVS Codeのバージョンは「1.96.1」です。
※一例です。他にもできます。

A.使いたいVS Codeを開きます。
B.VS Codeの下のCopilotアイコンの状態を確認します。(Disableの場合、アイコンを押して有効にします。)

C.Copilotアイコンに斜め線がなくなったら(Copilot有効状態)、使いたいファイル内のソースに対して右クリックします。
D.右クリックにて表示される「Copilot」メニューを選択し、「エディター内でのインラインチャット」を押下

E.ChatGptの様にテキスト欄に命令文を入力しEnter

E.実行完了を待ち、結果を確認します。

以上です。良きコーディングライフを😄


免責事項(念のため)

  1. 情報の正確性について

    • 本記事に掲載された情報は、執筆時点でのものです。最新の情報については、各自で確認してください。
    • 本記事の内容は著者の個人的見解に基づくものであり、所属組織の公式見解ではありません。
  2. 利用に関するリスクの免責

    • 本記事の情報を基に行う一切の行為は、読者の自己責任において行ってください。
    • 本記事に記載された方法や技術の使用によって生じたいかなる結果や損害に対しても、著者は責任を負いません。
  3. 外部リンクについて

    • 本記事に含まれる外部リンクは、情報提供のために挿入されています。リンク先の内容の正確性や安全性について、著者および出版元は保証しません。
  4. 更新と訂正

    • 本記事は、新しい情報が入手され次第、更新されることがあります。
    • 誤りが発見された場合、速やかに訂正するよう努めますが、その時点での最新情報を保証するものではありません。

Discussion

linjwlinjw

簡単で理解やすいです。
私の場合はvscode バージョン1.96.0で失敗しましたが、最新バージョン1.96.1に更新して成功されました。

個人情報個人情報

参照いただきありがとうございます。バージョンに注意するように記事に反映しました。