Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
北海道情報大学オープンキャンパス模擬講義「フィジカルコンピューティングでアイデアをカタチに!」...
Search
yumulab
April 28, 2023
Education
0
150
北海道情報大学オープンキャンパス模擬講義「フィジカルコンピューティングでアイデアをカタチに!」 / HIU2023
北海道情報大学オープンキャンパス模擬講義「フィジカルコンピューティングでアイデアをカタチに!」の資料
yumulab
April 28, 2023
Tweet
Share
More Decks by yumulab
See All by yumulab
Bluetooth Low Energyの海に潜る / Dive to Bluetooth Low Energy
yumulab
0
79
湯村研究室の紹介2025 / yumulab2025
yumulab
0
250
Proposal of an Information Delivery Method for Electronic Paper Signage Using Human Mobility as the Communication Medium
yumulab
0
5
研究室から社会へ 〜 情報科学でつなぐ科学技術コミュニケーション実践 / #CoSTEP20th
yumulab
0
70
A Proposal of an Information Delivery Method using Human Movement as a Communication Medium for Electronic Paper Signage / ICEC2025
yumulab
0
20
メタバース空間で対話相⼿に向かって⾃律移動するAIアバター『ノア』の開発 / EC2025-Oyamada
yumulab
0
34
足位置の視覚的提示による電子オルガンのペダル鍵盤演奏学習支援システムの提案 / EC2025-Hokin
yumulab
0
33
電子ペーパーサイネージにおける人の移動を通信媒介とした情報配送手法の提案 / EC2025-Akiba
yumulab
0
26
フィジカルコンピューティングでアイデアをカタチに! / hiu-physcom
yumulab
0
43
Other Decks in Education
See All in Education
CSS3 and Responsive Web Design - Lecture 5 - Web Technologies (1019888BNR)
signer
PRO
1
3k
✅ レポート採点基準 / How Your Reports Are Assessed
yasslab
PRO
0
150
ロータリー国際大会について~国際大会に参加しよう~:古賀 真由美 会員(2720 Japan O.K. ロータリーEクラブ・(有)誠邦産業 取締役)
2720japanoke
1
740
Design Guidelines and Models - Lecture 5 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.2k
東大1年生にJulia教えてみた
matsui_528
6
11k
Linguaxes de programación
irocho
0
500
くまのココロンともぐらのロジ
frievea
0
120
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
coderdojojapan
PRO
4
17k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.1k
20250910_エンジニアの成長は自覚するところから_サポーターズ勉強会
ippei0923
0
360
附属科学技術高等学校の概要|Science Tokyo(東京科学大学)
sciencetokyo
PRO
0
2.9k
ThingLink
matleenalaakso
28
4.2k
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.3k
Code Reviewing Like a Champion
maltzj
527
40k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.3k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
BBQ
matthewcrist
89
9.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Balancing Empowerment & Direction
lara
5
800
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
Transcript
ւಓใେֶ ΦʔϓϯΩϟϯύε ٖߨٛ ʢใϝσΟΞֶ෦ ใϝσΟΞֶՊʣ ౬ଜ ཌྷ !"#$%&'()*+"',-./0.1$2345 67898:;< 7898>;6?@AB@C@?;DE;FEBG
ࢿྉΞοϓϩʔυࡁ https://speakerdeck.com/yumulab/hiu2023
!"#$%#&' • ϑΟδΧϧίϯϐϡʔςΟϯά֓ཁ (20) • ϑΟδΧϧίϯϐϡʔςΟϯά (ArduinoγϛϡϨʔλ) ԋश (30) •
ͦͷଞɾ·ͱΊɾ࣭ (5) 2
!"#$%&'()*+"',HI
()*+,-./0123*/4567 • Physical (ཧతͳ) + Computing • ϋʔυΣΞΛѻ͏γεςϜͷϓϩάϥϛϯά • ޫɺಈ͖ɺԻ
ͳͲͳͲ • ΞϓϦήʔϜͷϓϩάϥϛϯάͱԿ͕ҧ͏͔ʁ • ΞϓϦήʔϜίϯϐϡʔλͷதʹด͍ͯ͡Δ • ϑΟδΧϧίϯϐϡʔςΟϯάίϯϐϡʔλͷ֎ͷσʔλΛऔಘ ͨ͠ΓϋʔυΣΞΛಈ͔͢ • ʮInternet of Things (IoT)ʯʮࠐΈίϯϐϡʔςΟϯάʯͱڞ௨ ͋Δ (एׯҧ͏߹͋Δ) 4
)*+,-./0123*/4#89:9;#<2- 5 teamLab, Light Ball Orchestra / ޫͷϘʔϧͰΦʔέετϥ https://youtu.be/NN1vbIbH3GE
)*+,-./0123*/4#89:9=>?@2A 6 Wall Recordings, SAMURIZE - Killer Instinct (Of fi
cial Video) https://youtu.be/rjMD36M4GMM
)*+,-./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
)*+,-./0123*/4#89:9JKLM32N- 8 TRANSFORM - Amazing Technology Invented By MI T
https://youtu.be/lCARHatJQJA
)*+,-./0123*/4#89:9OP<QRSTUVWI/X)Y2@ 9 Zooids: Building Blocks for Swarm User Interfaces -
YouTub e https://www.youtube.com/watch?v=8Ik7V_QH5wk
Z[\]^_M` • ͍Ζ͍ΖͳπʔϧɾςΫϊϩδʔ͕ΘΕΔ • Χϝϥը૾ղੳ • ө૾ΤϑΣΫτ੍࡞ (AfterEffect, Blender, Unity)
• ϓϩδΣΫγϣϯϚοϐϯά • ηϯα • Ϟʔλʔ • LED • ϫϯϘʔυϚΠίϯ 10 ͜ͷߨٛͷର
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 ͜ͷߨٛͷର
defghij • ʮΞϧσϡΠʔϊʯͱಡΈ·͢ • ͨͿΜੈքҰ༗໊ͳϫϯϘʔυϚΠίϯ • ͍҆ޓ͋ΔɿύνϞϊ͡Όͳͯ͘ΦʔϓϯιʔεϋʔυΣΞ • Arduino IDEͰ։ൃɿC++ݴޠ
12 Arduino Uno R3 https://ssci.to/789 Arduino IDE
khilmenof9:9defghijpq1H2X • ͑Δ෦ଟ͘ɺ͍ΖΜͳ͜ͱ͕Ͱ͖Δ • ߨٛTinkercadΛͬͯਐΊ·͢ • ※ Tinkercadʹଞʹ3DϞσϦϯάπʔϧؚ·Ε͍ͯ·͕͢ɺ͜ͷߨٛͰ 3DϞσϦϯάπʔϧͷػೳ༻͠·ͤΜ 13
!"#$%&'()*+"',JK
khilmenofSrsVt[ • Google ChromeΛ։͘ (σεΫτοϓͷγϣʔτΧοτ͔Β) • ΞυϨεόʔʹ https://bit.ly/hiu2023ͱೖྗ 15
khilmenofSrsVt[ • χοΫωʔϜͰࢀՃ → χοΫωʔϜΛೖྗ • χοΫωʔϜͨ͠ࢴʹॻ͍͍ͯ·͢ (hiu01ʙhiu30) 16 ΫϦοΫ
هೖ ΫϦοΫ ※ ՈͰΔͱ͖ https://www.tinkercad.com/ ʹΞΫηεͯ͠ʮΞΧϯτΛ࡞ʯ ·ͨʮଞαʔϏεΞΧϯτ(Google / Apple / Microsoft / Facebook)ͰαΠϯΠ ϯʯ͍ͯͩ͘͠͞
uVvwx#_y 17 ʮճ࿏ʯΛબ ΫϦοΫ
wxpq1H2Xz{ • ԋशͰجຊతʹ͜ͷը໘Λ͍·͢ 18 ໊લΛΫϦοΫͯ͠ ฤू͠Α͏ ෦ΛΫϦοΫ → ஔ (υϥοάˍυϩοϓͰOK)
!"\M|6 • (1) LEDΛޫΒͤΔ • (2) NeoPixel (LEDςʔϓ) ΛޫΒͤΔ •
(3) NeoPixelͷ৭Λม͑ͯΈΔ • (4) LCDΛಈ͔ͯ͠දࣔจࣈΛม͑ͯΈΔ • (5) ͍ΖΜͳ෦(ελʔλʔ)Λಈ͔ͯ͠ΈΔ • ͨͿΜશ෦Ͱ͖ͳ͍ͷͰɺͥͻ͓͏ͪͰͬͯΈ͍ͯͩ͘͞ 19
=>?S;}~M 20 ໊લΛΫϦοΫͯ͠ ฤू͠Α͏ ෦ΛΫϦοΫ → ஔ (υϥοάˍυϩοϓͰOK)
21 ෦ͷࢠΛΫϦοΫ →ଓઌࢠΛΫϦοΫ =>?S;}~M
22 ಈ͔͢ʹ͜͜ΛΫϦοΫ =>?S;}~M
23 ɹΫϦοΫͰ෦બ → BackspaceͰআ shiftΛԡ͠ͳ͕ΒΫϦοΫ͢Δͱ ෳબՄೳ Undo ctrl+zͰՄ =>?S;}~M
24 ϚεϗΠʔϧͰը໘֦େ/ॖখ ෦ͷճస (Shiftԡ͠ͳ͕Β ΫϦοΫͰٯճస) ϓϩύςΟมߋ ͳʹͳ͍ͱ͜ΖΛ υϥοά͢Δͱ ը໘Ґஔͷௐ =>?S;}~M
•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
•mj€h•m‚S;}~M • ελʔλʔ (෦ͷΈ߹Θͤ)ͷஔ 26 1. ελʔλʔ͔Β “Arduino” Λબ 2.
NeoPixelΛબͯ͠ஔ 3. γϛϡϨʔγϣϯΛ։࢝ ࢀߟɿ࣮ࡍͷNeoPixel
•mj€h•m‚#;MƒSJ„M • ίʔυ (ϓϩάϥϜ/εέον) ͷฤूํ๏ 27 ʮίʔυʯΛΫϦοΫ
•mj€h•m‚#;MƒSJ„M • 25ߦͷredColor, greenColor, blueColorΛফͯ͠ 0ʙ255ͷ͖ͳࣈʹॻ͖͑ • ॻ͖͑ͨΒʮγϛϡϨʔγϣϯΛ։࢝ʯΛΫϦοΫ 28 ͜͜Λॻ͖͑
ྫ͑
=…? • Liquid Crystal Display (=ӷথσΟεϓϨΠ) ͷུ • ArduinoͷΑ͏ͳϚΠίϯϘʔυͰใΛදࣔ͢Δوॏͳखஈ •
16 × 2 (ԣ16จࣈɺॎ2จࣈ) • ઢ͕େม • ελʔλʔʹઢࡁΈͷͷ͕͋ΔͷͰɺͦΕΛ͏ͷָ͕ 29 ळ݄ిࢠ௨, ̡̘̙ΩϟϥΫλ σΟεϓϨΠϞδϡʔϧɹ̍̒×̎ ߦɹόοΫϥΠτനൈ͖ https://akizukidenshi.com/catalog/g/ gP-02919/ 800ԁ
=…? • ελʔλʔ͔ΒʮLCDʯΛબ 30 LCDΛબͯ͠ஔ
=…? • ʮίʔυʯˠʮจࣈʯΛબ 31
=…? • ʮଓߦʯΛΫϦοΫ 32
=…? • දࣔ͢ΔจࣈɺࣈͷҐஔΛม͑ͯΈ·͠ΐ͏ 33 ͜͜Λॻ͖͑ ͜͜ॻ͖͑ͯΈͯOK
v†‡ˆ‰Š‹@X2X2ŒS•ŽV^CM • ͍ΖΜͳελʔλʔ͕͋ΔͷͰ͍Ζ͍Ζࢼͯ͠Έ·͠ΐ͏ • جຊతʹɺஔ࣮ͯ͠ߦ͢Δ͚ͩͰಈ͖·͢ • Α͘Θ͔Βͳ͍ͷ͋Δͱࢥ͍·͕͢ • Իͷग़Δͷ͋ΔͷͰҙ •
ͨ͘͞Μஔ͢Δͱಈ࡞͕ॏ͘ͳΔͷͰɺ͍ऴΘͬͨ෦ফ͠·͠ΐ͏ (બͯ͠BackSpaceΩʔ) 34
LMNOPQR
••‘•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)
—hnej˜™hš • ଞͷϚΠίϯϘʔυ micro:bitʢϚΠΫϩϏοτʣհ͠·͢ • 2015ʙ ։ൃ͞Εͨڭҭ༻ϚΠίϯϘʔυ • ΠΪϦεͰখֶੜʹແঈ͞Εͨ •
ݱࡏϚΠΫϩιϑτࡿԼͷϓϩδΣΫτ • 2020ʹv2ʹόʔδϣϯΞοϓ • LED 5×5 = 25ݸɺϘλϯ2ݸɺεϐʔΧɺϚΠΫɺ໌Δ͞ηϯαʔɺՃηϯαʔɺ ࣓ྗηϯαʔɺԹηϯαʔɺແઢ௨৴ػೳʢBLEʣΛࡌ 37 εΠοναΠΤϯε, micro:bit https://ssci.to/6600 2,200ԁ ※ ಋମෆͷӨڹͰ ݱࡏࡏݿͳ͠ɺೖՙະఆ
—hnej˜™hš • Webϒϥβͷ։ൃڥͰ։ൃ͢Δ • ϒϩοΫɺJavaScriptɺPythonͰ։ൃ • ͲͷίʔυͰॻ͍ͯޓੑ͕͋ΔʢมՄೳʣ • ։ൃڥʹγϛϡϨʔλ͕ଐ͢Δ 38
‰Š#›œ 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୯ମͩͱ΄ͱΜͲԿͰ͖ͳ͍ • ύʔπબͼ͕͍͠
@IQ•žIŸ/@ • ΩοτɺϚΠίϯɺNeoPixelɺߴՁ֨ଳηϯα(¥1,000Ҏ্) 40
¡¢£¤¥ • Ձ֨ଳ෦(߅ɺLEDɺεΠονɺIC)ɺܭଌػث • ळ༿ݪʹ࣮ళฮ͕͋Γ·͢ 41
¦§¨© • ࡳຈʢ୪খ࿏̓ஸʣʹ͋ΔͷͰɺ࣮ػΛݟͨΓ ͙͢ʹങ͍ʹߦ͖͔ͨͬͨΒ͜͜ 42
ª«¬- 43 ౻ݪຑཬࡊ, ແବͳϚγʔϯ Λൃ໌͠Α͏! (2021) Ϊϟϧి, Ϊϟϧిͱͭ͘Δ! όΠϒεςϯΞήαΠόʔύϯΫ ޫΓిࢠ࡞
(2021) ArduinoΛ͡ΊΑ͏ ୈ3൛ (2015)
ª«k®hššme 44 @shiropen2 @make_jp @fabcrossjp
ª«¯jgkg™m•°/±- 45 Πνέϯ ແବͮ͘Γ
²³´µ • ͍ΖΜͳઌੜ͕͍ΖΜͳݚڀΛ͍ͯ͠·͢ • ւಓใେֶͦͷଞͷେֶͷWebαΠτΛௐͯΈ͍ͯͩ͘͞ 46 67898:;< 7898>;6?@AB@C@?;DE;FEBG