自分用のGPTのツールを作ってみた 〜自然言語で簡単GPTツール作成 GPTs体験記〜

## 概要

ちょっと前にPoeというGPTラップサービスから本家のGPT plusに乗り換えた。
Poeは比較的親切だったのに対し、なんか本家のGPTはちょっとそっけなかったり「そういう答えが欲しいんじゃないんだよな〜」みたいな事があった。
不満をお友達に話したら「GPTsというのがあるよ！自分用にある程度カスタムできるから使ってみて！」って教えてくれた。

ちょっと調べたらGPTsというのは、自分好みのGPT搭載ツールを簡単に作れるものっぽい。良さそう。これでGPTにそっけない返事されなくてすむかも。

## 前提

ChatGPT Plusのサブスクリプションをしていること。

## 方法

1. ChatGPTの画面を開く。
1. サイドバーの「Explore」を開く。

    ![ChatGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/3103e946-2402-d7f6-f9e0-203216d957ae.png)

1. 一番上の「Create a GPT」をクリックする。

    ![ChatGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/b3f3f239-2251-6395-1292-df34fb799201.png)

1. 下記のような画面が開く。（分かりにくい場合はChromeのページ翻訳機能を使うと楽かもしれない。）この画面は自分好みのツールを作成する画面で、実際にツールを利用する画面ではない。（設定や設定後のGPTツールくんのふるまいを試す事ができる。）

    ![ChatGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/34456010-3bae-5cf6-12f7-964627c75c65.png)

1. 表示された画面の説明をする。まず下記の向かって左側の赤枠内部、こちらは「どんなツールにしたいか」を伝える。別に英語で伝えるひつようはなく、日本語で指定可能の模様、、！「とにかく丁寧に返事をしてください」とか「返事にはなるべく例となるコードを記載してください」とか自然言語でどんなツールにしたいかを伝える。

    ![ChatGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/c3bc5141-1743-0101-96ab-9ae31af8a1cb.png)

1. 次に右側、こっちは普段みなさんがGPTに聞くときに使ってる対話型のタイムライン？画面となる。左側で設定した結果どのようにGPTがふるまうかテストする事ができる。

    ![ChatGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/5a02c57a-5a6d-c50a-9d88-64732061b875.png)

1. 筆者は「なんかそっけないな」「なるべく例となるコードを見せてほしいな」という要望があったので下記のように依頼してみた。（Chromeの翻訳を使用）「質問に対して丁寧に答えて欲しいです。また同様の例になるコードを付与して返信してほしいです。」この依頼は日本語でそのまま書いている。

    ![ChatGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/c53aae9c-5caa-2178-9db9-857b70f632e2.png)

1. 右側をつかって設定後のGPTのふるまいを確認してみよう。試しに「laravelのテストコードってどのように書きますか？」と聞いてみた。

    - GPTsの結果（確かに丁寧だし、例となるコードも記載してくれている。）

        ![ChatGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/4048e3d6-46d1-7fb2-db49-f2c6035de370.png)

    - カスタムしてない素のGPT4（方法を箇条書きで返される。でも例となるコードも提示してくれた。例となるコードを見せてくれないのは自分の聞き方に問題があったかも。ごめんGPT４くん） 

        ![ChatGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/20329f5c-5c2e-3c04-5580-6af54ed08b5e.png)

1. GPTsの設定が自分好みになった。これで良さそうなのでツールとして保存しようと思う。左側の「Create」と「Configure」のスライダーを動かして「Configure」を選ぶ。

    ![ChatGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/a12f6006-5a52-1751-5439-7601374f2a2b.png)

1. ツールの画像や名前、概要説明、詳細説明なんかが設定できるっぽい。会話のきっかけなる設定もできたり、前提知識となるファイルをアップロードすることや、Webの情報を使って回答するかなども設定できる。ツールの保存には名前だけは必須になるので、テスト作成なら最低限名前だけ設定しておこう。（なぜかツールの画像を設定したらエラーになった。ベータ版なのでこの辺は仕方ない）

    ![チャットGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/0db7ba8b-5ccf-dece-31e0-0477af6c9528.png)

1. 画像を設定しようとしたときに出るエラー`Oops, an error occurred!`と出る。（自分だけかも）

    ![ChatGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/ec74617d-ed97-0d74-5802-301dd185ba59.png)


1. あとは左側の画面で対話型で設定を進めることもできる模様（すごい便利、でもこちらも時々エラーになる事がある。）

    ![ChatGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/e0f8cfe2-0f60-3c47-e2d5-32884560bdd1.png)
    ![ChatGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/898fea1b-7430-6010-66c2-6230a4094fba.png)

1. 「Configure」にスライダーを動かすとエラーが出る問題があったので最初から作り直してみた。どんなツールにしたいかを左側で伝える前に「Configure」で名前を設定しておいた。
1. ツールを保存してみようと思う。右上の「Save」をクリックする。今回作ったツールは特に公開するつもりはないので「Only me」を選んで「Confirm」をクリックする。

    ![ChatGPT.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/bc1d0a4c-3cf2-b152-6213-e58b3628ff08.png)

1. GPTのサイドメニューに追加された。これで保存されて使えるようになった。

    ![ChatGPT_-_co_okawa.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/a3150112-96ea-5c87-1df3-46ee3df9d063.png)


## 参考文献

https://weel.co.jp/media/gpts-case