AI が学生に質問する振り返りアプリを Nuxt 4 × Claude API で作ってみた
Qiita授業支援ツール Furilog は、学生の振り返り内容を Claude API でリアルタイム分析し、その場で適応的な問いかけを生成する。従来のシナリオ型チャットボットと異なり、教員は授業内容とキーワードのみ準備すればよく、対話記録から学生の理解度を把握できる。Nuxt 4 採用により、フロント・バックエンド間の型定義重複やデータ変換の手間を削減。
タグ: Claude-API
11 件の記事
このタグの RSS
RSS×Claudeで毎日AI・宇宙ニュースを自動要約するサイトを構築
ZennAI・宇宙分野のニュースをRSSで自動収集し、Claude APIで日本語要約した後、GitHubPagesで静的サイト公開・LINE通知まで行うPythonスクリプトを開発。TechCrunch、TheVerge、NASAなど8フィードからの記事取得、キーワードスコアリングでの自動分類、毎朝7時の自動実行をWindowsタスクスケジューラで実現。
Python と Claude API で AI エージェントの基礎を実装する
QiitaAnthropic の定義「ループの中で自律的にツールを使用する LLM」に基づき、Claude API の tool use 機能を用いた基本的な AI エージェントを Python で実装する方法を解説。tool use の動作メカニズム（stop_reason に基づくループ）と API 側の準備手順（アカウント作成・API キー発行・環境変数設定）、実装例（サイコロを振るツール）を記載。
Claude APIで毎晩CSSアニメーションが増えていくサイトを作った
Qiitan8n + Claude APIを組み合わせて、毎晩0時に自動生成されるCSSアニメーションを蓄積するギャラリーサイトを実装。Claudeで「テーマ生成」と「アニメーション作成」を2段階実行し、GitHubの JSON に保存して Pages で自動反映させる仕組みを紹介。
Claude APIで記事作成フローを自動化。検索意図を捉えた高品質コンテンツの段階的生成
Zennブログ運営やWebマーケティングで記事作成に追われ戦略に時間が割けない課題を、Claude APIとPython/GASを組み合わせた自動化フローで解決。Claude 3.5 Sonnetの自然な日本語生成と長文推論能力を活かし、プロンプト・チェーンによる段階的処理で、執筆作業時間を約70%削減しながら高品質記事を安定生成する実装手法を解説。
Claude API で議事録要約ツールを作ってみた
ZennClaude API を使用して、議事録テキストを自動で「決定事項」「ToDo（担当者別）」「次回までの課題」の 3 つに整理するツールを開発。テキストファイルに議事録を貼り付けて実行するだけで、system_prompt の指定によって統一されたフォーマットで要約結果が自動保存される。
Tiptap × Claude APIで「ブロックタイプを保持したまま」選択範囲を置換する
Zennnote エディタで AI に文章の校正を依頼する際、見出しや引用などのブロック構造が失われる問題を解決した実装事例。Tsumugu という Next.js + Tiptap + Claude API のエディタで、選択範囲のブロック型情報をスナップショット保存し、置換時に元の構造を復元する手法を解説。
Claude APIで中古バイク22万台のAI検索を実装した個人サービス開発
Qiita個人で運営する中古バイク一括検索サイト MotoHub に、Claude APIを使った自然言語検索機能を実装。「予算5万円、原付、娘用」といった自然言語入力から、Claude Sonnetで検索条件をJSON抽出し、22万台のDB検索とおすすめ文生成を2段階で実行。条件抽出と文章生成を分離することで精度を確保し、コスト効率を実現。
AmiVoice API × Claude APIで構築するリアルタイム日本語音声対話システム
QiitaAmiVoice API（日本語特化の音声認識）と Claude API を WebSocket ストリーミングで組み合わせ、ブラウザマイク入力から最終応答までのリアルタイム音声対話システムを構築。Node.js プロキシサーバーを介して API キーを隠蔽しながら、音声認識の確定テキスト（A イベント）を Claude に渡して自然な応答をストリーミング生成する実装手順をプロトコル仕様から詳解。
LLM で SNS 投稿を月 200 本自動生成するアーキテクチャ設計
ZennSaaS 企業のコンテンツ疲弊課題を背景に、Next.js と Claude API を使った SNS 投稿自動生成システムのアーキテクチャを解説。ストリーミングレスポンスによる UX 改善、再利用可能なプロンプトテンプレート管理、Stripe と連動した使用量課金、PostgreSQL / Redis によるスケーラブル設計を実装レベルで紹介。
Claude Haiku 4.5 + n8n でクレカ明細メールを自動経費記録 — 7/7 精度・1 件約 1 円で運用
ZennClaude API と n8n を組み合わせ、クレジットカード明細メールから経費を自動抽出・分類するワークフローを実装。既知取引先はルール処理、未知取引先のみ Claude に判定させるハイブリッド構造により、7 件テストで全件正答・1 件あたり約 1 円のコスト削減を実現。ledger CSV 自動追記と Slack 通知も備える。