チャットのような対話コンテンツの為のUIフレームワーク・「BotUI」

BotUI

BotUIはチャットのような対話コンテンツのUIのためのJavaScriptフレームワークです。いわゆるbot用でしょうか。返すメッセージや内容、タイミングなどの設定も簡単に出来るようになっています。

var botui = new BotUI('botui-app'); //コンテナのID
 
botui.message.bot({ // 最初のメッセージを表示
  delay: 200,
  content: 'hello'
}).then(function () {
  return botui.message.bot({ // 2つ目
    delay: 1000, // 1秒待ってから表示
    content: 'how are you?'
  });
}).then(function () {
  return botui.action.button({ // ユーザーの行動
    delay: 1000,
    action: [
      {
        text: 'Good',
        value: 'good'
      },
      {
        text: 'Really Good',
        value: 'really_good'
      }
    ]
  });
}).then(function (res) {
  return botui.message.bot({
    delay: 1000,
    content: 'You are feeling ' + res.text + '!'
  });
});

ライセンスはMITとの事です。

BotUI

BotUI

Resources & Tools

OSS

AI

CSS snippet

JavaScript snippet

WordPress Code