今日、大規模モデルとAIエージェントは、人間とコンピュータのインタラクションの形態を変えつつあります。大規模モデルとAIエージェントのサポートにより、AIの意図理解、自然言語生成、論理的推論能力は飛躍的に向上し、多くの応用シナリオにおける人間とコンピュータのインタラクションはよりインテリジェントになり、より人間に近いものになっています。そのため、チャットベースの人間とコンピュータの対話モードが徐々に主流になりつつあります。

効果的なチャットボットベースのヒューマンコンピュータインタラクションを構築するにはどうすればよいでしょうか？既に多くの成熟したソリューションとケーススタディが存在します。ローコードおよびノー​​コード設計は、柔軟かつ効率的なアプローチです。この記事では、強力でオープンソースかつ無料のチャットボットプロジェクトであるTypebotを主に推奨します。このプロジェクトをベースに、独自のカスタマイズや開発を実施することも可能です。

Typebotは、Node.jsをベースに構築されたオープンソースプロジェクトで、チャットボットを簡単に作成できます。あらゆるビジネスシナリオに適した機能コンポーネントを提供しており、オープンソースコミュニティで継続的に更新されています。

ソースコード: https://github.com/baptisteArno/typebot.io

Typebot の機能は次のとおりです。

（１）豊富な機能コンポーネントを搭載

• チャット コンテンツには、テキスト、画像/GIF、ビデオ、オーディオ、埋め込みコンテンツが含まれます。
• 入力オプションには、テキスト、電子メール、電話番号、ボタン、画像セレクター、日付ピッカー、支払いコード、ファイルセレクターなどがあります。
• テストロジック: 条件分岐、URL リダイレクト、スクリプト (JavaScript)、A/B テスト
• 統合コンポーネント: Webhook / HTTP リクエスト、OpenAI、Google Sheets、Google Analytics、Meta Pixel、Zapier、Make.com、Chatoot、Dify...

（２）チャットボットのテーマを設定できます。

• フォント、背景、色、丸み、影などをカスタマイズします。
• カスタム CSS を使用した高度なテーマ。
• 再利用可能なテーマテンプレート

（3）Typebotのチャット機能をどこでも共有できます。

• カスタム展開
• ネイティブ JS ライブラリを使用してシステムに埋め込まれ、ポップアップ ウィンドウまたはチャット バブルとして表示されます。
• iframe、外部依存関係、パフォーマンスへの影響なしにライブラリをすばやく埋め込みます。
• HTTP リクエストをサポートします。

（4）フィードバックの収集と分析を支援する

• 解約率、完了率などの詳細な分析。
• 結果はCSVとしてエクスポートできます

（５）開発者向け

• ベンダーロックインがなく、組み込み機能は非常に柔軟です。
• 使いやすい API を提供します。

結論として、TypeBot は機能性と拡張性の面で優れており、学ぶ価値のある製品です。