CANVASを活用して、キーワード応答式チャットシステムを作ってみたよ。簡易的な作りの、人工無能システム?が搭載されています。 間違っても、最近のAIレベルの応答を期待してはいけません。
個人サイトでの使用を想定した、キーワード応答式チャットシステムを作ってみました。JavaScriptを使ってCANVASに表示させていて、 見た目は16ビットPCのコンソール風になっています。入力された内容にキーワードが含まれていれば、それに対する応答が返ってきます。 なお、一部の環境では動かない可能性がありますので、ご了承ください。
サンプル版をこちらで公開していて、実際に動かしてみることが可能です。
下のリンクからファイルをダウンロードできます。
ct68_cgi.zip
※ZIP形式で圧縮されてるので、使う前に解凍してください!
ct68_cgi.html・・・立ち上げ用(HTML)
./css/ct68_cgi.css・・・デザイン補助(CSS)
./cgi/ct68_cgi.cgi・・・メインプログラム(Perl)
./js/ct68_cgi.js・・・メインプログラム(JavaScript)
./dat/chat_log.csv・・・データ保存用ファイル
./dat/last_id.txt・・・データ保存用ファイル
readme.txt・・・注意事項記載ファイル(実行時不要)
展開したファイルを、使用する環境に合わせてアップロードしてください(readme.txtはアップロードしないで下さい)。 その後、設置するサーバーに合わせてパーミッションの設定を変更しましょう。 フォルダ名等が、デフォルトの設定と異なる場合は、コードに記載されているコメントなどを見て変更を行います。 あとは、ct68_cgi.htmlファイルを実行しましょう。
最初にログイン画面が表示されますが、ユーザー名を設定するためのものなので、深く考える必要はありません。 チャットは下部にある入力欄に打ち込むことで行います。打ちこんだ内容がウィンドウ画面に表示されますが、CANVAS出力で描画されているので、 表示されているテキストをコピーする際は、発言者のところを左クリックすることで行うようにしています。また、ウィンドウ自体はドラッグすることで移動できるようになっていて、 会話が進んだ際には、画面をマウスのホイールを使ってスクロールさせることもできます。