北海道情報大学オープンキャンパス模擬講義「フィジカルコンピューティングでアイデアをカタチに！」 / HIU2023

北海道情報大学オープンキャンパス模擬講義「フィジカルコンピューティングでアイデアをカタチに！」の資料

Transcript

1. ๺ւಓ৘ใେֶ ΦʔϓϯΩϟϯύε ໛ٖߨٛ
   ʢ৘ใϝσΟΞֶ෦ ৘ใϝσΟΞֶՊʣ
   ౬ଜ ཌྷ
   !"#$%&'()*+"',-./0.1$2345
   67898:;<
   
   
   7898>;6?@AB@C@?;DE;FEBG
   ࢿྉ͸Ξοϓϩʔυࡁ
   
   
   https://speakerdeck.com/yumulab/hiu2023
   

   View Slide

2. !"#$%#&'
   • ϑΟδΧϧίϯϐϡʔςΟϯά֓ཁ (20෼)
   
   
   • ϑΟδΧϧίϯϐϡʔςΟϯά (ArduinoγϛϡϨʔλ) ԋश (30෼)
   
   
   • ͦͷଞɾ·ͱΊɾ࣭໰ (5෼)
   2
   

   View Slide

3. !"#$%&'()*+"',HI
   

   View Slide

4. ()*+,-./0123*/4567
   • Physical (෺ཧతͳ) + Computing
   
   
   • ϋʔυ΢ΣΞΛѻ͏γεςϜͷϓϩάϥϛϯά
   
   
   • ޫɺಈ͖ɺԻ ͳͲͳͲ
   
   
   • ΞϓϦ΍ήʔϜͷϓϩάϥϛϯάͱ͸Կ͕ҧ͏͔ʁ
   
   
   • ΞϓϦ΍ήʔϜ͸ίϯϐϡʔλͷதʹด͍ͯ͡Δ
   
   
   • ϑΟδΧϧίϯϐϡʔςΟϯά͸ίϯϐϡʔλͷ֎ͷσʔλΛऔಘ
   ͨ͠Γϋʔυ΢ΣΞΛಈ͔͢
   
   
   • ʮInternet of Things (IoT)ʯ΍ʮ૊ࠐΈίϯϐϡʔςΟϯάʯͱڞ௨఺
   ΋͋Δ (एׯҧ͏৔߹΋͋Δ)
   4
   

   View Slide

5. )*+,-./0123*/4#89:9;#<2-
   5
   teamLab, Light Ball Orchestra / ޫͷϘʔϧͰΦʔέετϥ
   
   
   https://youtu.be/NN1vbIbH3GE
   

   View Slide

6. )*+,-./0123*/4#89:9=>?@2A
   6
   Wall Recordings, SAMURIZE - Killer Instinct (Of
   fi
   cial Video)
   
   
   https://youtu.be/rjMD36M4GMM
   

   View Slide

7. )*+,-./0123*/4#89:9BCD#EF*@GHI
   7
   BubBowl: Display Vessel Using Electrolysis Bubbles in Drinkable Beverages - YouTub
   e
   
   https://www.youtube.com/watch?v=QDoqyS9K7NE
   

   View Slide

8. )*+,-./0123*/4#89:9JKLM32N-
   8
   TRANSFORM - Amazing Technology Invented By MI
   T
   
   https://youtu.be/lCARHatJQJA
   

   View Slide

9. )*+,-./0123*/4#89:9OP9
   Zooids: Building Blocks for Swarm User Interfaces - YouTub
   e
   
   https://www.youtube.com/watch?v=8Ik7V_QH5wk
   

   View Slide

10. Z[\]^_M`
    • ͍Ζ͍ΖͳπʔϧɾςΫϊϩδʔ͕࢖ΘΕΔ
    
    
    • Χϝϥը૾ղੳ
    
    
    • ө૾ΤϑΣΫτ੍࡞ (AfterEffect, Blender, Unity)
    
    
    • ϓϩδΣΫγϣϯϚοϐϯά
    
    
    • ηϯα
    
    
    • Ϟʔλʔ
    
    
    • LED
    
    
    • ϫϯϘʔυϚΠίϯ
    10
    ͜ͷߨٛͷର৅
    

    View Slide

11. a/<2bcI./
    • ී௨ͷPCͱൺ΂ͯ
    
    
    • ͍҆🙆
    
    
    • খ͍͞🙆
    
    
    • ௿ফඅిྗ🙆
    
    
    • ੑೳ௿͍🙅
    11
    M5Stack Basic (¥5,203)
    
    
    https://ssci.to/3647
    Arduino Uno R3 (¥3,300)
    
    
    https://ssci.to/789
    micro:bit (¥2,200)
    
    
    https://ssci.to/6600
    Raspberry Pi 4 Model B
    
    
    / 2GB (¥5,225)
    
    
    https://ssci.to/5681
    ͜ͷߨٛͷର৅
    

    View Slide

12. defghij
    • ʮΞϧσϡΠʔϊʯͱಡΈ·͢
    
    
    • ͨͿΜੈքҰ༗໊ͳϫϯϘʔυϚΠίϯ
    
    
    • ͍҆ޓ׵඼΋͋ΔɿύνϞϊ͡Όͳͯ͘Φʔϓϯιʔεϋʔυ΢ΣΞ
    
    
    • Arduino IDEͰ։ൃɿC++ݴޠ
    12
    Arduino Uno R3
    
    
    https://ssci.to/789 Arduino IDE
    

    View Slide

13. khilmenof9:9defghijpq1H2X
    • ࢖͑Δ෦඼΋ଟ͘ɺ͍ΖΜͳ͜ͱ͕Ͱ͖Δ
    
    
    • ߨٛ͸TinkercadΛ࢖ͬͯਐΊ·͢
    
    
    • ※ Tinkercadʹ͸ଞʹ3DϞσϦϯάπʔϧ΋ؚ·Ε͍ͯ·͕͢ɺ͜ͷߨٛͰ͸
    3DϞσϦϯάπʔϧͷػೳ͸࢖༻͠·ͤΜ
    13
    

    View Slide

14. !"#$%&'()*+"',JK
    

    View Slide

15. khilmenofSrsVt[
    • Google ChromeΛ։͘ (σεΫτοϓͷγϣʔτΧοτ͔Β)
    
    
    • ΞυϨεόʔʹ https://bit.ly/hiu2023ͱೖྗ
    15
    

    View Slide

16. khilmenofSrsVt[
    • χοΫωʔϜͰࢀՃ → χοΫωʔϜΛೖྗ
    
    
    • χοΫωʔϜ͸഑෍ͨ͠ࢴʹॻ͍͍ͯ·͢ (hiu01ʙhiu30)
    16
    ΫϦοΫ هೖ
    ΫϦοΫ
    ※ ՈͰ΍Δͱ͖͸ https://www.tinkercad.com/ ʹΞΫηεͯ͠ʮΞΧ΢ϯτΛ࡞੒ʯ
    ·ͨ͸ʮଞαʔϏεΞΧ΢ϯτ(Google / Apple / Microsoft / Facebook)ͰαΠϯΠ
    ϯʯ͍ͯͩ͘͠͞
    

    View Slide

17. uVvwx#_y
    17
    ʮճ࿏ʯΛબ୒
    ΫϦοΫ
    

    View Slide

18. wxpq1H2Xz{
    • ԋशͰ͸جຊతʹ͜ͷը໘Λ࢖͍·͢
    18
    ໊લΛΫϦοΫͯ͠
    
    
    ฤू͠Α͏
    ෦඼ΛΫϦοΫ → ഑ஔ
    
    
    (υϥοάˍυϩοϓͰ΋OK)
    

    View Slide

19. !"\M|6
    • (1) LEDΛޫΒͤΔ
    
    
    • (2) NeoPixel (LEDςʔϓ) ΛޫΒͤΔ
    
    
    • (3) NeoPixelͷ৭Λม͑ͯΈΔ
    
    
    • (4) LCDΛಈ͔ͯ͠දࣔจࣈΛม͑ͯΈΔ
    
    
    • (5) ͍ΖΜͳ෦඼(ελʔλʔ)Λಈ͔ͯ͠ΈΔ
    
    
    • ͨͿΜશ෦͸Ͱ͖ͳ͍ͷͰɺͥͻ͓͏ͪͰ΍ͬͯΈ͍ͯͩ͘͞
    19
    

    View Slide

20. =>?S;}~M
    20
    ໊લΛΫϦοΫͯ͠
    
    
    ฤू͠Α͏
    ෦඼ΛΫϦοΫ → ഑ஔ
    
    
    (υϥοάˍυϩοϓͰ΋OK)
    

    View Slide

21. 21
    ෦඼ͷ୺ࢠΛΫϦοΫ
    
    
    →઀ଓઌ୺ࢠΛΫϦοΫ
    =>?S;}~M
    

    View Slide

22. 22
    ಈ͔͢ʹ͸͜͜ΛΫϦοΫ
    =>?S;}~M
    

    View Slide

23. 23
    ɹΫϦοΫͰ෦඼બ୒
    
    
    → BackspaceͰ࡟আ
    shiftΛԡ͠ͳ͕ΒΫϦοΫ͢Δͱ
    
    
    ෳ਺બ୒Մೳ
    Undo
    
    
    ctrl+zͰ΋Մ
    =>?S;}~M
    

    View Slide

24. 24
    Ϛ΢εϗΠʔϧͰը໘֦େ/ॖখ
    ෦඼ͷճస
    
    
    (Shiftԡ͠ͳ͕Β
    
    
    ΫϦοΫͰٯճస)
    ϓϩύςΟมߋ
    ͳʹ΋ͳ͍ͱ͜ΖΛ
    
    
    υϥοά͢Δͱ
    
    
    ը໘Ґஔͷௐ੔
    =>?S;}~M
    

    View Slide

25. •mj€h•m‚
    • Adafruitࣾ੡ͷϚΠίϯ಺ଂϑϧΧϥʔLED
    
    
    • ͭͳ͛ͯ૿΍ͤΔʂ
    
    
    • ςʔϓঢ়ɺϦϯάঢ়ʹͭͳ͕͍ͬͯΔ੡඼Λ࢖͏͜ͱ͕ଟ͍
    
    
    • ੍ޚʹ͸ArduinoͳͲΛ࢖͏
    
    
    • ϥΠϒϥϦΛ࢖͑͹͍͍ײ͡ʹͰ͖ΔͷͰɺ੍ޚํ๏ͷৄࡉΛ஌Βͳͯ͘΋େৎ෉
    25
    Adafruit Industries, NeoPixel RGBW LEDs w/
    Integrated Driver Chip - Natural White
    
    
    [~4500K - Black Casing - 10 Pack]
    
    
    https://www.adafruit.com/product/2761
    $5.95 / 10ݸ
    εΠοναΠΤϯε, NeoPixel Ring
    
    
    - 12࿈ϑϧΧϥʔγϦΞϧLED
    
    
    https://www.switch-science.com/catalog/1593/
    1,177ԁ
    Adafruit Industries, NeoPixel Digital RGB LED Strip
    - White 30 LED - WHITE
    
    
    https://www.adafruit.com/product/1376
    $16.95 / meter
    

    View Slide

26. •mj€h•m‚S;}~M
    • ελʔλʔ (෦඼ͷ૊Έ߹Θͤ)ͷ഑ஔ
    26
    1. ελʔλʔ͔Β
    
    
    “Arduino” Λબ୒
    2. NeoPixelΛબ୒ͯ͠഑ஔ
    3. γϛϡϨʔγϣϯΛ։࢝
    ࢀߟɿ࣮ࡍͷNeoPixel
    

    View Slide

27. •mj€h•m‚#;MƒSJ„M
    • ίʔυ (ϓϩάϥϜ/εέον) ͷฤूํ๏
    27
    ʮίʔυʯΛΫϦοΫ
    

    View Slide

28. •mj€h•m‚#;MƒSJ„M
    • 25ߦ໨ͷredColor, greenColor, blueColorΛফͯ͠ 0ʙ255ͷ޷͖ͳ਺ࣈʹॻ͖׵͑
    
    
    • ॻ͖׵͑ͨΒʮγϛϡϨʔγϣϯΛ։࢝ʯΛΫϦοΫ
    28
    ͜͜Λॻ͖׵͑
    ྫ͑͹
    

    View Slide

29. =…?
    • Liquid Crystal Display (=ӷথσΟεϓϨΠ) ͷུ
    
    
    • ArduinoͷΑ͏ͳϚΠίϯϘʔυͰ৘ใΛදࣔ͢Δوॏͳखஈ
    
    
    • 16 × 2 (ԣ16จࣈɺॎ2จࣈ)
    
    
    • ഑ઢ͕େม
    
    
    • ελʔλʔʹ഑ઢࡁΈͷ΋ͷ͕͋ΔͷͰɺͦΕΛ࢖͏ͷָ͕
    29
    ळ݄ిࢠ௨঎, ̡̘̙ΩϟϥΫλ
    σΟεϓϨΠϞδϡʔϧɹ̍̒×̎
    ߦɹόοΫϥΠτ෇നൈ͖
    
    
    https://akizukidenshi.com/catalog/g/
    gP-02919/
    800ԁ
    

    View Slide

30. =…?
    • ελʔλʔ͔ΒʮLCDʯΛબ୒
    30
    LCDΛબ୒ͯ͠഑ஔ
    

    View Slide

31. =…?
    • ʮίʔυʯˠʮจࣈʯΛબ୒
    31
    

    View Slide

32. =…?
    • ʮଓߦʯΛΫϦοΫ
    32
    

    View Slide

33. =…?
    • දࣔ͢Δจࣈ΍ɺ਺ࣈͷҐஔΛม͑ͯΈ·͠ΐ͏
    33
    ͜͜Λॻ͖׵͑
    ͜͜΋ॻ͖׵͑ͯΈͯ΋OK
    

    View Slide

34. v†‡ˆ‰Š‹@X2X2ŒS•ŽV^CM
    • ͍ΖΜͳελʔλʔ͕͋ΔͷͰ͍Ζ͍Ζࢼͯ͠Έ·͠ΐ͏
    
    
    • جຊతʹɺ഑ஔ࣮ͯ͠ߦ͢Δ͚ͩͰಈ͖·͢
    
    
    • Α͘Θ͔Βͳ͍΋ͷ΋͋Δͱࢥ͍·͕͢
    
    
    • Իͷग़Δ΋ͷ΋͋ΔͷͰ஫ҙ
    
    
    • ͨ͘͞Μ഑ஔ͢Δͱಈ࡞͕ॏ͘ͳΔͷͰɺ࢖͍ऴΘͬͨ෦඼͸ফ͠·͠ΐ͏ (બ୒ͯ͠BackSpaceΩʔ)
    34
    

    View Slide

35. LMNOPQR
    

    View Slide

36. ••‘•mj€h•m‚’2b“Y”•–
    • 3ຊͷ઀ଓ͕ඞཁɿ৴߸ઢɺ5VɺGND
    
    
    • ઀ଓͯ͠૿΍͢͜ͱ͕Ͱ͖Δ
    
    
    • Կݸ·Ͱ઀ଓͰ͖Δʁ → ߋ৽ϨʔτʹΑΔ
    
    
    • Tinkercadͩͱ100ݸۙ͘ͳΔͱॏ͘ͳΔ
    36
    ͜ΕͰ1ݸ
    0 1 2 3 4 5 6 7
    8
    9
    10
    11
    ৴߸͕ྲྀΕΔํ޲
    ͭͳ͛ͯ૿΍ͤΔ
    
    
    (ಉ͡छྨͷ୺ࢠΛ઀ଓ)
    DIN:৴߸ઢೖྗ(Digital IN)
    5V
    GND
    DO:৴߸ઢग़ྗ(Digital OUT)
    

    View Slide

37. —hnej˜™hš
    • ଞͷϚΠίϯϘʔυ micro:bitʢϚΠΫϩϏοτʣ΋঺հ͠·͢
    
    
    • 2015೥ʙ ։ൃ͞Εͨڭҭ༻ϚΠίϯϘʔυ
    
    
    • ΠΪϦεͰখֶੜʹແঈ഑෍͞Εͨ
    
    
    • ݱࡏ͸ϚΠΫϩιϑτࡿԼͷϓϩδΣΫτ
    
    
    • 2020೥ʹv2ʹόʔδϣϯΞοϓ
    
    
    • LED 5×5 = 25ݸɺϘλϯ2ݸɺεϐʔΧɺϚΠΫɺ໌Δ͞ηϯαʔɺՃ଎౓ηϯαʔɺ
    ࣓ྗηϯαʔɺԹ౓ηϯαʔɺແઢ௨৴ػೳʢBLEʣΛ౥ࡌ
    37
    εΠοναΠΤϯε, micro:bit
    
    
    https://ssci.to/6600
    2,200ԁ
    ※ ൒ಋମෆ଍ͷӨڹͰ
    
    
    ݱࡏࡏݿͳ͠ɺೖՙະఆ
    

    View Slide

38. —hnej˜™hš
    • Webϒϥ΢βͷ։ൃ؀ڥͰ։ൃ͢Δ
    
    
    • ϒϩοΫɺJavaScriptɺPythonͰ։ൃ
    
    
    • ͲͷίʔυͰॻ͍ͯ΋ޓ׵ੑ͕͋Δʢม׵Մೳʣ
    
    
    • ։ൃ؀ڥʹγϛϡϨʔλ͕෇ଐ͢Δ
    38
    

    View Slide

39. ‰Š#›œ
    39
    εΠοναΠΤϯε, ArduinoΛ͸͡
    ΊΑ͏Ωοτ
    
    
    https://ssci.to/181
    4,400ԁ
    εΠοναΠΤϯε, The Arduino
    Starter Kitʢ೔ຊޠ൛ʣ
    
    
    https://ssci.to/2628
    12,731ԁ
    εΠοναΠΤϯε, M5GO IoTε
    λʔλʔΩοτ V2.6
    
    
    https://ssci.to/7363
    9,845ԁ
    • ΋ͬͱֶͼ͍ͨਓ͸ɺͥͻ࣮ػΛߪೖͯ͠Έ͍ͯͩ͘͞
    
    
    • ࠷ॳ͸Ωοτ͕͓͢͢ΊͰ͢
    
    
    • Arduino୯ମͩͱ΄ͱΜͲԿ΋Ͱ͖ͳ͍
    
    
    • ύʔπબͼ͕೉͍͠
    

    View Slide

40. @IQ•žIŸ/@
    • ΩοτɺϚΠίϯɺNeoPixelɺߴՁ֨ଳηϯα(¥1,000Ҏ্)౳
    40
    

    View Slide

41. ¡¢£¤¥
    • ௿Ձ֨ଳ෦඼(఍߅ɺLEDɺεΠονɺIC)ɺܭଌػث౳
    
    
    • ळ༿ݪʹ࣮ళฮ͕͋Γ·͢
    41
    

    View Slide

42. ¦§¨©
    • ࡳຈʢ୪খ࿏̓ஸ໨ʣʹ͋ΔͷͰɺ࣮ػΛݟͨΓ
    ͙͢ʹങ͍ʹߦ͖͔ͨͬͨΒ͜͜
    42
    

    View Slide

43. ª«¬-
    43
    ౻ݪຑཬࡊ, ແବͳϚγʔϯ
    Λൃ໌͠Α͏! (2021)
    Ϊϟϧి, Ϊϟϧిͱͭ͘Δ!
    
    
    όΠϒεςϯΞήαΠόʔύϯΫ
    ޫΓ෺ిࢠ޻࡞ (2021)
    ArduinoΛ͸͡ΊΑ͏ ୈ3൛
    (2015)
    

    View Slide

44. ª«k®hššme
    44
    @shiropen2 @make_jp @fabcrossjp
    

    View Slide

45. ª«¯jgkg™m•°/±-
    45
    Πνέϯ ແବͮ͘Γ
    

    View Slide

46. ²³´µ
    • ͍ΖΜͳઌੜ͕͍ΖΜͳݚڀΛ͍ͯ͠·͢
    
    
    • ๺ւಓ৘ใେֶ΍ͦͷଞͷେֶͷWebαΠτΛௐ΂ͯΈ͍ͯͩ͘͞
    46
    67898:;<
    
    
    7898>;6?@AB@C@?;DE;FEBG
    

    View Slide