チャットボットアプリ (ブラウザ)

[]

これは、Chatbottoアプリケーションのブラウザベースのバージョンです。

デモ

ライブデモ

使用されたライブラリ

• Framework7: モバイルファーストデザインを作成するために使用されます。
• RakutenMA: 日本語の言語分析に使用されます。

データストレージ

このアプリケーションでは、元のアプリケーションの MongoDB の代わりに、IndexedDBを使用して、ブラウザー上の必要なデータを保存します。

セットアップ

アプリケーションをセットアップするには、プロジェクトのルートディレクトリで Web サーバーを起動します。これは、sample_data からのファイルの初期ロードを fetch API を使用して許可するために必要です。

例:

PHP サーバー

php -S localhost:8000

Python サーバー

python -m http.server 8000

使い方

• チャットボットと対話するには、ホームページに移動します。アプリケーションの設定を構成するには、管理ページに移動します。
• 初回使用:
  • 初回使用時、indexedDB は空です。サンプルデータファイルが自動的にロードされて保存されます。
  • これらのデータファイルは、管理ページから変更できます。
    • 管理ページに移動し、QA ボタンをクリックして QA ファイルをアップロードします。ファイルは JSON/CSV 形式である必要があり、sample_data ディレクトリの qa_data ファイルと同じ構造に従う必要があります。
    • BCCWJ ボタンをクリックして BCCWJ ファイルをアップロードします。ファイルは JSON/CSV 形式である必要があり、sample_data ディレクトリの weights ファイルと同じ構造に従う必要があります。
• 必要なファイルをアップロードした後、関連するデータがデータテーブルにロードされます。そして、提案リストが新しい QA データで埋められます。

ツールとテクノロジー

• VS Code
• Github Copilot
• Github Copilot Chat
• IndexedDB

貢献

貢献は歓迎します。プルリクエストを送信するか、問題を作成して、行いたい変更を議論してください。

Chatbotto Browser App

[]

This is a browser-based version of the Chatbotto application.

Demo

Live Demo

Libraries Used

• Framework7: Used for creating a mobile-first design.
• RakutenMA: Used for Japanese language analysis.

Data Storage

Instead of MongoDB in the original application, this application uses IndexedDB to save the necessary data on the browser.

Setup

To set up the application, simply start a web server in the root directory of the project. This is needed to allow the initial loading of the files from sample_data using fetch API.

Examples:

PHP Server

php -S localhost:8000

Python Server

python -m http.server 8000

Usage

• Navigate to the home page to interact with the chatbot. Go to the admin page to configure application settings.
• First time usage:
  • On initial usage, the indexedDB is empty, the sample data files will be loaded and saved automatically.
  • These data files can be changed from admin page.
    • Navigate to the admin page and click the QA button to upload the QA file. The file should be in JSON/CSV format and should follow the same structure as the qa_data file in the sample_data directory.
    • Click the BCCWJ button to upload the BCCWJ file. The file should be in JSON/CSV format and should follow the same structure as the weights file in the sample_data directory.
• After uploading the necessary files, the relevant data will be loaded into the data table. and the suggestions list shall be populated with the new QA data.

Tools and Technologies

• VS Code
• Github Copilot
• Github Copilot Chat
• IndexedDB

Contributing

Contributions are welcome. Please submit a pull request or create an issue to discuss the changes you want to make.