Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

yumulab
April 28, 2023

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

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

yumulab

April 28, 2023
Tweet

More Decks by yumulab

Other Decks in Education

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