conversational ui

会話型UI

会話型 UI Web アプリの実験。デモ

設定

js/app.js

js/app.jsで定義されているCategory -> Sub-category -> Infoの構造に基づいて構築されています。また、ステップごとにランダムに選択された返信の選択をカスタマイズするには、このファイルを確認してください。コンテンツに AJAX を使用した実際の例については、このリポジトリを参照してください。

インデックス.html

情報ステップのコンテンツ ビューは、 .content div の下で定義されています。メニューとサブメニューの ID を組み合わせる必要があります。

建てる

このプロジェクトでは主に ES2015 JavaScript 機能を使用します。 Chrome または Safari Technical Preview では問題なく実行できますが、Gulp を使用する他のブラウザでは Babel でトランスパイルする必要があります。

トランスパイルするには、Node.js と Gulp をまだインストールしていない場合はインストールします。次に、 package.jsonにリストされている必要なプロジェクトの依存関係を次のようにインストールします。

npm install

次に、 gulpfile.jsで定義されたトランスパイル タスクを実行します。

gulp js

これはjs/app.min.jsにトランスパイルおよび縮小されます。