デジタル案件をすべて見る

章魚 AI(Octopus AI)

Web アプリ ·

章魚 AI(Octopus AI)のデモを開く ↗

AI カスタマーサポート構築代行システム。単一のコードベースが「サービス紹介LP」「クライアント納品用管理画面」「クライアントサイト埋め込み用チャットUI」の3役を兼備しています。紹介LP上に表示されるデモチャットウィジェット自体がプロダクトそのものであり、動画や静止画による疑似体験ではありません。Cloudflare Pages Functions上で動作し、ビルド処理や外部UIフレームワークに依存しない構成となっています。

機能一覧

  • RAG カスタマーサポート API:クライアントのナレッジベースを検索し、LLMが引用元付きで回答を生成
  • 埋め込み可能チャットウィジェット:Webサイトに1行のscriptタグを追加するだけで導入完了。Shadow DOMでカプセル化しCSSの競合を防止
  • 管理コンソール:ナレッジベース管理、会話受信トレイ、有人オペレーターへの引き継ぎ、リード情報追跡
  • LINE 公式アカウント連携:Messaging API webhookを統合し、同じナレッジベースからLINEへ直接自動応答
  • 納品前セルフヘルスチェック:/api/admin/status により、該当環境で不足している設定項目を一覧表示

3段階の検索フォールバック機構

「設定項目が多いほど回答精度が高まるが、最小設定でも稼働し続ける」思想で設計。外部APIが未設定の段階でも、キーワード照合と内蔵FAQにより即座にデモが動作します。LLMエンドポイントを追加すればモデル生成へ切り替わり、embeddingエンドポイントを設定すれば完全なベクトル検索へとシームレスに拡張されます。中国語等の分かち書きのない言語環境を考慮し、キーワード照合にはバイグラム(bigram)アルゴリズムを採用しています。

アーキテクチャ

Cloudflare Pages Functions + D1(会話ログ、ナレッジ、リード顧客)+ R2(ファイル保存)。LLMおよび埋め込みエンドポイントは環境変数で柔軟に指定でき、OpenAI互換のあらゆるプロバイダーに対応。ベクトルデータはD1の chunks.embedding に保持し、クエリ時にメモリ展開してコサイン類似度を算出します。

セキュリティ対策

管理画面および機密APIエンドポイントはBasic認証で保護し、パスワード未設定時はアクセスを遮断する安全側のデフォルトを採用。公開チャットおよびフォームにはIPレートリミットを導入(チャット30回/10分、フォーム5回/10分)し、IPアドレスはSHA-256ハッシュのみを記録。レートリミット判定エラー時も通信をブロックし、データベース異常に伴う外部LLM費用の意図しない高騰を防止しています。

似たプロジェクトをご検討ですか?

用途と方向性をお聞かせください。最適な進め方を一緒に確認します。

デジタル案件を相談する