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 をもっと綺麗に
- 画像の保存機能
- プロンプトの履歴機能