OvidijusParsiunas/deep-chat

これは何？

主な機能

• 01npmでインストールでき、React、Vue、Svelteなどのフレームワークでも使える組み込み型チャット要素
• 02独自APIまたは20以上のAIプロバイダーに接続
• 03ファイルのアップロード、Webカメラでの撮影、マイク録音に対応
• 04音声入力の音声認識と、音声出力の音声合成に対応
• 05Markdown表示とメッセージスタイルのカスタマイズ
• 06サーバー不要で、ブラウザ上にモデルを配置して実行

ユースケース

• 企業サイトにAIサポートチャットボットを追加する
• LLM APIを使ったチャットインターフェースを試作する
• ブラウザで動作する音声対応アシスタントを構築する
• ブラウザ内で動作するローカルモデルを使ってデモ用チャットボットを実行する

クイックスタート

1. 1

   npmでパッケージをインストールします

   npm install deep-chat
2. 2

   Reactを使用する場合は、代わりにReact用パッケージをインストールします

   npm install deep-chat-react
3. 3

   コンポーネントをマークアップに追加します

   <deep-chat></deep-chat>

使う前に知っておきたいこと

• !直接接続するとブラウザーでAPIキーが公開されるため、プロトタイプやデモでのみ使用してください。
• !カスタムバックエンドに接続するには、サービスがDeep Chatのリクエスト形式とレスポンス形式に対応している必要があります。

収録されている特集

トピック

よくある質問

deep-chat とは？

HTMLを1行追加するだけでWebサイトに組み込める、LLM APIや独自バックエンドに接続可能なカスタマイズ性の高いAIチャットUIコンポーネントです。 Deep Chatは、WebページにAIチャットボットのインターフェースを追加するフロントエンド用チャットコンポーネントです。npm経由でインストールしてHTML要素として使えるほか、React、Vue、Svelte、Angular、Solidなどのフレームワーク向けにラップして利用できます。

deep-chat は無料で使えますか？ライセンスは？

deep-chat は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

deep-chat は今もメンテナンスされていますか？

活発にメンテナンス中。deep-chat の最終コミットは 2026年10月24日 です。

deep-chat は何に使えますか？

企業サイトにAIサポートチャットボットを追加する LLM APIを使ったチャットインターフェースを試作する ブラウザで動作する音声対応アシスタントを構築する ブラウザ内で動作するローカルモデルを使ってデモ用チャットボットを実行する

deep-chat のインストール方法は？

npmでパッケージをインストールします: npm install deep-chat Reactを使用する場合は、代わりにReact用パッケージをインストールします: npm install deep-chat-react コンポーネントをマークアップに追加します: <deep-chat></deep-chat>

deep-chat はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/OvidijusParsiunas/deep-chat