【Vscode拡張機能】ChatGPT – Genie AI の魅力と使い方を初心者に分かり易く紹介

人工知能
この記事は約11分で読めます。

sはじめに

 プログラミング言語の記述に便利なVScode内からChatGPTを利用できる大変便利で初心者にも易しいChatGPT - Genie AIについて紹介します。

 この記事を読むと、次の疑問について知ることができます。

 OS、機種などで説明の仕方が変わってくることがありますので、私の使用しているパソコン環境について載せておきます。

パソコンOS : Windows11 Pro
Windowsバージョン : 22H2
VScodeのバージョン : 1.77.3
ChatGPT - Genie AI : 0.0.8

ChatGPT - Genie AI とは?

 ChatGPT - Genie AI は、プログラミング言語を記述するエディターとして多くのユーザーに利用されているVScode内からChatGPTを利用できる拡張機能で、特にプログラムを書く際のアシスタントとして活用できる大変便利なツールです。

 ChatGPT - Genie AI は、初心者にも分かり易く、拡張機能により機能の追加ができ、その拡張機能が充実しているのが特徴です。

 ChatGPT - Genie AI は、2023年3月20日に公開され、現時点(2023年4月13日)の最新版がv0.0.8となっています。

 ChatGPT - Genie AI のインストールした人の数は、227,942人で、評価は5点満点中の4.8(80の評価者)で評判もよいアプリと言えます。

 ここで、ChatGPT - Genie AI の特徴などをまとめてみましょう。

  1. VScodeのエディタ内で、自然言語でコードを生成したり、コードに関する質問に答えたりすることができます。
  2. GPTの多くのモデルの強力な自然言語処理モデルを利用して、さまざまなプログラミング言語やフレームワークに対応しています。
  3. コード生成の際には、エディタ内の既存のコードや変数名などを参照して、文脈に合わせたコードを生成します。
  4. コードに関する質問の際には、エディタ内のコードやドキュメントを解析して、最適な回答を提供します。
  5. コード生成や質問回答の結果は、VScodeのChatGPTのウインドウ内だけでなく、エディタ内にも表示することが可能です。

ChatGPT - Genie AIのインストール

 VScodeを起動し、右のメニューの ①「拡張機能」をクリックし、上部の検索欄に ②「Genie AI」と記入して検索して表示される ③「ChatGPT - Genie AI」をクリックすると、右ウインドウに表示されるChatGPT - Genie AIの ④「インストール」をクリックします。

 インストール後には、左のメニューに「ChatGPT - Genie AI」のマーク(ランプ)が表示され、それをクリックすることにより、ChatGPT - Genie AIを利用することができるようになります。

ChatGPT - Genie AI の設定

 ここでは全ての設定(30項目)について解説はしません。知っておいた方が良いと思う設定を紹介します。

 左のメニューの「拡張機能」⇒「ChatGPT - Genie AI 」で表示されるの拡張機能画面で右に表示される「歯車アイコン⇒「拡張機能の設定」クリックすると、「ChatGPT - Genie AI の設定」画面表示されます。

Enable Conversation History(会話履歴の有効化)

 これにチェック(有効)を入れると、ChatGPTで会話した内容はディスク上のVS Code Extensionグローバルストレージに保存されますが、実験的な機能であり、期待通りに動作しない可能性があること、また、将来的にオフになる可能性があると書かれていますので、有効にするかどうかはあなた本人が決めてください。

 ここでは、有効にしました。

Openai: Model(Open AIのモデルの選択)

 Genie内で利用するChatGPTのモデルを選択できる部分で、デフォルトは「gpt-3.5-turbo」ですが、「gpt-4」なども選べます。

 ここでは、デフォルトの「gpt-3.5-turbo」に設定。

Prompt Prefix の設定

 ChatGPTは、英語で質問すると、言葉を判断して英語で答えるので、デフォルトで英語になっている通常使う質問文を日本語に変えておきます。

 以下の表のようにPrompt Prefixの英語⇒日本語に変更します。

Prompt Prefix(英語) Prompt Prefix(日本語)
Add comments for the following code 次のコードにコメントを追加して
Implement tests for the following code 次のコードに対してテストを実施して
Complete the following code 次のコードを完成させて
Explain the following code 次のコードを説明して
Find problems with the following code 次のコードの問題を見つけて
Optimize the following code 次のコードを最適化して

ChatGPT - Genie AI を使ってみよう!

 初めに、簡単な質問をしてみました。

簡単な質問

 「Ask a question…」部分に、「Genie君、君は何ができるか教えて」と尋ねてみました。

 Genie君からの回答

私はプログラミングに関する知識や助言を提供することができます。あなたがコードに関して質問があったり、何か特定のプログラミング言語について学びたいことがあれば、私に尋ねることができます。また、あなたが解決したい問題について私に説明することができれば、私は可能な限り最善の答えを提供します。

 いかがですか?Genie君は、ChatGPTと同様な回答をしてくれますね。

Pythonの簡単なプログラムを作成

 Genie: Editor view切り替え、「Temperature」を「Precise」をクリックします。

 次に、Pythonで簡単なプログラムコードを書いてもらいましょう?

 Prompt:平均10,標準偏差1の正規分布のヒストグラムと'平均30,標準偏差5の正規分布のヒストグラムを1つのグラフで表すプログラムを書いて、なお、タイトル、横軸、縦軸の見出し、凡例などを入れること

 Genie君からの回答

import matplotlib.pyplot as plt
import numpy as np

# データを生成
x1 = np.random.normal(10, 1, 1000)
x2 = np.random.normal(30, 5, 1000)

# ヒストグラムを描画
plt.hist([x1, x2], bins=20, range=(0, 50), color=['red', 'blue'], label=['mean 10, SD 1', 'mean 30, SD 5'])

# タイトル、横軸、縦軸の見出し、凡例を追加
plt.title('Normal Distribution Histogram')
plt.xlabel('Value')
plt.ylabel('Frequency')
plt.legend()

# 表示
plt.show()

 作成したPythonプログラムの確認は、色々と方法があるでしょうが、私の場合はAnacondaを無料ダウンロードしてインストール(登録が必要)、Anaconda Navigatorを起動後、「Environments」⇒「Create」で名前(VScode)を入力して、利用するPythonのバージョンを選択して作成したものを利用するようにしました。(この部分については詳細は省略)

 下記は、VScodeから作成したプログラムを選択して、「Pythonターミナルで選択範囲/行を実行する」をクリックして表示されたグラフです。

プログラムの問題を見つける

 上述のプログラムで、スペルなどを間違えたファイルを作り、それを修正してもらいます。

 修正したいプログラムを選択し、選択したプログラムの上で右クリックすると表示されるメニューで「Genie: Find Bugs」をクリックすると、問題点を見つけてくれます。

プログラムの最適化

 上述の間違えたプログラムでプログラム全体を選択し、選択したプログラムの上で右クリックすると表示されるメニューで「Genie: Optimize」をクリックすると、プログラムを修正してくれ(この部分の画像は省略)、上部の「Diff」をクリックすると、違いが分かるようにプログラムを左右表示して指摘してくれます。

プログラムの説明

 プログラムを選択し、選択したプログラムの上で右クリックすると表示されるメニューで「Genie: Explain」をクリックすると、プログラムがどのようなものであるかを詳しく説明してくれます。

プログラムにコメント追加

 最初に作成したプログラムのコメント部分を削除したファイルを作成し、このプログラムを選択し、選択したプログラムの上で右クリックすると表示されるメニューで「Genie: Add comments」をクリックすると、コメントを追加してくれ、どの式がどの様なことをしているかが分かるようにコメントを追加してくれます。

プログラムの完成

 間違いがないプログラムであれば、間違いがないと言って修正などはしないで、作成したプログラムがおおよそどのようなものかの簡単な説明がされます。

ChatGPT - Genie AI の評判

 ChatGPT - Genie AI につてい、Twitterでのツイートを調べてみました。

 検索ワードは「ChatGPT - Genie AI」で検索して、「最新」から2つほど載せます。

 以上のように、2つのツイートしか示していませんが、評判も良く、利用している方が多いことがうかがえます。

ChatGPT - Genie AI を使った感想

 ChatGPT - Genie AIというVSCodeの拡張機能は、OpenAIが提供する自然言語生成モデルであるChatGPTをVSCode内で利用できるようにしたものです。ChatGPTは、対話型システムやチャットボットなどで使われることを想定して開発されたモデルで、ユーザーが入力するテキストに対して自然で返答ができるようになっています。

 プログラム作成のアシスタントとしてこの拡張機能を試してみました。具体的には、以下のような機能を利用しました。

  • テストコードの生成
  • 間違えたコード解析し、間違いの指摘
  • テストコードの説明
  • テストコードにコメントを追加
  • コードの最適化

 これらの機能は、VSCodeの右クリックメニューから簡単に実行できたりするので、非常に便利で効率的なものだと思いました。

 コードのサンプルや説明を生成させることで、言語の構文や仕様を調べる手間が省けますし、コードの最適化やテストコードの作成などは、初心者にとってはとても使い易く役立ちました。コードの問題点を見つけさせることで、バグやエラーの発見や修正も容易になりました。

 この拡張機能は、VSCodeを使っている開発者にとって有用なツールだと思いますし、ChatGPT - Genie AIを使ってみて、自分の開発スキルや効率を向上させることも可能です。

 皆さんも、この記事を読んで使ってみてはいかがだろうか?

おわりに

 如何だったでしょうか?

 ChatGPT - Genie AI とは?、ChatGPT - Genie AIのインストール、ChatGPT - Genie AI の設定、Enable Conversation History(会話履歴の有効化)、Openai: Model(Open AIのモデルの選択)、Prompt Prefix の設定、ChatGPT - Genie AI を使ってみよう!、簡単な質問、Pythonの簡単なプログラムを作成、プログラムの問題を見つける、プログラムの最適化、プログラムの説明、プログラムにコメント追加、プログラムの完成、ChatGPT - Genie AI の評判、ChatGPT - Genie AI を使った感想について解説してきました。

 この記事が少しでもあなたにとって役に立てればこれほど嬉しいことはありません。

以上です。

 

 

コメント

タイトルとURLをコピーしました