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
21
技育展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
87
Open Hack U 発表資料(チームうどん)
imr0305
0
28
JPHacks2021 発表資料(チームうどん)
imr0305
0
30
自己紹介スライド
imr0305
0
670
RPNを完全に理解しよう
imr0305
0
180
RLSP2021資料
imr0305
0
160
技育展2020 登壇資料(チームうどん)
imr0305
0
150
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
25
5.8k
Making Projects Easy
brettharned
108
5.5k
Web Components: a chance to create the future
zenorocha
305
41k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
A Tale of Four Properties
chriscoyier
151
22k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
Building Flexible Design Systems
yeseniaperezcruz
319
37k
Navigating Team Friction
lara
178
13k
Teambox: Starting and Learning
jrom
128
8.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
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