ITエンジニア/デザイナ向けにオープンソースを毎日紹介

最近はAIを使ったチャットボットが流行です。ウィザード形式で言われるままに答えるのではなく、自然言語で対話しながらステップを踏んでいけるのが特徴です。そのためにチャット形式のUIがよく使われています。

今回紹介するconvFormはそんなチャット形式のUIを手軽に実装できるjQueryプラグインになります。

convFormの使い方

最初に質問が飛んできます。選択肢で答えます。

最初の画面
最初の画面

選択した内容によってメッセージが変わります。

次の質問
次の質問

複数の選択肢も可能です。

複数選択
複数選択

選択肢によってWebページを開くこともできます。

コールバックの例
コールバックの例

convFormではデータを引き継ぎながら処理を行ってくれるので、フォーム入力とは異なる形で情報の入力ができます。メールアドレスの入力チェック機能もあり、正確なデータだけを送ってもらえます。

convFormはJavaScript製のオープンソース・ソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。

convForm - example

eduardotkoller/convForm: A jQuery plugin that transforms a form into a interative chat.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2