タグ: Claude-API

5 件の記事

Tiptap × Claude APIで「ブロックタイプを保持したまま」選択範囲を置換する
Zenn
note エディタで AI に文章の校正を依頼する際、見出しや引用などのブロック構造が失われる問題を解決した実装事例。Tsumugu という Next.js + Tiptap + Claude API のエディタで、選択範囲のブロック型情報をスナップショット保存し、置換時に元の構造を復元する手法を解説。
2026/05/31Claude-API 開発 Tiptap
Claude APIで中古バイク22万台のAI検索を実装した個人サービス開発
Qiita
個人で運営する中古バイク一括検索サイト MotoHub に、Claude APIを使った自然言語検索機能を実装。「予算5万円、原付、娘用」といった自然言語入力から、Claude Sonnetで検索条件をJSON抽出し、22万台のDB検索とおすすめ文生成を2段階で実行。条件抽出と文章生成を分離することで精度を確保し、コスト効率を実現。
2026/05/28Claude-API 開発上級
AmiVoice API × Claude APIで構築するリアルタイム日本語音声対話システム
Qiita
AmiVoice API（日本語特化の音声認識）と Claude API を WebSocket ストリーミングで組み合わせ、ブラウザマイク入力から最終応答までのリアルタイム音声対話システムを構築。Node.js プロキシサーバーを介して API キーを隠蔽しながら、音声認識の確定テキスト（A イベント）を Claude に渡して自然な応答をストリーミング生成する実装手順をプロトコル仕様から詳解。
2026/05/25Claude-API 開発実装
LLM で SNS 投稿を月 200 本自動生成するアーキテクチャ設計
Zenn
SaaS 企業のコンテンツ疲弊課題を背景に、Next.js と Claude API を使った SNS 投稿自動生成システムのアーキテクチャを解説。ストリーミングレスポンスによる UX 改善、再利用可能なプロンプトテンプレート管理、Stripe と連動した使用量課金、PostgreSQL / Redis によるスケーラブル設計を実装レベルで紹介。
2026/05/21Claude-API 開発ビジネス
Claude Haiku 4.5 + n8n でクレカ明細メールを自動経費記録 — 7/7 精度・1 件約 1 円で運用
Zenn
Claude API と n8n を組み合わせ、クレジットカード明細メールから経費を自動抽出・分類するワークフローを実装。既知取引先はルール処理、未知取引先のみ Claude に判定させるハイブリッド構造により、7 件テストで全件正答・1 件あたり約 1 円のコスト削減を実現。ledger CSV 自動追記と Slack 通知も備える。
2026/05/12Claude-API n8n 自動化

タグ: Claude-API

Tiptap × Claude APIで「ブロックタイプを保持したまま」選択範囲を置換する

Zenn

note エディタで AI に文章の校正を依頼する際、見出しや引用などのブロック構造が失われる問題を解決した実装事例。Tsumugu という Next.js + Tiptap + Claude API のエディタで、選択範囲のブロック型情報をスナップショット保存し、置換時に元の構造を復元する手法を解説。

2026/05/31Claude-API 開発 Tiptap

Claude APIで中古バイク22万台のAI検索を実装した個人サービス開発

Qiita

個人で運営する中古バイク一括検索サイト MotoHub に、Claude APIを使った自然言語検索機能を実装。「予算5万円、原付、娘用」といった自然言語入力から、Claude Sonnetで検索条件をJSON抽出し、22万台のDB検索とおすすめ文生成を2段階で実行。条件抽出と文章生成を分離することで精度を確保し、コスト効率を実現。

2026/05/28Claude-API 開発上級

AmiVoice API × Claude APIで構築するリアルタイム日本語音声対話システム

Qiita

AmiVoice API（日本語特化の音声認識）と Claude API を WebSocket ストリーミングで組み合わせ、ブラウザマイク入力から最終応答までのリアルタイム音声対話システムを構築。Node.js プロキシサーバーを介して API キーを隠蔽しながら、音声認識の確定テキスト（A イベント）を Claude に渡して自然な応答をストリーミング生成する実装手順をプロトコル仕様から詳解。

2026/05/25Claude-API 開発実装

LLM で SNS 投稿を月 200 本自動生成するアーキテクチャ設計

Zenn

SaaS 企業のコンテンツ疲弊課題を背景に、Next.js と Claude API を使った SNS 投稿自動生成システムのアーキテクチャを解説。ストリーミングレスポンスによる UX 改善、再利用可能なプロンプトテンプレート管理、Stripe と連動した使用量課金、PostgreSQL / Redis によるスケーラブル設計を実装レベルで紹介。

2026/05/21Claude-API 開発ビジネス

Claude Haiku 4.5 + n8n でクレカ明細メールを自動経費記録 — 7/7 精度・1 件約 1 円で運用

Zenn

Claude API と n8n を組み合わせ、クレジットカード明細メールから経費を自動抽出・分類するワークフローを実装。既知取引先はルール処理、未知取引先のみ Claude に判定させるハイブリッド構造により、7 件テストで全件正答・1 件あたり約 1 円のコスト削減を実現。ledger CSV 自動追記と Slack 通知も備える。

2026/05/12Claude-API n8n 自動化