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
100
人間とコンピュータの関係を研究!? ヒューマンコンピュータインタラクションの世界 / oc2023
北海道情報大学オープンキャンパス模擬講義「人間とコンピュータの関係を研究!? ヒューマンコンピュータインタラクションの世界」の資料
yumulab
October 20, 2023
Tweet
Share
More Decks by yumulab
See All by yumulab
BADUI探訪 / BADUI Exploration
yumulab
0
10
情報の世界 2024年度 第12回「個人のデータ」 #情報の世界 / Data of Individual 2024
yumulab
0
72
情報の世界 2024年度 第11回「都市のデータ」 #情報の世界 / Data of City 2024
yumulab
0
130
情報の世界 2024年度 第10回「データとセンシングの概要」 #情報の世界 / Data and Sensing 2024
yumulab
0
210
情報メディア入門I 2024 ヒューマンコンピュータインタラクション / IM1-2024
yumulab
0
75
情報メディア学I 2024年度 「インタフェース×AI」 / Interface x AI 2024
yumulab
1
55
サウナでのプロジェクションマッピングの可能性の検討 / EC71koizumi
yumulab
0
450
眠眠ガチャ:ガチャを活用した睡眠意欲向上アプリの開発 / EC71inui
yumulab
1
540
待機電力を削減したネットワーク更新型電子ペーパーサイネージの開発と評価 / IOT64
yumulab
0
240
Other Decks in Technology
See All in Technology
大規模ドラレコデータ収集・機械学習基盤を支える AWS CDK 〜導入・運用事例紹介〜
pemugi
0
110
[2024最新版]AWS Control Towerを使ったセキュアなマルチアカウント環境の作り方
hiashisan
0
270
CEL(Common Expression Language)で書いた条件にマッチしたIAM Policyを見つける / iam-policy-finder
fujiwara3
0
710
Docker互換のセキュアなコンテナ実行環境「Podman」超入門
devops_vtj
6
3.2k
How to Think Like a Performance Engineer
csswizardry
4
590
テストケースの自動生成に生成AIの導入を試みた話と生成AIによる今後の期待
shift_evolve
0
180
ここがすごいよ! AWS Systems Manager!
saichan11
0
1.8k
DDDにおける認可の扱いとKotlinにおける実装パターン / authorization-for-ddd-and-kotlin-implement-pattern
urmot
4
390
20240724_cm_odyssey_hibiyatech
hiashisan
0
110
目標設定は好きですか? アジャイルとともに目標と向き合い続ける方法 / Do you like target Management?
kakehashi
10
3k
Datadog Cloud SIEMを使ってAWS環境の脅威を可視化した話/lifeistech-datadog-cloud-siem
gidajun
0
480
Scaling Technical Excellence at 104: Evolution in AWS and Developer Empowerment
scotthsieh825
1
150
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Leading Effective Engineering Teams 2024
addyosmani
3
300
Designing for Performance
lara
604
67k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
34
1.9k
Large-scale JavaScript Application Architecture
addyosmani
506
110k
Creatively Recalculating Your Daily Design Routine
revolveconf
214
11k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
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