ChatGPT API でレスポンスをJSONとして受け取る

ChatGPT API でレスポンスをJSONとして受け取る

2023-06-1810 min read

目次

  1. 概要
  2. 課題
  3. json形式での出力

概要

ChatGPT の API について、レスポンスをJSONで受け取る方法を思いついたので記載します。

課題

ChatGPT を組み込んだアプリケーションの開発でレスポンスをJSONで受け取りパースさせるために、 次のようなプロンプトを作成していました。

地理に関する雑学の4択問題を作成してください。
出力形式は下記のようなJSONで出力してください。

--- 出力例:開始 ---
{
 "question": "日本で一番大きい山は?", // 問題文
 "choices":[{ // 選択肢
  "text": "高尾山"
}, {
  "text": "富士山"
}, {
  "text": "阿蘇山"
},{
  "text": "浅間山"
 }],
}
--- 出力例:終了 ---

この方式でもある程度生成はできていたのですが、

  • JSONのパラメータが勝手に置き換えられていた
  • JSONの中にコメントが入っていた
  • カンマがなかった

これらの事象が度々発生しJSONのパースに失敗することが時々発生していました。

体感でChatGPT v3 で 20%〜10%、 v4 で 5%くらいの確率で発生していたような気がしました。

JSON形式での出力

ChatGPTのAPIに関数呼び出し機能が追加 - PC Watch

そんな中 2023/06/14に追加されたfunction call機能が追加され これを活用して、ほとんど失敗せずJSONのパースができるようになりました。

具体的な方法としては、 function call には引数を定義する仕組みがあり、JSONのスキーマを定義することができますが、 これを出力に利用してしまうという本来の目的から逸れた方法ではありますが、JSONでの出力を実現することができました。

サンプルコードは以下となります。

ソース

import { ChatCompletionRequestMessage, Configuration, OpenAIApi } from "openai";

const apiKey = `<OPEN_AI_API_KEY>`;
const configuration = new Configuration({
  apiKey,
});
const openai = new OpenAIApi(configuration);

const main = async () => {
  const res = await openai.createChatCompletion({
    // model: "gpt-4-0613",
    model: "gpt-3.5-turbo-0613",
    messages: [
      {
        role: "user",
        content: "地理の雑学に関する4択問題を作成してください",
      },
    ],
    functions: [
      {
        name: "createQuestion",
        description: "4択問題を作成する",
        parameters: {
          type: "object",
          properties: {
            question: {
              type: "string",
              description: "問題の本文",
            },
            choices: {
              type: "array",
              description: "問題の選択肢。選択肢は4つ存在する。正しい解答は1つのみ存在する。",
              uniqueItems: true,
              items: {
                type: "object",
                properties: {
                  text: {
                    type: 'string',
                    description: "問題の選択肢の文",
                  },
                  isCorrect: {
                    type: 'boolean',
                    description: "正答の場合 true, 不正の場合 false, trueは1つだけ存在する",
                  }
                }
              },
              minItems: 4,
              maxItems: 4,
            },
          },
          required: ["question", "choices"],
        },
      },
    ],
  });

  const message = res.data.choices[0].message;
  console.log("message", message);
};

main();

出力

message {
  role: 'assistant',
  content: null,
  function_call: {
    name: 'createQuestion',
    arguments: '{\n' +
      '  "question": "アフリカ大陸で最も高い山は次のうちどれ?",\n' +
      '  "choices": [\n' +
      '    {\n' +
      '      "text": "エベレスト",\n' +
      '      "isCorrect": false\n' +
      '    },\n' +
      '    {\n' +
      '      "text": "キリマンジャロ",\n' +
      '      "isCorrect": true\n' +
      '    },\n' +
      '    {\n' +
      '      "text": "コンゴ山",\n' +
      '      "isCorrect": false\n' +
      '    },\n' +
      '    {\n' +
      '      "text": "アルプス山脈",\n' +
      '      "isCorrect": false\n' +
      '    }\n' +
      '  ]\n' +
      '}'
  }
}

JSONパース後

{
  question: 'アフリカ大陸で最も高い山は次のうちどれ?',
  choices: [
    { text: 'エベレスト', isCorrect: false },
    { text: 'キリマンジャロ', isCorrect: true },
    { text: 'コンゴ山', isCorrect: false },
    { text: 'アルプス山脈', isCorrect: false }
  ]
}

問題なくパースすることができました。

Tags
javascript(109)
linux(54)
node.js(53)
amazon%20aws(47)
typescript(44)
%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0(36)
%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86(30)
html5(29)
php(24)
centos(24)
python(22)
%E7%AB%B6%E6%8A%80%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0(21)
mac(21)
mysql(20)
canvas(19)
opencv(17)
%E9%9B%91%E8%AB%87(16)
docker(16)
wordpress(15)
atcoder(14)
apache(12)
%E6%A9%9F%E6%A2%B0%E5%AD%A6%E7%BF%92(12)
%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9(12)
amazon%20s3(12)
red%20hat(12)
prisma(12)
ubuntu(11)
github(10)
git(10)
vue.js(10)
%E7%94%BB%E5%83%8F%E5%87%A6%E7%90%86100%E6%9C%AC%E3%83%8E%E3%83%83%E3%82%AF(10)
mariadb(10)
react(9)
aws%20cdk(9)
css3(8)
%E5%8F%AF%E8%A6%96%E5%8C%96(8)
%E5%B0%8F%E3%83%8D%E3%82%BF(8)
nestjs(8)
amazon%20lightsail(7)
next.js(7)
%E3%83%96%E3%83%AD%E3%82%B0(6)
cms(6)
oracle(6)
perl(6)
gitlab(6)
iam(5)
amazon%20ec2(5)
%E8%B3%87%E6%A0%BC%E8%A9%A6%E9%A8%93(5)
aws%20amplify(5)
curl(4)
Author
githubzennqiita
ただの備忘録です。

※外部送信に関する公表事項