Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
技育展2021 発表資料(チームうどん)
Search
Ryunosuke-Ikeda
August 05, 2021
0
32
技育展2021 発表資料(チームうどん)
うちの子と話せるAIチャットアプリ "URoidchat"
デモ動画
https://youtu.be/ghA9UzULNbQ
Ryunosuke-Ikeda
August 05, 2021
Tweet
Share
More Decks by Ryunosuke-Ikeda
See All by Ryunosuke-Ikeda
映像情報を活用した次世代のAIアシスタントシステム"Salieri" 資料
imr0305
0
150
Open Hack U 発表資料(チームうどん)
imr0305
0
49
JPHacks2021 発表資料(チームうどん)
imr0305
0
46
自己紹介スライド
imr0305
0
1.7k
RPNを完全に理解しよう
imr0305
0
320
RLSP2021資料
imr0305
0
210
技育展2020 登壇資料(チームうどん)
imr0305
0
190
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1031
460k
Rails Girls Zürich Keynote
gr2m
95
14k
Embracing the Ebb and Flow
colly
86
4.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
182
54k
Why Our Code Smells
bkeepers
PRO
337
57k
Agile that works and the tools we love
rasmusluckow
329
21k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Being A Developer After 40
akosma
90
590k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Faster Mobile Websites
deanohume
308
31k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.7k
Transcript
うちの子と話せるAIチャットアプリ
制作動機 ・コロナで誰にも会えず寂しい.... ・話し相手がほしい.... 自分好みのアバターとチャットできる AIチャットアプリを作ろう!!!!!
作品URL ・URL ¥¥ PC&Chrome限定! // ※初回起動には少し時間がかかります. https://uroidchat.herokuapp.com/ もしくは “URoidChat”で検索 →githubのReadmeにあるリンクをクリック
こちら https://uroidchat.herokuapp.com/
作品URL 機能一覧: ・対話機能(音声認識&読み上げ) ・ネガポジ判定によるAIの表情や言動仕草の変化(感情の再現) ・3Dモデル(vrmファイル)アップロード機能 ・同時編集機能によるお絵描き&チャット機能 ・ランキング機能 ・ボイス機能 https://uroidchat.herokuapp.com/
使用技術 https://uroidchat.herokuapp.com/
こだわった点 ・とにかく世界観を「無駄に」こだわった ・SEなどを取り入れより”ゲーム感”を強くした ・世界観にこだわったUIにした. ・楽しく話すためにチャット内容のネガポジ判定でAIの感情を表現! ・話した言葉に応じて動く! ・軽量化への工夫を行った ・3Dモデルの読み込み回数を減らすために機能ごとにSPAを目指した ・画像やソースコードの最適化をした https://uroidchat.herokuapp.com/
こだわった点(UI部分) ・ふよふよのデザインを自作しました! ・消しゴムのアイコンをCSSで自作しました! ・レスポンシブ対応してます😊 https://uroidchat.herokuapp.com/
難しかった点 ・Three.js初挑戦 立体って難しい! ・vrmの扱いが分からぬ ・socketなんもわからん ・Docker+Herokuのデプロイ ・多くの技術を用いた大規模コードでの開発で思わぬエラーが多かった ・しりとりが想像以上に難しかった https://uroidchat.herokuapp.com/
機能紹介 ・チャット機能 うちの子の自由に会話することができます. スクショ機能でかわいい瞬間を保存することもできます! チャットの内容をネガポジ判定することによってAIの感情を再現 しており,行動や言動がチャット内容に応じて変化します. また,返信の読み上げもしてくれます! スクショ機能でうちの子のかわいい瞬間を保存することもできます! https://uroidchat.herokuapp.com/
機能紹介 ・しりとり機能 うちの子としりとりすることができます。 じっくりモードでは制限時間なしでしりとりをすることができます。 タイマーモードでは制限時間内に回答しないと負けとなります…。 難易度”むずかしい”に勝つことができるかな? https://uroidchat.herokuapp.com/
機能紹介 ・クイズ機能 国旗クイズ・旬の野菜クイズ・県庁所在地クイズ・ 基本情報クイズなどの様々なジャンルのクイズを解くことができます。 たくさん挑戦してランキング上位をめざしましょう! https://uroidchat.herokuapp.com/
機能紹介 ・おえかき機能 友達と一緒にチャットしながらお絵描きを楽しむことができます。 好きなルームを選んで入室してくださいね。 また、ペンの太さを変更したり、描いた絵を保存することもできます! https://uroidchat.herokuapp.com/
機能紹介 https://uroidchat.herokuapp.com/ ・にがおえ機能 画像を選択するとうちの子がその画像を手書き風に変換してくれます! 完成した画像は保存することができます。
Teamうどん 池田柳之介 バックエンド担 当 Twitter @ImR0305 柳田祐奈 フロントエンド担当 Twitter @sirokuma_diary
國司礼音 インフラ,3Dモデル担当 Twitter @924leon1 Special thanks みかたま Voice 担当 https://uroidchat.herokuapp.com/ @team_udn
DEMO https://youtu.be/ghA9UzULNbQ