AI

初めてのAI画像生成アプリ

Claudeに教わりながら作った初めてのAIアプリ。「画像生成したい」って言ったら、APIの使い方から丁寧に教えてくれました。エラーで3回挫折しかけたけど、なんとか完成!

1250 いいね
8,500 回閲覧

使用技術

Next.jsOpenAI APIClaude指導

## 作った経緯

プログラミングを始めたばかりの時、「AI で画像生成とかできたらかっこいいな」って思ったのがきっかけ。

でも、API って何?という状態からのスタート。

## Claude との会話記録

私:「画像生成アプリ作りたいです」

Claude:「OpenAI の DALL-E API を使うのがおすすめです。まずは API キーを取得しましょう」

私:「API キーって何ですか?」

Claude:「(丁寧に説明してくれる)」

## 躓いたポイント

1. **API キーの設定**: .env ファイルの場所を間違えてた

2. **CORS エラー**: なんのこっちゃ分からなくて 3 日悩んだ

3. **レスポンス処理**: JSON の扱いでエラー連発

## 学んだこと

- API の基本的な使い方

- 環境変数の管理方法

- エラーハンドリングの重要性

- AI に質問する時のコツ

## 今後の改善点

- UI をもっと綺麗に

- 画像の保存機能

- プロンプトの履歴機能