制作実績 — 2026年7月に公開デモと管理画面を再設計しました。外部チャネルは未接続です。
Mild Solt
SYSTEM DESIGN / PUBLIC DEMO

ChatBridge

問い合わせへの一次回答、担当者への引継ぎ、回答ナレッジの改善を一つの流れにまとめたAIチャット管理システムです。

Role
企画・設計・実装・検証
Period
2025.11 — 2026.07
Current
公開デモとして再構成
Scope
Webデモ / 管理画面 / API
Conversation review
PUBLIC DEMO
ANSWER → REVIEW → IMPROVE
明日の夕方は空いていますか?
個別の空き状況は担当者の確認が必要です。会話を引き継ぎます。
有人確認へ切替
確認後の回答を、必要に応じてナレッジへ反映できます。

試作から、運用を想定したデモへ。

初期版で扱ったチャネル統合の知見を残しつつ、現在は壊れた外部公開先を切り離し、Mild Solt内で確認できるデモへ置き換えました。

2025.11 — 2026.04

初期SaaSプロトタイプ

Web埋込チャット、認証、チャネル連携、課金導線などを試作し、中小事業者向け問い合わせ対応の構成を検証しました。

2026.07

情報と機能の棚卸し

稼働していない外部URLや、本番接続していない機能を案内から外し、公開範囲を整理しました。

2026.07 / REBUILD

公開デモ・管理画面・APIを再構成

登録ナレッジによる回答、引継ぎ判定、会話確認、ナレッジ編集、ウィジェット調整を一つのデモとして実装しました。

AIらしさより、
運用の分かりやすさ。

返答の華やかさではなく、回答元、引継ぎ、編集箇所を担当者が把握しやすいことを優先しています。

01 / HONEST SCOPE

公開デモの範囲を明示

認証・顧客データ・外部チャネルへ接続していないことを、LPと管理画面の両方に表示しています。

02 / HANDOFF FIRST

不確かな質問は人へ

登録回答との一致が弱い場合や個別判断が必要な場合、無理に回答せず担当者確認へ切り替えます。

03 / SAFE INPUT

ブラウザとAPIで入力検証

文字数、形式、ナレッジ件数を制限し、APIには簡易レート制限とエラー形式を実装しています。

04 / LOCAL DEMO DATA

編集内容は端末内だけに保存

管理画面の追加・返信・表示設定はローカルストレージへ保存し、個人情報を集めないデモにしています。

再設計版の構成

Mild Soltの静的サイト上で動くUIと、Vercel Serverless Functionsの小さな応答APIで構成しています。

HTML / CSSResponsive product UI
Vanilla JSDemo console / Local state
Vercel APIValidated response endpoint
LocalStorageBrowser-only demo data
Knowledge matchSource / Confidence / Handoff

会話と管理画面を、
実際に操作できます。

どちらもMild Soltサイト内の確認用デモです。