はじめに

ChatGPTを使ったクイズアプリを作るにあたって、
前回はChatGPT APIについて得た情報をまとめたので、今回は実際にAPIを呼び出していきたいと思います！

また、開発中のあれこれについては以下のサイトでまとめています。
https://zenn.dev/kitaji12/scraps/a115ff66546e65

事前情報

OpenAI / ChatGPT 初心者
クイズアプリは React + Flask で作成

開発環境

macOS Monterey 12.5
Visual Studio Code 1.46.1
Python 3.10.6
Flask 2.3.2

準備

前回の記事で紹介したアカウントの作成からAPIキーの作成まで行う

OpenAI ライブラリをインストール

Pythonのサンプルプロジェクトを作成し、OpenAIのライブラリをインストールします。
ターミナルを開き、以下のコマンドを実行します。

$ pip install openai

APIキーを環境変数へ設定

次に、APIキーを環境変数にセットアップしておきます。
以下のコマンドのAPI_KEYの部分に、取得したAPIキーを置き換えて実行します。

$ export OPENAI_API_KEY = "API_KEY"

ChatGPT APIを呼び出してみる

今回は最小構成でプロジェクトを作成し動かしてみます。

.
├── requirements.txt
├── test.http
├── test.py

必要なライブラリをまとめているテキストファイルです。

requirements.txt

Flask==2.3.2
requests==2.31.0
Flask-Cors==3.0.10
openai==0.27.8

.httpファイルで指定した HTTP 要求を送信します。

test.http

###
GET http://localhost:5000/

Pythonコードはこんな感じです。

test.py

from flask_cors import CORS
from flask import Flask
import openai
import os

app = Flask(__name__)
CORS(app)

@app.route("/")
def test():
  openai.api_key = os.environ["OPENAI_API_KEY"]

  ## ChatGPTに投げる質問を記載する
  response = openai.ChatCompletion.create(
    model = "gpt-3.5-turbo",
    messages = [
      {"role": "user", "content": "ハリーポッターの最新作は"},
    ],
  )

  return response.choices[0]["message"]["content"].strip()

if __name__ == "__main__":
  app.run(debug=True)

model：今回は gpt-3.5-turbo を使用
messages：ChatGPTに投げる質問を記載する
- role：どこからの問い合わせなのかを明記する
  - user：人間からの問い合わせ
  - assistant：GPTからの返答（以前の応答を保存するのに役立つ）
  - system：ChatGPTに与える役を設定するために使用
- content：問い合わせや返答の文章を記載する

実行結果

■ test.py
ターミナルからtest.pyを実行した結果です。
サーバーがたったことが確認できました。

■ test.http
VSCodeからtest.httpを叩いた結果です。
精度は微妙ですが「ハリーポッター」に関する答えが返ってきました！

さいごに

ChatGPT APIを実際に叩いて結果が返ってくることが確認できました。
メッセージオブジェクトのroleパラメータを変えることでどんな目的で送ってきているかを判断できることを学びました！
クイズアプリの作成に向けて一歩前進したかなと思います。

参考サイト