Claude APIを使った教育系ウェブアプリ「フム」の開発完成まで
出典: Qiita (Claude tag)
Hiroba による自動要約
AIに「教わる」のではなく「教える」ことで学習効果を高めるウェブアプリ「フム」の開発事例。Claude APIを活用し、LLMの JSON 形式制御の失敗対策、React 18 StrictMode の二重実行対応、プロンプト分離によるキャラクター知識制約など、実装上の課題と解決策を詳述。
出典・元記事
Qiita (Claude tag) の記事を Hiroba が自動要約しました。元記事を読む
読んで良かったら、シェアしてみてください。
同じタグの記事が他に 3773 件あります。
関連する記事
同じタグの記事
Claude Code + OpenRouter で無料 AI 開発環境を構築する 5 つの設定
QiitaOpenRouter の :free サフィックスモデル (Qwen3-235B-A22B・Gemini 2.0 Flash・DeepSeek R1 等) を Claude Code と組み合わせることで、月額 0 円で AI コーディング支援を利用できる。ANTHROPIC_BASE_URL と model の設定変更だけで実現し、タスク種別ごとにモデルをルーティングすることで費用対効果を最大化する。
Claude API (Messages API) を TypeScript から使ってみた
ZennClaude を TypeScript から呼び出すために API キー取得、SDK インストール、環境変数設定を行い、@anthropic-ai/sdk を使って Messages API を実装。APIキーを ANTHROPIC_API_KEY として設定し、client.messages.create() でリクエストを送信してレスポンスを取得する手順を実装例とともに紹介。
