【備忘録】GoogleChromeにChatGPTの拡張機能を導入する方法 および 使用した感想

# はじめに
- 本記事は、備忘録としてまとめたものになります。
- 他の方の参考になる可能性も踏まえて、一般公開も行なっております。
- また記載内容はすべて、正しい内容が記載されているとは限りません。
- 誤った内容を見つけた場合は、ご指摘をお願いいたします。

# この記事は誰向けの記事か？
- ChatGPTの拡張機能を、GoogleChromeに導入したい人
- Google検索の際に、同時にChatGPTからの回答を得たい人

# 背景
- Google検索と同時に、ChatGPTからの回答を得ることができる拡張機能があることを知った。
- この機能を導入したいと考え、導入してみた。
- 導入方法をまとめておこうと思い、この記事を書いた。

# 前提条件
- Googleにログインしたことがあること
- Google Chromeのブラウザを使用していること
- ChatGPTにログインしたことがあること

# 導入環境
以下は私が導入した際のOSとブラウザの内容になります。
- OS：macOS 13.1（22C65）
- ブラウザ：Google Chrome バージョン: 111.0.5563.146（Official Build） （arm64）

# 導入手順・導入方法
## ChromeウェブストアからChatGPTを追加する。
- Chromeウェブストアへアクセスし、ChatGPTと検索し、"ChatGPT for Google"を探す。
https://chrome.google.com/webstore/category/extensions?hl=ja
![スクリーンショット 2023-03-30 16.22.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/651f263c-7ab8-46ac-bf20-0d7b178b8fc6.png)

- ChatGPTをChromeに追加する。
https://chrome.google.com/webstore/detail/chatgpt-for-google/jgjaeacdkonaoafenlfkkkmbaopkbilf?hl=ja
![スクリーンショット 2023-03-30 16.23.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/9b6ff3b4-9922-8bf6-a8d8-13da655f95cf.png)

- オプションを設定する。
AIはGPT-3.5に設定しています。オプションの設定は、ケースバイケースで設定すれば良い。
chrome-extension://jgjaeacdkonaoafenlfkkkmbaopkbilf/options.html
![スクリーンショット 2023-03-30 16.24.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/22de6024-bd32-4269-f094-64858517b8cd.png)

# 操作方法
## Google検索を行い、動作を確認してみる。
この機能を使用するためには、ChatGPTにログインしておく必要があります。
![スクリーンショット 2023-03-30 16.25.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/4eb3cc57-222a-616b-39ff-f03d08220fcb.png)

ChatGPTへログインしてください。
https://chat.openai.com/auth/login
![スクリーンショット 2023-03-30 21.34.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/1c02d603-6e53-65a4-8e80-93dd7e85102f.png)

ログインした後は、ログイン後のページ（ブラウザのタブ）を開いたままにしておきます。
![スクリーンショット 2023-03-30 21.33.28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/314c73c9-849c-694e-689f-162c9bedeced.png)

その後、Google検索をすると、正しく回答してもらえるようになる。
![スクリーンショット 2023-03-30 16.25.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/4fb69023-6245-18cf-8fb8-cece32093e50.png)

## Googleの検索結果上で会話することもできる。
"Let's Chat"を押すと、入力テキストが表示され、ChatGPTと会話することができます。
![スクリーンショット 2023-03-30 21.45.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/190d4c9b-c98e-3aaf-3f9d-7bc366583f9d.png)

# 使用してみた後の感想
## 良かった点
### Google検索時の情報がChatGPT上に履歴として残る点
Googleで検索したワードはChatGPT側では残らないと思っていましたが、残されているようです。これで過去にどのような検索をしていたかなど確認することができます。
![スクリーンショット 2023-03-31 13.33.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/4cef186b-e7b7-300c-68b2-2089bee71c8d.png)
![スクリーンショット 2023-03-31 13.32.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/d28a910e-cb65-4f7a-4a04-d47e5476018b.png)

チャットをした際の情報も残っています。
![スクリーンショット 2023-03-31 13.47.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/ba262662-606a-1fe8-0d31-64cad7465c59.png)
![スクリーンショット 2023-03-31 13.48.20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/dd400c66-294b-84a4-4e70-062c05a89ebb.png)

## 悪かった点
### ChatGPT上に"New Chat"がたくさん羅列されてしまう点
現状（2023年3月31日時点）では、履歴として情報がたくさん残ってしまっています。そのため一つ一つ中身を確認していき、チャット名を変更したり、履歴を削除しないといけません。
![スクリーンショット 2023-03-31 13.54.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/570e73d5-85a5-e0fb-163f-554d3e28841a.png)

### Google検索後のページにあるテキスト入力項目が小さい点
特に高さがあまりないので、自分が何を書いたのかを見返すのに苦労しています。
![スクリーンショット 2023-03-31 13.59.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3079289/15f1c229-e0c4-4382-690d-800a74f99ba5.png)

### 「/」キーを押すと、Google検索のテキスト入力項目に移ってしまう点
実際にGoogle検索のページでは、「/」キーを押した場合、テキスト入力項目が変わってしまいます。そのため、誤って検索してしまい、次のページに飛んでしまうことが稀にあります。