これは革命!VSCodeでChatGPTを使う最強プラグイン&日本語化方法

これは革命!VSCodeでChatGPTを使う最強プラグイン&日本語化方法

VSCode で直接 ChatGPT にアクセスできるようになると、ChatGPT からのコード提案を簡単にコピー&ペーストできるようになり、作業効率が格段に向上します。

VSCode の拡張機能検索では「ChatGPT」と入力すると、数多くのプラグインが表示されます。 その中でも人気ランキング上位のものからいくつか試してみた結果、ChatGPT Reborn が優れていると感じたため、ここで紹介させていただきます。

オススメのプラグイン: ChatGPT Reborn

ChatGPT Rebornの概要

ChatGPT Rebornは、ChatGPT APIを使用してコードを記述、リファクタリング、改善することができるVisual Studio Code拡張です。

ChatGPT Rebornのメリット

設定からSystem Contextの内容を確認・編集できるため、日本語化が容易

  • ChatGPTに与えられている命令を確認することができます。
  • System Contextに返答と「プログラム内のコメントは日本語にして」と指示を追加できます。
    • 各種Promptを日本語している人がいますが、学習データ量の都合でChatGPTは英語で考えてもらった方が賢いため、PromptやSystem Contextでの指示は英語にしておき、最後に結果だけ日本語にする方が精度が上がります。
  • いくつも試した中で、唯一System Contextを編集できるプラグインでした。

会話形式で生成されたコードをボタン一発で編集中のコードに反映できる

選択中のテキストに対して、リファクタリング、バグ修正、コメント付与、解説生成ができる。

日本語化方法

拡張機能の設定を開き、一番下の “chatgpt: System Context” に下記文言を追記します。

Responses and comments should be in Japanese.
↑ここを編集

ついでにSystem Contextの中身を確認しておくと、ChatGPTへの理解が深まるのでおすすめ。

You are ChatGPT helping the User with coding.
You are intelligent, helpful and an expert developer,
 who always gives the correct answer and only does what instructed.
If the user is asking for a code change or new code,
 only respond with new code, do not give explanations.
When responding to the following prompt,
 please make sure to properly style your response using Github Flavored Markdown.
Use markdown syntax for things like headings, lists, colored text, code blocks, highlights etc.
Make sure not to mention markdown or styling in your actual response.
Responses and comments should be in Japanese.

実践的な使い方

コードを書いてもらう

左のアクティビティバーにある “ChatGPT” を選び、以下のような会話をしましょう

UnityでCubeがランダムに回転するコードを書いて。
回転方向は5秒ごとに変わります。

すると、下記のようなコードを生成してくれました。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class CubeRotate : MonoBehaviour
{
    private float rotationSpeed;
    private float timer;

    void Start()
    {
        // 初期化
        rotationSpeed = Random.Range(10f, 30f);  // 回転スピードをランダムに設定
        timer = 0f;
    }

    void Update()
    {
        // Cubeをランダムな方向に回転
        transform.Rotate(Random.insideUnitSphere * rotationSpeed * Time.deltaTime);

        timer += Time.deltaTime;
        if(timer >= 5f)
        {
            // 5秒経過したら回転方向を変更
            rotationSpeed = Random.Range(10f, 30f);
            timer = 0f;
        }
    }
}

返答のコードブロックから、 [+New] を選択すると新規ファイルが作れます。

コメントを書いてもらう

テキストを選択して右クリックメニューを出すと、次のようなメニューが追加されています。

※他にも、テスト書く、バグを見つける、最適化、コードの説明、コードの続きを書くなども簡単に実行できます。

例えば、下記のようなコードを選択して “ChatGPT: Add comments” を選択してみましょう。

    void Update()
    {
        transform.Rotate(Random.insideUnitSphere * rotationSpeed * Time.deltaTime);

        timer += Time.deltaTime;
        if(timer >= 5f)
        {
            rotationSpeed = Random.Range(10f, 30f);
            timer = 0f;
        }
    }

すると次のようなコードが生成されます。

    void Update()
    {
        // Transformコンポーネントの回転角度を更新する
        transform.Rotate(Random.insideUnitSphere * rotationSpeed * Time.deltaTime);

        // 経過時間を取得してタイマー値に加算する
        timer += Time.deltaTime;

        // タイマーが指定した秒数を超えた場合
        if(timer >= 5f)
        {
            // 回転速度をランダムな値に再設定する
            rotationSpeed = Random.Range(10f, 30f);

            // タイマーをリセットする
            timer = 0f;
        }
    }

教科書のようなコメントができました。このまま[Insert] を押すと選択していたテキストが置き換わります。

まとめ

  • ChatGPT Rebornは、System Contextを編集して日本語化できる唯一のプラグイン
  • ブラウザではなく、VSCode上でGPTとやりとりできるのが便利
  • テスト追加、バグ修正、説明、コメント追加、最適化、コードの続きを書くなどよく使うプロンプトも右クリックメニューからアクセス可能

ChatGPT使ってプログラムを加速していきましょう!