技育展2021 発表資料(チームうどん)

うちの子と話せるAIチャットアプリ "URoidchat"
デモ動画
https://youtu.be/ghA9UzULNbQ

Transcript

1. うちの子と話せるAIチャットアプリ
2. 制作動機 ・コロナで誰にも会えず寂しい．．．． ・話し相手がほしい．．．． 自分好みのアバターとチャットできる AIチャットアプリを作ろう！！！！！
3. 作品URL ・URL ¥¥ PC&Chrome限定！ // ※初回起動には少し時間がかかります． https://uroidchat.herokuapp.com/ もしくは “URoidChat”で検索 →githubのReadmeにあるリンクをクリック こちら https://uroidchat.herokuapp.com/
4. 作品URL 機能一覧： ・対話機能(音声認識&読み上げ) ・ネガポジ判定によるAIの表情や言動仕草の変化(感情の再現) ・3Dモデル(vrmファイル)アップロード機能 ・同時編集機能によるお絵描き＆チャット機能 ・ランキング機能 ・ボイス機能 https://uroidchat.herokuapp.com/
5. 使用技術 https://uroidchat.herokuapp.com/
6. こだわった点 ・とにかく世界観を「無駄に」こだわった ・SEなどを取り入れより”ゲーム感”を強くした ・世界観にこだわったUIにした． ・楽しく話すためにチャット内容のネガポジ判定でAIの感情を表現！ ・話した言葉に応じて動く！ ・軽量化への工夫を行った ・3Dモデルの読み込み回数を減らすために機能ごとにSPAを目指した ・画像やソースコードの最適化をした https://uroidchat.herokuapp.com/
7. こだわった点（UI部分） ・ふよふよのデザインを自作しました！ ・消しゴムのアイコンをCSSで自作しました！ ・レスポンシブ対応してます😊 https://uroidchat.herokuapp.com/
8. 難しかった点 ・Three.js初挑戦 立体って難しい！ ・vrmの扱いが分からぬ ・socketなんもわからん ・Docker+Herokuのデプロイ ・多くの技術を用いた大規模コードでの開発で思わぬエラーが多かった ・しりとりが想像以上に難しかった https://uroidchat.herokuapp.com/
9. 機能紹介 ・チャット機能 うちの子の自由に会話することができます． スクショ機能でかわいい瞬間を保存することもできます！ チャットの内容をネガポジ判定することによってAIの感情を再現 しており，行動や言動がチャット内容に応じて変化します． また，返信の読み上げもしてくれます！ スクショ機能でうちの子のかわいい瞬間を保存することもできます！ https://uroidchat.herokuapp.com/
10. 機能紹介 ・しりとり機能 うちの子としりとりすることができます。 じっくりモードでは制限時間なしでしりとりをすることができます。 タイマーモードでは制限時間内に回答しないと負けとなります…。 難易度”むずかしい”に勝つことができるかな？ https://uroidchat.herokuapp.com/
11. 機能紹介 ・クイズ機能 国旗クイズ・旬の野菜クイズ・県庁所在地クイズ・ 基本情報クイズなどの様々なジャンルのクイズを解くことができます。 たくさん挑戦してランキング上位をめざしましょう！ https://uroidchat.herokuapp.com/
12. 機能紹介 ・おえかき機能 友達と一緒にチャットしながらお絵描きを楽しむことができます。 好きなルームを選んで入室してくださいね。 また、ペンの太さを変更したり、描いた絵を保存することもできます！ https://uroidchat.herokuapp.com/
13. 機能紹介 https://uroidchat.herokuapp.com/ ・にがおえ機能 画像を選択するとうちの子がその画像を手書き風に変換してくれます！ 完成した画像は保存することができます。
14. Teamうどん 池田柳之介 バックエンド担 当 Twitter @ImR0305 柳田祐奈 フロントエンド担当 Twitter @sirokuma_diary 國司礼音 インフラ，3Dモデル担当 Twitter @924leon1 Special thanks みかたま Voice 担当 https://uroidchat.herokuapp.com/ @team_udn
15. DEMO https://youtu.be/ghA9UzULNbQ