最近は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.