[初心者向け] Next.js で初めての OpenAI API アプリを作ってみた(Tailwind CSS、Docker 利用) こんにちは、アノテーション テクニカルサポートの Shimizu です。 昨今の OpenAI ブームに乗り、私も何かを始めてみたくなりました。 そこで、ちょうど勉強中だったフロントエンド開発環境(Next.js + Tailwind CSS + Docker)と OpenAI API を利用して、AI が質問に答えてくれるだけのシンプルな入門アプリを、実作業 30 分ほどで作ってみました。 完成品イメージ ここでは筆者の備忘も兼ねて、一連の手順を記事にしてみました。 以下のような方の参考になれば幸いです。 OpenAI API で最小限の動くアプリを作り、仕組みを理解したい Next.js(React)や Tailwind CSS などフロントエンドの流行