人間とコンピュータの関係を研究！？ ヒューマンコンピュータインタラクションの世界 / oc2023

北海道情報大学オープンキャンパス模擬講義「人間とコンピュータの関係を研究！？ ヒューマンコンピュータインタラクションの世界」の資料

Transcript

1. ๺ւಓ৘ใେֶ ৘ใϝσΟΞֶ෦ ৘ใϝσΟΞֶՊ ౬ଜ ཌྷ !"#$%&'()*+,-./01 3'(4%$%&'()5%)6789%*:; !"#$#%&'('!"#$#)*+ "#$#,*!-./0.1.-*23*4305 ࢿྉ͸Ξοϓϩʔυࡁ https://speakerdeck.com/yumulab/oc2023
2. !"#$ • ౬ଜ ཌྷ (ΏΉΒ ͭ͹͞) @yumu19 / @yumulab • ৘ใϝσΟΞֶՊ ।ڭत (2021/04ʙ) • ઐ໳͸৘ใՊֶɺಛʹΠϯλϑΣʔεɺηϯγϯάɺIoTɺVRɺωοτϫʔΫ౳ • ܦྺ • ࡳຈ։੒ߴ౳ֶߍ ଔۀ • ๺ւಓେֶ ཧֶ෦ ஍ٿՊֶՊ ଔۀ • ౦ژେֶେֶӃ ཧֶܥݚڀՊ ஍ٿ࿭੕Պֶઐ߈ म࢜՝ఔ • ๺཮ઌ୺Պֶٕज़େֶӃେֶ ৘ใՊֶݚڀՊ ৘ใՊֶઐ߈ ത࢜՝ఔ • 2008-2011 גࣜձࣾ౦ࣳʢωοτϫʔΫՈిͷݚڀ։ൃͳͲʣ • 2011-2013 Ϋ΢δοτגࣜձࣾʢ԰಺ଌҐΞϓϦɺΠϯλϥΫςΟϒలࣔͷ։ൃɾPMͳͲʣ • 2013-2014 ϑϦʔϥϯεΤϯδχΞɾ߹ಉձࣾPhysVis ୅දࣾһCEOʢiOSΞϓϦέʔγϣϯͷडୗ։ൃͳͲʣ • 2015-2021 ࠃཱݚڀ։ൃ๏ਓ৘ใ௨৴ݚڀػߏʢωοτϫʔΫςετϕουɺແઢωοτϫʔΫΤϛϡϨʔλͷݚڀͳͲʣ 2
3. %&'( • ೤੺֎ઢΛར༻ͨ͠2࣍ݩ৘ใϚʔΧ (ARϚʔΧɺQRίʔυ౳) • ϓϥΠόγʔʹ഑ྀͨ͠৘ใϚʔΧͷར༻͕Մೳɺ҉͍৔ॴͰ΋࢖ ͑Δ 3
4. )*+,('-./ • HMDͱλϒϨοτΛ༻͍ͨVRαοΧʔ࡞ઓ൫ 4
5. 01234564789:;52 • ө૾ΤϑΣΫτΛΩʔԡԼ࣌ʹ෇༩͠ɺλΠϐϯάମݧΛ֦ு 5
6. <=>?@,ABC • ৸ͯΔ͕࣌ؒ΋͍ͬͨͳ͍ → ৸ͯΔؒʹήʔϜΛϓϨΠ͠ ࣌ؒΛ༗ޮ׆༻ 6
7. DEFGHIJ • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯ • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯͱ͸ • ݚڀ঺հ • ֶձҎ֎ͷൃදɾ৘ใऩू • ҰݟςΫϊϩδʔܥͷ࿩͕ଟΊʹݟ͑Δ͔΋͠Ε·ͤ Μ͕ɺσβΠϯͷ࿩Ͱ΋͋Γ·͢ 7
8. KL'&MNMOL'PQMPRASTMUV 8 ਓؒͱίϯϐϡʔλͷؔ܎ੑʹ͍ͭͯͷݚڀ෼໺Ͱ͋Δʢͬ͘͟Γʣ Human ਓؒ Computer ίϯϐϡʔλ Interaction ΠϯλϥΫγϣϯ HCIͱུ͞ΕΔ
9. KL'&MNMOL'PQMPRASTMFWXUV • ਓ͕ؒίϯϐϡʔλΛ࢖͏ͨΊͷΠϯλϑΣʔε(ڥք)ͷݚڀ • ৽͍͠ΠϯλϑΣʔεͷݚڀ։ൃ • ΠϯλϑΣʔεʹؔ͢Δௐࠪݚڀ • ίϯϐϡʔλ͕ਓؒʹ༩͑ΔӨڹͷݚڀʢ৺ཧֶతݚڀʣ • ίϯϐϡʔλ͕ਓؒͷ׆ಈΛࢧԉ͢ΔγεςϜͷݚڀ • ͳͲ • ͱͯ΋෯޿͍ 9
10. QMPYZ'[ • 1) ϋʔυ΢ΣΞΠϯλϑΣʔε • ػցͱػցͷڥք • USBɺHDMIͳͲ • 2) Application Programming Interface (API) • αʔόͱΫϥΠΞϯτͷڥք • ϝΠϯϓϩάϥϜͱϥΠϒϥϦͷڥք • 3) User Interface (UI) • ίϯϐϡʔλΛ࢖͏ਓͱίϯϐϡʔλͷڥք 10 ৘ใٕज़(IT)ͷੈքͰΑ͘ొ৔͢ΔΠϯλϑΣʔε͸ ࣄ෺΍ྖҬͳͲΛ෼͚Δڥ໨ͷ͜ͱ ڥք - Wikipedia (2021/06/14Ӿཡ) ڥքɿ ࠓ೔͸͜Ε
11. QMPYZ'[ • ೖྗΠϯλϑΣʔεͱग़ྗΠϯλϑΣʔε • ೖྗΠϯλϑΣʔε • Ϛ΢εɺΩʔϘʔυͳͲ • ग़ྗΠϯλϑΣʔε • σΟεϓϨΠɺεϐʔΧʔͳͲ 11
12. \']QMPYZ'[^_`ab 12 Ϩάβ७ਖ਼ΦϓγϣϯϦϞίϯ ʛςϨϏʛREGZAɿ౦ࣳ https://www.regza.com/ regza/option/remo/ ER-W16 | ిࢠϨϯδ/ΦʔϒϯϨϯδ | ౦ࣳϥΠϑελΠϧגࣜձࣾ https://www.toshiba-lifestyle.com/ jp/microwaves/er-w16/ ιϑτ΢ΣΞ (ը໘) ϋʔυ΢ΣΞ (Ϙλϯ)
13. QMPYZ'[WX • Sketchpad - CG, CAD, VR (Ivan Sutherland, 1963) • oN-Line System(NLS) - Mouse, GUI (Douglas Engelbart, 1968) • Dynabook (Alan Kay, 1968) 13
14. 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
15. haij^klkl 15 JINS MEME https://jinsmeme.com/ ¥19,800 + ¥500/݄(1೥໨ແྉ)
16. haij^klkl 16
17. )6154m^n^haij^klkl 17 Vtuner | JINS MEME https://jinsmeme.com/vtuner/
19. o'STMpqrsq^t^3uvu:; 19 ϞόΠϧϞʔγϣϯΩϟϓνϟʔ:Մೳੑɺແݶେɻ͍ͪͯ͘͞ɺ͔Δ͍ɺϞόΠϧϞʔγϣϯΩϟϓνϟʔ mocopiʢϞίϐʣʲιχʔެࣜʳ https://youtu.be/ovHHpralCD8
20. o'STMpqrsq^t^3uvu:; 20
21. 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
22. z{QMPYZ'[F|} 22 [CHI2020] Norimaki Synthesizer: Taste Display Using Ion Electrophoresis in Five Gels - YouTub e https://www.youtube.com/watch?v=7HIm4LoAZxU
23. ~•€•‚ƒ„…†‡ˆ‰Š‹Œ'ep,• 23 E-Orthosis: Augmenting Off-the-shelf Orthoses with Electronics - YouTub e https://www.youtube.com/watch?v=YNetyKD26qI
24. )81Ž4mF••‘‡’“” 24 LivEdge siggraph2023 video - YouTub e https://www.youtube.com/watch?v=08aEhiMcGTU
25. •–—‚ƒ„˜™‡ˆ‰Š‹ 25 Crafting Interactive Circuits on Glazed Ceramic Ware - YouTub e https://www.youtube.com/watch?v=P-K3AfB3AuM
26. š‰›Fœf•[ržQ 26 BubBowl: Display Vessel Using Electrolysis Bubbles in Drinkable Beverages - YouTub e https://www.youtube.com/watch?v=QDoqyS9K7NE
27. )*Ÿ IF¡¢‡›£¤¥FOM¦§¨ 27 Elevate: A Walkable Pin-Array for Large Shape-Changing Terrains - YouTub e https://www.youtube.com/watch?v=R1NzSW3MdPw
28. ©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 .
29. QR[•±²‚³´”NµL¶·'STM¸¹ 29 We-toon Video - YouTube https://www.youtube.com/watch?v=csZMW-e5cC0
30. º¢»FWX 30 [Preview] Patch-O: Shape Changing Woven Patches for On Body Actuation - YouTub e https://www.youtube.com/watch?v=l9x-HROUfy0
31. ¼½¾½¿ÀÁ‚”ÃÄ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
32. ÅÆÇÈ”NMOL'P_É£ÊË€Ìb 32 Logic Bonbon: Food as Computational Artifact - YouTub e https://www.youtube.com/watch?v=U0K7quCUzT8
33. QMPYZ'[‚ÍΔÏÐWXFÑ • େᆘ༸հɼബӋେथɼࢁத঵ଠɼٶԼ๕໌ɽը໘֯ͱը໘୺ͷλʔήοτ഑ஔ͕ ૢ࡞࣌ؒʹ༩͑ΔӨڹɼݚڀใࠂώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯ ʢHCIʣɼVol.2022-HCI-197ɼIssue.1ɼNo.55ɼpp.1-8ɼ2022ɽ 33
34. Ò@Ó,•‡ÔÕC«QMPYZ'[ 34 Zooids: Building Blocks for Swarm User Interfaces - YouTub e https://www.youtube.com/watch?v=8Ik7V_QH5wk
35. )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
36. ÚM[ÛÜÝÞ¸¹S[°ª 36 ଟࢹ఺μϯεө૾ͷΠϯλϥΫςΟϒฤूγεςϜ - YouTub e https://www.youtube.com/watch?v=IzhDQhCcnx4
37. ßàáâãäåæWXFçèÞ¬”Fé • ʲ௒ΦεεϝʳTwitter @shiropen2 ΛϑΥϩʔ • ࠃ಺ͷγϯϙδ΢ϜΛݟΔ(YouTube഑৴ͰແঈࢹௌՄ) • EC(ΤϯλςΠϯϝϯτίϯϐϡʔςΟϯάγϯϙδ΢Ϝ) • WISS • ΠϯλϥΫγϣϯ • ࠃࡍձٞ(CHI, UIST, SIGGRAPH)ͷςΟβʔಈըΛݟΔ • ࠃࡍձٞ(CHI, UIST, SIGGRAPH)ͷษڧձ(೔ຊޠ)ʹࢀՃ͢Δ 37
38. çèêf•dëìFÍíGH • σβΠϯܥ΋ςΫϊϩδʔܥ΋෯޿ؔ͘܎͋Δ • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯʢେֶӃʣ • େֶӃਐֶ͠Α͏ʂ • ৽͍͠ΠϯλϑΣʔεͷ։ൃʹ͸ϋʔυ΢ΣΞ։ൃͷεΩϧ͕͋ Δͱ͍͍ • → ϝσΟΞϓϩάϥϛϯάԋश (2೥ޙظ) 38
39. êf•dr@îRµMîÊï^_ðñòób • ArduinoΛ࢖ͬͯϑΟδΧϧίϯϐϡʔςΟϯάΛֶͿ • LEDɺηϯαɺϞʔλͳͲͷ࢖͍ํΛֶͿ • Tinkercad (͘͢͝ྑ͘ग़དྷͯΔγϛϡϨʔλ) ΋׆༻ 39
40. WXVôFõ‚ÃöFé • Θ͔Βͳ͍ (※ݚڀςʔϚʹΑΓ·͢) • 3೥ޙʹ໾ʹཱ͔ͭ΋͠Εͳ͍͠ɺ50೥ޙʹ໾ʹཱ͔ͭ΋͠Εͳ͍͠ɺ໾ʹཱͨͳ͍͔΋͠ Εͳ͍ • কདྷ໾ʹཱͭ΋ͷ͕Կ͔͸୭ʹ΋Θ͔Βͳ͍ • ඞཁʹͳ͔ͬͯΒݚڀͯ͠͸ؒʹ߹Θͳ͍ • ྫɿiPhone͕Ͱ͖Δͣͬͱલ͔ΒϚϧνλονͷݚڀ͸͞Ε͍ͯͨ 40 Rekimoto, SmartSkin: An Infrastructure for Freehand Manipulation on Interactive Surfaces (2002)
41. ÷ø¦WXΔFé • ਓྨʹͱͬͯ • ஌ࣝͷ֦େ • ͍ͭͲ͜ͰͲΜͳ஌͕ࣝ໾ʹཱͭͷ͔Θ͔Βͳ͍ʢࡂ֐ͳͲʣ • ৽͍ٕ͠ज़͕ੜ·ΕΔͱ๛͔ʹͳΔ → ࢿຊओٛͷ੒ཱ͸ٕज़ֵ৽͕લఏ • େֶੜʹͱͬͯ • ੜ্͖͍ͯ͘Ͱ໾ཱͭεΩϧΛຏ͘͜ͱ͕Ͱ͖Δ • ະ஌ͷঢ়ଶ͔Βௐ΂Δʢจݙௐࠪʣ • ஌ࣝͷ஍ਤΛඳ͘ʢ஌ࣝɾ৘ใͷ੔ཧʣ • ԾઆͷཱҊͱݕূ • ਓʹ఻͑Δʢจষͷॻ͖ํɺϓϨθϯςʔγϣϯʣ • ৘ใϝσΟΞֶՊͰ͸3೥ੜ͔Βθϛ഑ଐ͞Ε·͢ • 2೥ؒ͡Ό଍Γͳ͍ → େֶӃ΁ʂ 41
42. ë®ùú‚ûäåæûF‚üÈ”ý®þÿ” • ݚڀ / ֶձ͸ϋʔυϧ͕ߴ͍ • Կ͔Λ࡞ָͬͯ͠Έ͍ͨ • Maker Faire • ώʔϩʔζϦʔά • ΋ͷͮ͘Γθϛ 42
43. kyw4m^!y;m4 • ΋ͷͮ͘Γͷࡇయ • झຯͰ࡞ͬͨ΋ͷΛɹ లࣔ • ੈք֤ࠃͰ։࠵ • ೔ຊͰ͸౦ژɺژ౎ɺ େ֞ɺࢁޱɺͭ͘͹ɺ ઋ୆ɺ඿দ 43
44. kyw4m^!y;m4F-†Ñ 44 Human Controller, ු͘શࣗಈϧʔϏοΫΩϡʔϒ https://youtu.be/2vG-YtRmBSw
45. K'@'"#'î • ΋ͷͮ͘Γίϯςετ https://heroes-league.net/ • ࠓ೥͸׬શΦϯϥΠϯͰ։࠵ • ࡞඼ΞʔΧΠϒαΠτProtopediaʹશ࡞඼ܝࡌ https://protopedia.net/ 45
46. K'@'"#'îF-†Ñ 46 Star ˑ Jam Street ʙਗ਼૟ָثԻָເ૝ʙ https://youtu.be/4QAUfQ7c6DY
47. K'@'"#'îF-†Ñ 47 Yukio Shinoda, Glowing Air-Bubble Clock - ver.2 with origin; powered by ESP8266 https://youtu.be/wvD58wH-RZA
48. xmu6ux47;y 48 https://protopedia.net/
49. $`$li 49 https://gugen.jp/
50. ûF%&>'µ • ʮΞΠ デ ΞΛܗʹ͢ΔʯΛςʔϚʹ΋ͷ づ ͘ΓΛߦ͏Jθ ϛ(ࣗओ ゼ ϛ) • ୲౰ڭһɿ⁋ ॱฏɾ౬ଜ ཌྷ • ݄1ճ։࠵ • Twitter: @HIU_Maker 50
51. ()*+ 51 ϑϥϯΫɾϞε
    
    .*5ϝσΟΞϥϘʕຐ๏ͷ
    Πϊϕʔγϣϯɾύϫʔ
     όʔνϟϧϦΞϦςΟֶ
    
     ౉ᬑܙଠ
    ༥͚ΔσβΠϯ
    ʕ ϋʔυºιϑτºωοτ࣌୅ͷ ৽ͨͳઃܭ࿦
     ॹํᆹਓ
    
    ίϯϰΟϰΟΞϧɾ ςΫϊϩδʔ
    
52. ()8,;664m 52 @shiropen2 @make_jp @fabcrossjp
53. ³Ù>‚ 53 • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯ͸ਓؒͱίϯϐϡʔλͷؔ܎ੑʹ͍ͭͯͷݚڀ෼໺ • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯݚڀ͸ΠϯλϑΣʔεݚڀʢ͚ͩ͡Όͳ͍͚Ͳʣ • ৽͍͠ϢʔβΠϯλϑΣʔεΛߟ͑Δ͜ͱ͸ɺະདྷΛσβΠϯ͢Δ͜ͱ • ֶ֎ʹ޿͕͍ͬͯΔΠϯϓοτɾΞ΢τϓοτͷ৔ʹ΋໨Λ޲͚Α͏ !"#$#)*+ "#$#,*!-./0.1.-*23*4305