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
220
眠眠ガチャ:ガチャを活用した睡眠意欲向上アプリの開発 / EC71inui
yumulab
1
180
待機電力を削減したネットワーク更新型電子ペーパーサイネージの開発と評価 / IOT64
yumulab
0
110
CARMUI:自動運転車遠隔監視システムのUI検討のためのバーチャル都市プラットフォームの開発 / CARMUI-i2024
yumulab
0
120
GRAB:VRコントローラに握力感知機能を追加する拡張センサ / GRAB-i2024
yumulab
0
78
RolBo – 巻ける電光掲示板の開発 / RolBo-i2024
yumulab
0
72
ニューラルネットワークを用いた床面圧力センサによる靴の種類の識別 / shoes-i2024
yumulab
0
69
Jadwelry:フィンガーブレスレット型疲労通知デバイスの開発 / Jadwelry-i2024
yumulab
0
55
床面圧力センサ開発における感圧導電シート分離方式の検討 / WISS2023
yumulab
0
280
Other Decks in Technology
See All in Technology
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Musicを例に~
otanet
0
320
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
6
1.3k
障害対応をちょっとずつよくしていくための 演習の作りかた
heleeen
1
1.8k
本当のガバクラ基礎
toru_kubota
0
190
GrafanaMeetup_AmazonManagedGrafanaのアクセス制御機能とマルチテナント環境下でのアクセス制御について
daitak
0
470
類似ロジック実装をiOS/Android間で合わせる道標No.1
fumiyasac0921
1
150
コードファーストの考え方。 Amplify Gen2から学ぶAWS次世代のWeb開発体験
yoshiitaka
2
530
今さら聞けないDocker入門 〜 Dockerfileのベストプラクティス編
devops_vtj
21
6.2k
中年男性がメインフレームから クラウドへキャリアシフトしてみた
uechishingo
1
420
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
7
1.4k
IaCジェネレーターとBedrockで詳細設計書を生成してみた
tsukasa_ishimaru
4
940
IaCからAWSに入門した初心者が CloudFormationを通して考えた「AWS操作」の使い分け
maimyyym
3
610
Featured
See All Featured
Docker and Python
trallard
35
2.7k
What's in a price? How to price your products and services
michaelherold
238
11k
The Brand Is Dead. Long Live the Brand.
mthomps
49
29k
How to train your dragon (web standard)
notwaldorf
75
5.2k
How STYLIGHT went responsive
nonsquared
92
4.8k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
Fantastic passwords and where to find them - at NoRuKo
philnash
39
2.5k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Making the Leap to Tech Lead
cromwellryan
125
8.5k
Automating Front-end Workflow
addyosmani
1357
200k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
22
1.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
275
13k
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