AIチャットボット

AIチャットボット

・プログラミング言語はhtml,css,JavaScriptを使用しました。

・ChatGPTといったAIチャットボットを使用する際によく使う文言をいちいちキーボード入力するのが手間であると感じ、素早くAIに内容を送信できるようにしたいという思いがあり、本制作物を作成するに至りました。

機能

・本制作物では以下のような機能を有しています。

①Gemini　APIを使用したAIチャットボットを使用できます。

②AIに送信する方法は3つあります。1つ目はテキストエリアに文字を入力して送信する方法です。2つ目はボタンを押し、そのボタンに紐づいている文言を送信する方法です。3つ目はクリップボードに保存されている内容にそのボタンに紐づいている文言を足して送信する方法です。通常のキーボード入力のほかにボタンをクリックすることで簡単にAIに質問できる機能が備わっています

③ユーザーがAIに送信するためのテンプレートとなる文言やAIとのチャット履歴を保存しておくことができます。ローカルストレージに保存されていますが、念のためにテキストファイル形式で保存することができます。また、テキストファイルを読み込んでページ上に反映させることもできます。

④ユーザーが保存した質問を絞り込むことができます。コンボボックスで選択した文言のみが表示され、スクロールせずに探すことができます。