OpenAI API と React(Next.js) を利用した簡単な画像生成アプリの作り方を、サンプルコード付きでご紹介しています。 こんにちは、アノテーション テクニカルサポートの Shimizu です。 筆者の前回の記事では OpenAI API を使用した基本的な質問アプリを Next.js で作成しました。 そこで今回は OpenAI の画像生成 API を利用して、テキストで入力した通りの画像を生成してくれるアプリを作って遊んでみました。 本記事ではサンプルコード付きで画像生成アプリの作成手順をご紹介しています。 完成品イメージ 前回と同様に Docker コンテナ上の Next.js 環境で作成したアプリを、ブラウザ上で動かすという手順です。 それでは、いってみましょう! step1. 事前準備 まず、事前に下記を用意しましょう。 (1) OpenAI のアカウント登録、A
![Next.js + OpenAI API で作った画像生成アプリで遊んでみた | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/3c0e373391bd52827f22134f0b09da3118d7f40a/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2023%2F01%2Fopenai_chatgpt.png)