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
人間とコンピュータの関係を研究!? ヒューマンコンピュータインタラクションの世界 / oc2023
Search
yumulab
October 20, 2023
Technology
0
65
人間とコンピュータの関係を研究!? ヒューマンコンピュータインタラクションの世界 / oc2023
北海道情報大学オープンキャンパス模擬講義「人間とコンピュータの関係を研究!? ヒューマンコンピュータインタラクションの世界」の資料
yumulab
October 20, 2023
Tweet
Share
More Decks by yumulab
See All by yumulab
サウナでのプロジェクションマッピングの可能性の検討 / EC71koizumi
yumulab
0
190
眠眠ガチャ:ガチャを活用した睡眠意欲向上アプリの開発 / EC71inui
yumulab
1
160
待機電力を削減したネットワーク更新型電子ペーパーサイネージの開発と評価 / IOT64
yumulab
0
110
CARMUI:自動運転車遠隔監視システムのUI検討のためのバーチャル都市プラットフォームの開発 / CARMUI-i2024
yumulab
0
110
GRAB:VRコントローラに握力感知機能を追加する拡張センサ / GRAB-i2024
yumulab
0
74
RolBo – 巻ける電光掲示板の開発 / RolBo-i2024
yumulab
0
69
ニューラルネットワークを用いた床面圧力センサによる靴の種類の識別 / shoes-i2024
yumulab
0
69
Jadwelry:フィンガーブレスレット型疲労通知デバイスの開発 / Jadwelry-i2024
yumulab
0
55
床面圧力センサ開発における感圧導電シート分離方式の検討 / WISS2023
yumulab
0
280
Other Decks in Technology
See All in Technology
.NET Profiler in 2024.
kkamegawa
2
1.5k
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
510
IaCジェネレーターとBedrockで詳細設計書を生成してみた
tsukasa_ishimaru
4
890
家族アルバム みてねにおけるGrafana活用術 / Grafana Meetup Japan Vol.1 LT
isaoshimizu
1
1k
Microsoft for Startups Founders Hub_20240429 update
daikikanemitsu
1
2.4k
Improve Your Development Workflow with Gemini Code Assist
meteatamel
0
130
LayerXにおけるLLMプロダクト開発の今までとこれから
layerx
PRO
4
720
自己改善からチームを動かす! 「セルフエンジニアリングマネージャー」のすゝめ
shoota
6
1k
web-application-security
matsuihidetoshi
1
190
MixIT 2024 - Pulumi : Gérer son infra avec son langage de programmation préféré
ju_hnny5
1
120
地理空間データ可視化・解析・活用ソリューション Pacific Spatial Solutions (PSS)
pacificspatialsolutions
0
330
【SORACOM UG 東海】あらゆるモノがつながる社会へ、IoT と SORACOM
soracom
PRO
1
140
Featured
See All Featured
Six Lessons from altMBA
skipperchong
22
3k
Art, The Web, and Tiny UX
lynnandtonic
290
19k
Creatively Recalculating Your Daily Design Routine
revolveconf
211
11k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
22
1.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
17
2.7k
The Brand Is Dead. Long Live the Brand.
mthomps
49
29k
Visualization
eitanlees
137
14k
How to train your dragon (web standard)
notwaldorf
75
5.2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
20
1.6k
A better future with KSS
kneath
231
16k
Documentation Writing (for coders)
carmenintech
60
4k
Transcript
ւಓใେֶ ใϝσΟΞֶ෦ ใϝσΟΞֶՊ ౬ଜ ཌྷ !"#$%&'()*+,-./01 3'(4%$%&'()5%)6789%*:; !"#$#%&'('!"#$#)*+ "#$#,*!-./0.1.-*23*4305 ࢿྉΞοϓϩʔυࡁ
https://speakerdeck.com/yumulab/oc2023
!"#$ • ౬ଜ ཌྷ (ΏΉΒ ͭ͞) @yumu19 / @yumulab •
ใϝσΟΞֶՊ ।ڭत (2021/04ʙ) • ઐใՊֶɺಛʹΠϯλϑΣʔεɺηϯγϯάɺIoTɺVRɺωοτϫʔΫ • ܦྺ • ࡳຈ։ߴֶߍ ଔۀ • ւಓେֶ ཧֶ෦ ٿՊֶՊ ଔۀ • ౦ژେֶେֶӃ ཧֶܥݚڀՊ ٿՊֶઐ߈ म࢜՝ఔ • ઌՊֶٕज़େֶӃେֶ ใՊֶݚڀՊ ใՊֶઐ߈ ത࢜՝ఔ • 2008-2011 גࣜձࣾ౦ࣳʢωοτϫʔΫՈిͷݚڀ։ൃͳͲʣ • 2011-2013 ΫδοτגࣜձࣾʢଌҐΞϓϦɺΠϯλϥΫςΟϒలࣔͷ։ൃɾPMͳͲʣ • 2013-2014 ϑϦʔϥϯεΤϯδχΞɾ߹ಉձࣾPhysVis දࣾһCEOʢiOSΞϓϦέʔγϣϯͷडୗ։ൃͳͲʣ • 2015-2021 ࠃཱݚڀ։ൃ๏ਓใ௨৴ݚڀػߏʢωοτϫʔΫςετϕουɺແઢωοτϫʔΫΤϛϡϨʔλͷݚڀͳͲʣ 2
%&'( • ֎ઢΛར༻ͨ͠2࣍ݩใϚʔΧ (ARϚʔΧɺQRίʔυ) • ϓϥΠόγʔʹྀͨ͠ใϚʔΧͷར༻͕Մೳɺ҉͍ॴͰ ͑Δ 3
)*+,('-./ • HMDͱλϒϨοτΛ༻͍ͨVRαοΧʔ࡞ઓ൫ 4
01234564789:;52 • ө૾ΤϑΣΫτΛΩʔԡԼ࣌ʹ༩͠ɺλΠϐϯάମݧΛ֦ு 5
<=>?@,ABC • ৸ͯΔ͕͍࣌ؒͬͨͳ͍ → ৸ͯΔؒʹήʔϜΛϓϨΠ͠ ࣌ؒΛ༗ޮ׆༻ 6
DEFGHIJ • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯ • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯͱ • ݚڀհ • ֶձҎ֎ͷൃදɾใऩू •
ҰݟςΫϊϩδʔܥͷ͕ଟΊʹݟ͑Δ͔͠Ε·ͤ Μ͕ɺσβΠϯͷͰ͋Γ·͢ 7
KL'&MNMOL'PQMPRASTMUV 8 ਓؒͱίϯϐϡʔλͷؔੑʹ͍ͭͯͷݚڀͰ͋Δʢͬ͘͟Γʣ Human ਓؒ Computer ίϯϐϡʔλ Interaction ΠϯλϥΫγϣϯ HCIͱུ͞ΕΔ
KL'&MNMOL'PQMPRASTMFWXUV • ਓ͕ؒίϯϐϡʔλΛ͏ͨΊͷΠϯλϑΣʔε(ڥք)ͷݚڀ • ৽͍͠ΠϯλϑΣʔεͷݚڀ։ൃ • ΠϯλϑΣʔεʹؔ͢Δௐࠪݚڀ • ίϯϐϡʔλ͕ਓؒʹ༩͑ΔӨڹͷݚڀʢ৺ཧֶతݚڀʣ •
ίϯϐϡʔλ͕ਓؒͷ׆ಈΛࢧԉ͢ΔγεςϜͷݚڀ • ͳͲ • ͱͯ෯͍ 9
QMPYZ'[ • 1) ϋʔυΣΞΠϯλϑΣʔε • ػցͱػցͷڥք • USBɺHDMIͳͲ • 2)
Application Programming Interface (API) • αʔόͱΫϥΠΞϯτͷڥք • ϝΠϯϓϩάϥϜͱϥΠϒϥϦͷڥք • 3) User Interface (UI) • ίϯϐϡʔλΛ͏ਓͱίϯϐϡʔλͷڥք 10 ใٕज़(IT)ͷੈքͰΑ͘ొ͢ΔΠϯλϑΣʔε ࣄྖҬͳͲΛ͚Δڥͷ͜ͱ ڥք - Wikipedia (2021/06/14Ӿཡ) ڥքɿ ࠓ͜Ε
QMPYZ'[ • ೖྗΠϯλϑΣʔεͱग़ྗΠϯλϑΣʔε • ೖྗΠϯλϑΣʔε • ϚεɺΩʔϘʔυͳͲ • ग़ྗΠϯλϑΣʔε •
σΟεϓϨΠɺεϐʔΧʔͳͲ 11
\']QMPYZ'[^_`ab 12 Ϩάβ७ਖ਼ΦϓγϣϯϦϞίϯ ʛςϨϏʛREGZAɿ౦ࣳ https://www.regza.com/ regza/option/remo/ ER-W16 | ిࢠϨϯδ/ΦʔϒϯϨϯδ |
౦ࣳϥΠϑελΠϧגࣜձࣾ https://www.toshiba-lifestyle.com/ jp/microwaves/er-w16/ ιϑτΣΞ (ը໘) ϋʔυΣΞ (Ϙλϯ)
QMPYZ'[WX • Sketchpad - CG, CAD, VR (Ivan Sutherland, 1963)
• oN-Line System(NLS) - Mouse, GUI (Douglas Engelbart, 1968) • Dynabook (Alan Kay, 1968) 13
cZdR?efgQ[ 14 ϝΨω (JINS MEME) JINS MEME https://jinsmeme.com/ Apple Watch
Series 3 https://www.apple.com/jp/shop/buy-watch/apple-watch-series-3 Apple Watch
haij^klkl 15 JINS MEME https://jinsmeme.com/ ¥19,800 + ¥500/݄(1ແྉ)
haij^klkl 16
)6154m^n^haij^klkl 17 Vtuner | JINS MEME https://jinsmeme.com/vtuner/
None
o'STMpqrsq^t^3uvu:; 19 ϞόΠϧϞʔγϣϯΩϟϓνϟʔ:Մೳੑɺແݶେɻ͍ͪͯ͘͞ɺ͔Δ͍ɺϞόΠϧϞʔγϣϯΩϟϓνϟʔ mocopiʢϞίϐʣʲιχʔެࣜʳ https://youtu.be/ovHHpralCD8
o'STMpqrsq^t^3uvu:; 20
jw;5xy:4m 21 SkinPaper: Exploring Opportunities for Woven Paper as a
Wearable Material for On-Skin Interactions - YouTub e https://www.youtube.com/watch?v=ydAO186J3o4
z{QMPYZ'[F|} 22 [CHI2020] Norimaki Synthesizer: Taste Display Using Ion Electrophoresis
in Five Gels - YouTub e https://www.youtube.com/watch?v=7HIm4LoAZxU
~•€•‚ƒ„…†‡ˆ‰Š‹Œ'ep,• 23 E-Orthosis: Augmenting Off-the-shelf Orthoses with Electronics - YouTub
e https://www.youtube.com/watch?v=YNetyKD26qI
)81Ž4mF••‘‡’“” 24 LivEdge siggraph2023 video - YouTub e https://www.youtube.com/watch?v=08aEhiMcGTU
•–—‚ƒ„˜™‡ˆ‰Š‹ 25 Crafting Interactive Circuits on Glazed Ceramic Ware -
YouTub e https://www.youtube.com/watch?v=P-K3AfB3AuM
š‰›Fœf•[ržQ 26 BubBowl: Display Vessel Using Electrolysis Bubbles in Drinkable
Beverages - YouTub e https://www.youtube.com/watch?v=QDoqyS9K7NE
)*Ÿ IF¡¢‡›£¤¥FOM¦§¨ 27 Elevate: A Walkable Pin-Array for Large Shape-Changing
Terrains - YouTub e https://www.youtube.com/watch?v=R1NzSW3MdPw
©cªF«¬F-f©®¯S[°ª 28 Kleinberger et al., Birds of a Feather Video-Flock
Together: Design and Evaluation of an Agency- Based Parrot-to-Parrot Video-Calling System for Interspecies Ethical Enrichment .
QR[•±²‚³´”NµL¶·'STM¸¹ 29 We-toon Video - YouTube https://www.youtube.com/watch?v=csZMW-e5cC0
º¢»FWX 30 [Preview] Patch-O: Shape Changing Woven Patches for On
Body Actuation - YouTub e https://www.youtube.com/watch?v=l9x-HROUfy0
¼½¾½¿ÀÁ‚”ÃÄf•[ržQ 31 ArticuLev: An Integrated Self-Assembly Pipeline for Articulated Multi-Bead
Levitation Primitives - YouTub e https://www.youtube.com/watch?v=jnQEMg_iwQk
ÅÆÇÈ”NMOL'P_É£ÊË€Ìb 32 Logic Bonbon: Food as Computational Artifact - YouTub
e https://www.youtube.com/watch?v=U0K7quCUzT8
QMPYZ'[‚ÍΔÏÐWXFÑ • େᆘ༸հɼബӋେथɼࢁதଠɼٶԼ๕໌ɽը໘֯ͱը໘ͷλʔήοτஔ͕ ૢ࡞࣌ؒʹ༩͑ΔӨڹɼݚڀใࠂώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯ ʢHCIʣɼVol.2022-HCI-197ɼIssue.1ɼNo.55ɼpp.1-8ɼ2022ɽ 33
Ò@Ó,•‡ÔÕC«QMPYZ'[ 34 Zooids: Building Blocks for Swarm User Interfaces -
YouTub e https://www.youtube.com/watch?v=8Ik7V_QH5wk
)81Ž4mUÖ×ØFÍÙ>FÏÐ 35 More Kawaii than a Real-Person Streamer: Understanding How
the Otaku Community Engages with and ... - YouTub e https://www.youtube.com/watch?v=IuMhbo0MZrU
ÚM[ÛÜÝÞ¸¹S[°ª 36 ଟࢹμϯεө૾ͷΠϯλϥΫςΟϒฤूγεςϜ - YouTub e https://www.youtube.com/watch?v=IzhDQhCcnx4
ßàáâãäåæWXFçèÞ¬”Fé • ʲΦεεϝʳTwitter @shiropen2 ΛϑΥϩʔ • ࠃͷγϯϙδϜΛݟΔ(YouTube৴ͰແঈࢹௌՄ) • EC(ΤϯλςΠϯϝϯτίϯϐϡʔςΟϯάγϯϙδϜ) •
WISS • ΠϯλϥΫγϣϯ • ࠃࡍձٞ(CHI, UIST, SIGGRAPH)ͷςΟβʔಈըΛݟΔ • ࠃࡍձٞ(CHI, UIST, SIGGRAPH)ͷษڧձ(ຊޠ)ʹࢀՃ͢Δ 37
çèêf•dëìFÍíGH • σβΠϯܥςΫϊϩδʔܥ෯ؔ͋͘Δ • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯʢେֶӃʣ • େֶӃਐֶ͠Α͏ʂ • ৽͍͠ΠϯλϑΣʔεͷ։ൃʹϋʔυΣΞ։ൃͷεΩϧ͕͋ Δͱ͍͍
• → ϝσΟΞϓϩάϥϛϯάԋश (2ޙظ) 38
êf•dr@îRµMîÊï^_ðñòób • ArduinoΛͬͯϑΟδΧϧίϯϐϡʔςΟϯάΛֶͿ • LEDɺηϯαɺϞʔλͳͲͷ͍ํΛֶͿ • Tinkercad (͘͢͝ྑ͘ग़དྷͯΔγϛϡϨʔλ) ׆༻ 39
WXVôFõ‚ÃöFé • Θ͔Βͳ͍ (※ݚڀςʔϚʹΑΓ·͢) • 3ޙʹʹཱ͔ͭ͠Εͳ͍͠ɺ50ޙʹʹཱ͔ͭ͠Εͳ͍͠ɺʹཱͨͳ͍͔͠ Εͳ͍ • কདྷʹཱͭͷ͕Կ͔୭ʹΘ͔Βͳ͍ •
ඞཁʹͳ͔ͬͯΒݚڀͯؒ͠ʹ߹Θͳ͍ • ྫɿiPhone͕Ͱ͖Δͣͬͱલ͔ΒϚϧνλονͷݚڀ͞Ε͍ͯͨ 40 Rekimoto, SmartSkin: An Infrastructure for Freehand Manipulation on Interactive Surfaces (2002)
÷ø¦WXΔFé • ਓྨʹͱͬͯ • ࣝͷ֦େ • ͍ͭͲ͜ͰͲΜͳ͕ࣝʹཱͭͷ͔Θ͔Βͳ͍ʢࡂͳͲʣ • ৽͍ٕ͠ज़͕ੜ·ΕΔͱ๛͔ʹͳΔ →
ࢿຊओٛͷཱٕज़ֵ৽͕લఏ • େֶੜʹͱͬͯ • ੜ্͖͍ͯ͘ͰཱͭεΩϧΛຏ͘͜ͱ͕Ͱ͖Δ • ະͷঢ়ଶ͔ΒௐΔʢจݙௐࠪʣ • ࣝͷਤΛඳ͘ʢࣝɾใͷཧʣ • ԾઆͷཱҊͱݕূ • ਓʹ͑Δʢจষͷॻ͖ํɺϓϨθϯςʔγϣϯʣ • ใϝσΟΞֶՊͰ3ੜ͔Βθϛଐ͞Ε·͢ • 2ؒ͡ΌΓͳ͍ → େֶӃʂ 41
ë®ùú‚ûäåæûF‚üÈ”ý®þÿ” • ݚڀ / ֶձϋʔυϧ͕ߴ͍ • Կ͔Λ࡞ָͬͯ͠Έ͍ͨ • Maker Faire
• ώʔϩʔζϦʔά • ͷͮ͘Γθϛ 42
kyw4m^!y;m4 • ͷͮ͘Γͷࡇయ • झຯͰ࡞ͬͨͷΛɹ లࣔ • ੈք֤ࠃͰ։࠵ • ຊͰ౦ژɺژɺ
େ֞ɺࢁޱɺͭ͘ɺ ઋɺদ 43
kyw4m^!y;m4F-†Ñ 44 Human Controller, ු͘શࣗಈϧʔϏοΫΩϡʔϒ https://youtu.be/2vG-YtRmBSw
K'@'"#'î • ͷͮ͘Γίϯςετ https://heroes-league.net/ • ࠓશΦϯϥΠϯͰ։࠵ • ࡞ΞʔΧΠϒαΠτProtopediaʹશ࡞ܝࡌ https://protopedia.net/ 45
K'@'"#'îF-†Ñ 46 Star ˑ Jam Street ʙਗ਼ָثԻָເʙ https://youtu.be/4QAUfQ7c6DY
K'@'"#'îF-†Ñ 47 Yukio Shinoda, Glowing Air-Bubble Clock - ver.2 with
origin; powered by ESP8266 https://youtu.be/wvD58wH-RZA
xmu6ux47;y 48 https://protopedia.net/
$`$li 49 https://gugen.jp/
ûF%&>'µ • ʮΞΠ デ ΞΛܗʹ͢ΔʯΛςʔϚʹͷ づ ͘ΓΛߦ͏Jθ ϛ(ࣗओ ゼ ϛ)
• ୲ڭһɿ⁋ ॱฏɾ౬ଜ ཌྷ • ݄1ճ։࠵ • Twitter: @HIU_Maker 50
()*+ 51 ϑϥϯΫɾϞε .*5ϝσΟΞϥϘʕຐ๏ͷ Πϊϕʔγϣϯɾύϫʔ όʔνϟϧϦΞϦςΟֶ
ᬑܙଠ ༥͚ΔσβΠϯʕ ϋʔυºιϑτºωοτ࣌ͷ ৽ͨͳઃܭ ॹํᆹਓ ίϯϰΟϰΟΞϧɾ ςΫϊϩδʔ
()8,;664m 52 @shiropen2 @make_jp @fabcrossjp
³Ù>‚ 53 • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯਓؒͱίϯϐϡʔλͷؔੑʹ͍ͭͯͷݚڀ • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯݚڀΠϯλϑΣʔεݚڀʢ͚ͩ͡Όͳ͍͚Ͳʣ • ৽͍͠ϢʔβΠϯλϑΣʔεΛߟ͑Δ͜ͱɺະདྷΛσβΠϯ͢Δ͜ͱ • ֶ֎ʹ͕͍ͬͯΔΠϯϓοτɾΞτϓοτͷʹΛ͚Α͏
!"#$#)*+ "#$#,*!-./0.1.-*23*4305