Tweet
Tweet

Slide 1

Slide 1 text

2024.06.12 ౬ଜ ཌྷ ヒューマンコンピュータインタラクション ৘ใϝσΟΞೖ໳I @yumu19 / @yumulab [email protected]

Slide 2

Slide 2 text

はじめに • X (Twitter)΁ͷײ૝ɾ࣭໰ͷ౤ߘ׻ܴ • (͜ͷतۀͷࢲͷճͷΈ) • ϋογϡλά #৘ใϝσΟΞೖ໳ • HIU-WiFi͔ΒTwitterͭͳ͕Βͳ͍ͷͰ(͝ΊΜͶ🥺)ɺɹ εϚϗ͔Β౤ߘ͍ͯͩ͘͠͞ • ࢲͷճͰ͸εϥΠυͷࡱӨɾεΫγϣ΋౤ߘOKͰ͢🙆 2

Slide 3

Slide 3 text

自己紹介 • ౬ଜ ཌྷ (@yumu19) • ৘ใϝσΟΞֶՊ ।ڭत (2021/04ʙ) • ઐ໳͸৘ใՊֶ • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯ • ϢϏΩλείϯϐϡʔςΟϯά • ΤϯλςΠϯϝϯτίϯϐϡʔςΟϯά • όʔνϟϧϦΞϦςΟ • ωοτϫʔΫ 3

Slide 4

Slide 4 text

最近の研究 (ゼミ学生) 4 ϝϞ͔ΒεϥΠυΛࣗಈੜ੒͢ΔϓϨθϯπʔϧ ർ࿑౓ΛՄࢹԽ͢ΔΞΫηαϦ ਭ຾σʔλΛ࢖ͬͯ ΨνϟΛҾ͘ ϔϧεέΞΞϓϦ α΢φͰͷϓϩδΣΫγϣϯϚοϐϯά

Slide 5

Slide 5 text

今日の講義内容 • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯ(HCI)ͱ͸ • HCIͷݚڀ঺հ • ൃදɾ৘ใऩूʹ͍ͭͯ • ςΫϊϩδʔܥͱσβΠϯܥɺ྆ํʹؔ܎͢Δ಺༰ Ͱ͢ 5

Slide 6

Slide 6 text

ヒューマンコンピュータインタラクションとは 6 ਓؒͱίϯϐϡʔλͷؔ܎ੑʹ͍ͭͯͷݚڀ෼໺Ͱ͋Δʢͬ͘͟Γʣ Human ਓؒ Computer ίϯϐϡʔλ Interaction ΠϯλϥΫγϣϯ HCIͱུ͞ΕΔ

Slide 7

Slide 7 text

ヒューマンコンピュータインタラクションの研究とは • ਓ͕ؒίϯϐϡʔλΛ࢖͏ͨΊͷΠϯλϑΣʔε(ڥք)ͷݚڀ • ৽͍͠ΠϯλϑΣʔεͷݚڀ։ൃ • ΠϯλϑΣʔεʹؔ͢Δௐࠪݚڀ • ίϯϐϡʔλ͕ਓؒʹ༩͑ΔӨڹͷݚڀʢ৺ཧֶతݚڀʣ • ίϯϐϡʔλ͕ਓؒͷ׆ಈΛࢧԉ͢ΔγεςϜͷݚڀ • ͳͲ • ͱͯ΋෯޿͍ 7

Slide 8

Slide 8 text

インタフェース • 1) ϋʔυ΢ΣΞΠϯλϑΣʔε • ػցͱػցͷڥք • USBɺHDMIͳͲ • 2) Application Programming Interface (API) • αʔόͱΫϥΠΞϯτͷڥք • ϝΠϯϓϩάϥϜͱϥΠϒϥϦͷڥք • 3) User Interface (UI) • ίϯϐϡʔλΛ࢖͏ਓͱίϯϐϡʔλͷڥք 8 ৘ใٕज़(IT)ͷੈքͰΑ͘ొ৔͢ΔΠϯλϑΣʔε͸ ࣄ෺΍ྖҬͳͲΛ෼͚Δڥ໨ͷ͜ͱ ڥք - Wikipedia (2021/06/14Ӿཡ) ڥքɿ ࠓ೔͸͜Ε

Slide 9

Slide 9 text

インタフェース • ೖྗΠϯλϑΣʔεͱग़ྗΠϯλϑΣʔε 9 ʢίϯϐϡʔλ΁ʣೖྗ ʢίϯϐϡʔλ͔Βʣग़ྗ Ϛ΢εɺΩʔϘʔυ etc. σΟεϓϨΠɺεϐʔΧ etc.

Slide 10

Slide 10 text

ユーザインタフェース (UI) 10 Ϩάβ७ਖ਼ΦϓγϣϯϦϞίϯ ʛςϨϏʛREGZAɿ౦ࣳ https://www.regza.com/ regza/option/remo/ ER-W16 | ిࢠϨϯδ/ΦʔϒϯϨϯδ | ౦ࣳϥΠϑελΠϧגࣜձࣾ https://www.toshiba-lifestyle.com/ jp/microwaves/er-w16/ ιϑτ΢ΣΞ (ը໘) ϋʔυ΢ΣΞ (Ϙλϯ)

Slide 11

Slide 11 text

インタフェース研究 11 Sketchpad CG, CAD, VR (Ivan Sutherland, 1963) oN-Line System(NLS) Mouse, GUI (Douglas Engelbart, 1968) Dynabook (Alan Kay, 1968)

Slide 12

Slide 12 text

FurAir：毛のモフモフを超音波で再現する装置 12 [SIGGRAPH Asia 2023 E-tech] FurAir: Non-contact Presentation of Soft Fur Texture - YouTube https://www.youtube.com/watch?v=Cj0DC_XycA4

Slide 13

Slide 13 text

VTuberの頭突きを感じる 13 LivEdge siggraph2023 video - YouTube https://www.youtube.com/watch?v=08aEhiMcGTU

Slide 14

Slide 14 text

SkinPaper 14 SkinPaper: Exploring Opportunities for Woven Paper as a Wearable Material for On-Skin Interactions - YouTube https://www.youtube.com/watch?v=ydAO186J3o4

Slide 15

Slide 15 text

飲み物の泡ディスプレイ 15 BubBowl: Display Vessel Using Electrolysis Bubbles in Drinkable Beverages - YouTube https://www.youtube.com/watch?v=QDoqyS9K7NE

Slide 16

Slide 16 text

味覚インタフェースの開発 16 [CHI2020] Norimaki Synthesizer: Taste Display Using Ion Electrophoresis in Five Gels - YouTube https://www.youtube.com/watch?v=7HIm4LoAZxU

Slide 17

Slide 17 text

医療装具に電子部品を組み込むツールキット 17 E-Orthosis: Augmenting Off-the-shelf Orthoses with Electronics - YouTube https://www.youtube.com/watch?v=YNetyKD26qI

Slide 18

Slide 18 text

オウムのためのビデオ会議システム 18 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.

Slide 19

Slide 19 text

陶磁器に電子回路を組み込む 19 Crafting Interactive Circuits on Glazed Ceramic Ware - YouTube https://www.youtube.com/watch?v=P-K3AfB3AuM

Slide 20

Slide 20 text

VR空間内の地形を物理世界のピンで再現 20 Elevate: A Walkable Pin-Array for Large Shape-Changing Terrains - YouTube https://www.youtube.com/watch?v=R1NzSW3MdPw

Slide 21

Slide 21 text

イラスト修正におけるコミュニケーション支援 21 We-toon Video - YouTube https://www.youtube.com/watch?v=csZMW-e5cC0

Slide 22

Slide 22 text

変形布の研究 22 [Preview] Patch-O: Shape Changing Woven Patches for On Body Actuation - YouTube https://www.youtube.com/watch?v=l9x-HROUfy0

Slide 23

Slide 23 text

超音波音響浮揚による立体ディスプレイ 23 ArticuLev: An Integrated Self-Assembly Pipeline for Articulated Multi-Bead Levitation Primitives - YouTube https://www.youtube.com/watch?v=jnQEMg_iwQk

Slide 24

Slide 24 text

食べられるコンピュータ(論理演算装置) 24 Logic Bonbon: Food as Computational Artifact - YouTube https://www.youtube.com/watch?v=U0K7quCUzT8

Slide 25

Slide 25 text

群ロボットを活用したインタフェース 25 Zooids: Building Blocks for Swarm User Interfaces - YouTube https://www.youtube.com/watch?v=8Ik7V_QH5wk

Slide 26

Slide 26 text

YouTuber or VTuber どちらが支持される？ 26 ӽޙ޺ل, ޖ݈࿕, ৽Ҫوߛ, ෋ӬࢻԻ, খྛູ. (2023). ΧςΰϦผʹ͓͚Δ VTuber ͱ YouTuber ͷ഑৴ελΠϧʹΑΔҹ৅ධՁ. ৘ใॲཧֶձ࿦จࢽ

Slide 27

Slide 27 text

ダンス映像編集支援システム 27 ଟࢹ఺μϯεө૾ͷΠϯλϥΫςΟϒฤूγεςϜ - YouTube https://www.youtube.com/watch?v=IzhDQhCcnx4

Slide 28

Slide 28 text

どうやって面白い研究の情報集めるの？ • ʲ௒ΦεεϝʳTwitter @shiropen2 ΛϑΥϩʔ • ࠃ಺ͷγϯϙδ΢ϜΛݟΔ(YouTube഑৴ͰແঈࢹௌՄ) • EC(ΤϯλςΠϯϝϯτίϯϐϡʔςΟϯάγϯϙδ΢Ϝ) • WISS • ΠϯλϥΫγϣϯ • ࠃࡍձٞ(CHI, UIST, SIGGRAPH)ͷςΟβʔಈըΛݟΔ • ࠃࡍձٞ(CHI, UIST, SIGGRAPH)ͷษڧձ(೔ຊޠ)ʹࢀՃ͢Δ 28

Slide 29

Slide 29 text

情報メディア学科のHCI関連講義 • σβΠϯܥ΋ςΫϊϩδʔܥ΋෯޿ؔ͘܎͋Δ • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯʢେֶӃʣɿେֶӃਐֶ͠Α͏ʂ • ৽͍͠ΠϯλϑΣʔεͷ։ൃʹ͸ϋʔυ΢ΣΞ։ൃͷεΩϧ͕͋Δͱ͍͍ • → ϑΟδΧϧίϯϐϡʔςΟϯάԋश (2೥) • ήʔϜΤϯδϯUnity͕࢖͑Δͱݚڀʹඇৗʹ໾ཱͭ (ಛʹVRɾARܥ) • → ήʔϜϓϩάϥϛϯάԋश (2೥) 29

Slide 30

Slide 30 text

ヒューマンコンピュータインタラクション(大学院講義) 30

Slide 31

Slide 31 text

フィジカルコンピューティング演習 (守・湯村) • ArduinoΛ࢖ͬͯϑΟδΧϧίϯϐϡʔςΟϯάΛֶͿ • LEDɺηϯαɺϞʔλͳͲͷ࢖͍ํΛֶͿ • Tinkercad (͘͢͝ྑ͘ग़དྷͯΔγϛϡϨʔλ) ΋׆༻ 31

Slide 32

Slide 32 text

研究は何の役に立つの？ • Θ͔Βͳ͍ (※ݚڀςʔϚʹΑΓ·͢) • 3೥ޙʹ໾ʹཱ͔ͭ΋͠Εͳ͍͠ɺ50೥ޙʹ໾ʹཱ͔ͭ΋͠Εͳ͍͠ɺ໾ʹཱͨͳ͍͔΋͠ Εͳ͍ • কདྷ໾ʹཱͭ΋ͷ͕Կ͔͸୭ʹ΋Θ͔Βͳ͍ • ඞཁʹͳ͔ͬͯΒݚڀͯ͠͸ؒʹ߹Θͳ͍ • ྫɿiPhone͕Ͱ͖Δͣͬͱલ͔ΒϚϧνλονͷݚڀ͸͞Ε͍ͯͨ 32 Rekimoto, SmartSkin: An Infrastructure for Freehand Manipulation on Interactive Surfaces (2002)

Slide 33

Slide 33 text

なんで研究するの？ • ਓྨʹͱͬͯ • ஌ࣝͷ֦େ • ͍ͭͲ͜ͰͲΜͳ஌͕ࣝ໾ʹཱͭͷ͔Θ͔Βͳ͍ʢࡂ֐ͳͲʣ • ৽͍ٕ͠ज़͕ੜ·ΕΔͱ๛͔ʹͳΔ → ࢿຊओٛͷ੒ཱ͸ٕज़ֵ৽͕લఏ • େֶੜʹͱͬͯ • ੜ্͖͍ͯ͘Ͱ໾ཱͭεΩϧΛຏ͘͜ͱ͕Ͱ͖Δ • ະ஌ͷঢ়ଶ͔Βௐ΂Δʢจݙௐࠪʣ • ஌ࣝͷ஍ਤΛඳ͘ʢ஌ࣝɾ৘ใͷ੔ཧʣ • ԾઆͷཱҊͱݕূ • ਓʹ఻͑Δʢจষͷॻ͖ํɺϓϨθϯςʔγϣϯʣ • ৘ใϝσΟΞֶՊͰ͸3೥ੜ͔Βθϛ഑ଐ͞Ε·͢ • 2೥ؒ͡Ό଍Γͳ͍ → େֶӃ΁ʂ 33

Slide 34

Slide 34 text

学会以外にも面白いものに触れる機会がある • ݚڀ / ֶձ͸ϋʔυϧ͕ߴ͍ • Կ͔Λ࡞ָͬͯ͠Έ͍ͨ • Maker Faire • ώʔϩʔζϦʔά • ΋ͷͮ͘Γθϛ 34

Slide 35

Slide 35 text

Maker Faire • ΋ͷͮ͘Γͷࡇయ • झຯͰ࡞ͬͨ΋ͷΛɹ లࣔ • ੈք֤ࠃͰ։࠵ • ೔ຊͰ͸౦ژɺژ౎ɺ େ֞ɺࢁޱɺͭ͘͹ɺ ઋ୆ɺ඿দ 35

Slide 36

Slide 36 text

Maker Faireの作品例 36 Human Controller, ු͘શࣗಈϧʔϏοΫΩϡʔϒ https://youtu.be/2vG-YtRmBSw

Slide 37

Slide 37 text

ヒーローズリーグ • ΋ͷͮ͘Γίϯςετ https://heroes-league.net/ • ࠓ೥͸׬શΦϯϥΠϯͰ։࠵ • ࡞඼ΞʔΧΠϒαΠτProtopediaʹશ࡞඼ܝࡌ https://protopedia.net/ 37

Slide 38

Slide 38 text

ヒーローズリーグの作品例 38 Star ˑ Jam Street ～ ਗ਼૟ָثԻָເ૝ ～ https://youtu.be/4QAUfQ7c6DY

Slide 39

Slide 39 text

ヒーローズリーグの作品例 39 Yukio Shinoda, Glowing Air-Bubble Clock - ver.2 with origin; powered by ESP8266 https://youtu.be/wvD58wH-RZA

Slide 40

Slide 40 text

ProtoPedia 40 https://protopedia.net/

Slide 41

Slide 41 text

GUGEN 41 https://gugen.jp/

Slide 42

Slide 42 text

ものづくりゼミ • ʮΞΠ デ ΞΛܗʹ͢ΔʯΛςʔϚʹ΋ͷ づ ͘ΓΛߦ͏Jθ ϛ(ࣗओ ゼ ϛ) • ୲౰ڭһɿ⁋ ॱฏɾ౬ଜ ཌྷ • ݄1ճ։࠵ • Twitter: @HIU_Maker 42

Slide 43

Slide 43 text

推薦図書 43 ϑϥϯΫɾϞε .*5ϝσΟΞϥϘʕຐ๏ͷ Πϊϕʔγϣϯɾύϫʔ όʔνϟϧϦΞϦςΟֶ ౉ᬑܙଠ ༥͚ΔσβΠϯʕ ϋʔυºιϑτºωοτ࣌୅ͷ ৽ͨͳઃܭ࿦ ॹํᆹਓ ίϯϰΟϰΟΞϧɾ ςΫϊϩδʔ

Slide 44

Slide 44 text

推薦Twitter 44 @shiropen2 @make_jp @fabcrossjp

Slide 45

Slide 45 text

おわりに 45 • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯ͸ਓؒͱίϯϐϡʔλͷؔ܎ੑʹ͍ͭͯͷݚڀ෼໺ • ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯݚڀ͸ΠϯλϑΣʔεݚڀʢ͚ͩ͡Όͳ͍͚Ͳʣ • ৽͍͠ϢʔβΠϯλϑΣʔεΛߟ͑Δ͜ͱ͸ɺະདྷΛσβΠϯ͢Δ͜ͱ • ֶ֎ʹ޿͕͍ͬͯΔΠϯϓοτɾΞ΢τϓοτͷ৔ʹ΋໨Λ޲͚Α͏ @yumulab [email protected]