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
200
人間とコンピュータの関係を研究!? ヒューマンコンピュータインタラクションの世界 / oc2023
北海道情報大学オープンキャンパス模擬講義「人間とコンピュータの関係を研究!? ヒューマンコンピュータインタラクションの世界」の資料
yumulab
October 20, 2023
Tweet
Share
More Decks by yumulab
See All by yumulab
ASSADS:ASMR動画に合わせて撫でられる感覚を提示するシステムの開発と評価 / ec75-shimizu
yumulab
1
400
ウッドスタックチャン:木材を用いた小型エージェントロボットの開発と印象評価 / ec75-sato
yumulab
1
420
MGDSS:慣性式モーションキャプチャを用いたジェスチャによるドローンの操作 / ec75-yamauchi
yumulab
0
260
チャッドローン:LLMによる画像認識を用いた自律型ドローンシステムの開発と実験 / ec75-morisaki
yumulab
1
490
NOVVS:北海道情報大学図書館における滞在人数可視化システムの開発と検証 / i2025-minami
yumulab
0
92
CHaserWeb:ブラウザ上で動作する対戦型プログラミング学習環境の提案と評価 / i2025-inoue
yumulab
0
240
CARMUI-NET:自動運転車遠隔監視のためのバーチャル都市プラットフォームにおける通信品質変動機能の開発と評価 / UBI85
yumulab
0
250
待機電力を削減したネットワーク更新型電子ペーパーサイネージの研究開発 / UBISympo2025
yumulab
0
110
デジタルファブリケーションの未来を北海道・札幌から考える / SIAF School 2025
yumulab
0
110
Other Decks in Technology
See All in Technology
PO初心者が考えた ”POらしさ”
nb_rady
0
220
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
500
LLM時代の検索
shibuiwilliam
2
620
United Airlines Customer Service– Call 1-833-341-3142 Now!
airhelp
0
170
スタートアップに選択肢を 〜生成AIを活用したセカンダリー事業への挑戦〜
nstock
0
270
60以上のプロダクトを持つ組織における開発者体験向上への取り組み - チームAPIとBackstageで構築する組織の可視化基盤 - / sre next 2025 Efforts to Improve Developer Experience in an Organization with Over 60 Products
vtryo
2
630
インフラ寄りSREの生存戦略
sansantech
PRO
8
3.3k
【あのMCPって、どんな処理してるの?】 AWS CDKでの開発で便利なAWS MCP Servers特集
yoshimi0227
6
600
Four Keysから始める信頼性の改善 - SRE NEXT 2025
ozakikota
0
130
20250708オープンエンドな探索と知識発見
sakana_ai
PRO
3
550
[SRE NEXT] ARR150億円_エンジニア140名_27チーム_17プロダクトから始めるSLO.pdf
satos
3
1.7k
Rethinking Incident Response: Context-Aware AI in Practice
rrreeeyyy
1
230
Featured
See All Featured
The Cult of Friendly URLs
andyhume
79
6.5k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
GraphQLとの向き合い方2022年版
quramy
49
14k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Being A Developer After 40
akosma
90
590k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Why Our Code Smells
bkeepers
PRO
336
57k
Music & Morning Musume
bryan
46
6.7k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
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