速報：ChatGPTのAPIを叩いてみた

ChatGPT凄いですね。話題ですね！
早速やってみました。
https://openai.com/blog/chatgpt/

![スクリーンショット 2022-12-01 20.38.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/23130/53eb5b2e-84b6-af8c-276d-673723898c0b.png)
下にスクロールし TRY CHATGPTをクリック
![スクリーンショット 2022-12-01 20.38.41.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/23130/0c6a263d-5005-5ada-5a20-f6781ddb2e98.png)
![スクリーンショット 2022-12-01 20.38.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/23130/e2eb7702-94b4-701b-629a-2af6683e596f.png)
SingUp
![スクリーンショット 2022-12-01 20.38.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/23130/fe27cd75-a481-eef1-f9ed-7698dab90df6.png)
![スクリーンショット 2022-12-01 20.39.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/23130/215d6325-5eb1-dba3-b541-42d4a4805f65.png)
![スクリーンショット 2022-12-01 20.42.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/23130/978e606b-e97b-c703-2e2b-59bc3c136204.png)
![スクリーンショット 2022-12-01 20.42.10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/23130/7d76ae7e-3f6a-d87a-9ad5-bb10b7cea915.png)
電話番号入れる
![スクリーンショット 2022-12-01 20.42.22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/23130/ec6b8ea3-631a-17c8-1b9b-de2bbeef006d.png)
![スクリーンショット 2022-12-01 20.42.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/23130/fe9138d2-831c-a316-542d-30e9af025336.png)
I'm building a product or feature　を選択

チュートリアルに進みます。
https://beta.openai.com/docs/quickstart

```
k.morikawa@gMacBook-Pro-2 openAIchat % git clone https://github.com/openai/openai-quickstart-node.git  
Cloning into 'openai-quickstart-node'...
remote: Enumerating objects: 30, done.
remote: Counting objects: 100% (16/16), done.
remote: Compressing objects: 100% (11/11), done.
remote: Total 30 (delta 8), reused 5 (delta 5), pack-reused 14
Receiving objects: 100% (30/30), 66.24 KiB | 3.31 MiB/s, done.
Resolving deltas: 100% (8/8), done.
```
![スクリーンショット 2022-12-01 21.19.02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/23130/d9ab92b6-b16c-a8b7-3b26-e1bd28313956.png)
Create new secret key をクリックし、APIキーを生成します

```
cd openai-quickstart-node
cp .env.example .env
vi .env
```
.envに下記を設定します。
OPENAI_API_KEY=__さっき取得したAPIキー設定__

```
k.morikawa@MacBook-Pro-2 openai-quickstart-node % npm install             


up to date, audited 25 packages in 643ms

3 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
k.morikawa@MacBook-Pro-2 openai-quickstart-node % npm run dev

> openai-quickstart-node@0.1.0 dev
> next dev

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info  - Loaded env from /Users/k.morikawa/Desktop/openAIchat/openai-quickstart-node/.env
wait  - compiling...
event - compiled client and server successfully in 1029 ms (113 modules)
Attention: Next.js now collects completely anonymous telemetry regarding usage.
This information is used to shape Next.js' roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://nextjs.org/telemetry

Browserslist: caniuse-lite is outdated. Please run:
  npx browserslist@latest --update-db
  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
wait  - compiling / (client and server)...
wait  - compiling...
event - compiled client and server successfully in 1068 ms (132 modules)
```
起動したので、http://localhost:3000にアクセスします。
![スクリーンショット 2022-12-01 21.26.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/23130/971a4440-7ca6-24ae-ee48-c3e1d07f0af6.png)

dogと入れて動かしてみたら下の方表示された。

![スクリーンショット 2022-12-01 21.27.51.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/23130/c34c97ef-8a53-2158-7746-5b834f347d33.png)

とりあえず動きました。
この後、**Understand the code**に進んで、ソースコード読んでみます。

続きはこちらです。
[続：ChatGPTのAPI調査](https://qiita.com/k1morikawa@github/items/9a37e016d5c572c9d572)
[続：ChatGPTのAPI調査・その２](https://qiita.com/k1morikawa@github/items/19b9fe0e849d2428e230)

ChatGPTの中身についてはこちらにまとめました。
[必見：ChatGPTのテクノロジーの凄さについて](https://qiita.com/k1morikawa@github/items/8f91a06ba67e4e40c9e6)