名刺OCRフォームシステム

名刺OCRフォームシステム（Hono版）

Version: 1748806603049

名刺から基本情報を自動補完し、アンケート形式で選択式回答をいただきます。
本システムはHonoフレームワークとCloudflare Workersで高速化されています。

名刺画像をアップロード
OCR結果確認
フォーム入力・アンケート
送信完了
名刺画像をアップロード
システム概要（Hono + Cloudflare Workers版）
🟪 OCR確認エリア

OCR解析結果の確認と選択。複数のOCR結果から最適なものを選択。

🟦 自動補完エリア

名刺から取得した基本情報を表示・確認。ユーザーの手入力負担をゼロに。

🟧 アンケートエリア

関心度や課題・検討時期などを選択式で収集。営業・マーケに直結する「濃い情報」。

🟩 同意エリア

個人情報取り扱いと登録同意。CRM連携・メール配信許可のため。

技術スタック

フロントエンド： Next.js (静的エクスポート) + Material-UI

バックエンド： Hono + Cloudflare Workers

OCR API： Google Vision API + OpenAI GPT-4V + Gemini 1.5 Flash

CRM連携： HubSpot API

デプロイ： Cloudflare Pages (フロントエンド) + Cloudflare Workers (バックエンド)

使用方法
  1. 名刺画像をアップロード：名刺をスマートフォンで撮影するか、画像ファイルをドラッグ&ドロップしてください。
  2. OCR処理：Google Vision API、OpenAI GPT-4V、Gemini AIで名刺の文字を読み取り、情報を整理します。
  3. OCR結果確認：各OCRエンジンの解析結果を確認し、フォーム入力に進みます。
  4. フォーム確認・アンケート：自動入力された情報を確認し、必要に応じて修正してください。アンケート項目にもご回答ください。
  5. HubSpot登録：送信ボタンを押すと、HubSpotのCRMシステムに自動で登録され、ワークフローで資料送付や商談タグ追加が自動化されます。