DecoBoco Digital

ブログにクイズ機能をつけた

これは以前のブログの機能で現在のブログには搭載されていません

ブログにクイズ機能をつけたので

どうやったらクイズが表示されるの

ブログをスクロールすると生成が開始、生成が完了するとクイズが表示されるようになっています。
スクロールできないような短い文章ならクイズを生成しなくても良いか割り切ってます

(クイズの作成のたびにお金がかかるのでちゃんと読んでもらって楽しんでもらえたらうれしいなぁ)

技術的な話

Langchaiとgpt-3.5-turboを使っています。またlangchainでfunction callingで決まったJSON形式でデータを返すようにしてます。
これらはAPIとしてデプロイしてあります。
APIの動作は以下のようになっています。

  1. urlからサイトのデータを取得
  2. サイトのデータ、プロンプトをOpenAI APIへPOST
  3. 生成されたデータを返す

あとはフロントで選択肢をシャッフルしたり、正解を選択したら正解かどうかを判定したりしています。

今後の予定

技術記事のURLを入力したら理解度を測るクイズが生成されるWebアプリケーションを作りたいな思っています。
DBに保存して、同じURLだったらDBから取得するなどして、APIの呼び出し回数を減らしたいです。

Share this post

yukyu(a.k.a ugo)

映像・文房具・コメダ珈琲・デザイン など幅広く好きなエンジニア。

普段はReact、Ruby on Railsをつかって開発をしています。