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

マイコンで動くJavaScript環境まとめ

n0bisuke
December 14, 2022

 マイコンで動くJavaScript環境まとめ

TechFeedのイベントで登壇した内容です。
> https://techfeed.io/events/techfeed-experts-night-10

n0bisuke

December 14, 2022
Tweet

More Decks by n0bisuke

Other Decks in How-to & DIY

Transcript

  1. *P5-5UFDIGFFE
    ϚΠίϯͰಈ͘+BWB4DSJQUͷ؀ڥΛ·ͱΊͯΈΔ
    ੁݪͷͼ͚͢
    !OCJTVLF

    View Slide

  2. ੁݪͷͼ͚͢
    ɾϓϩτλΠϐϯάઐ໳εΫʔϧʮϓϩτΞ΢τελδΦʯ
    σδλϧϋϦ΢ουେֶେֶӃඇৗۈߨࢣϓϩμΫτϓϩτλΠϐϯά*
    ɾݸਓ׆ಈ
    *P5-5ʢࠃ಺࠷େͷ*P5ίϛϡχςΟʣ
    -*/&"1*&YQFSU.JDSPTPGU.71*#.$IBNQJPO
    ࣾձษڧͰډञ԰ཆ࿝೫୍ͰΞϧόΠτ
    ʢҰݢΊञ৔৽ڮళͰಇ͍ͯ·ͨ͠ɻʣ
    OPCJTVLFTVHBXBSB

    View Slide

  3. +BWB4DSJQUͰॻ͚Δͱخ͍͠ɻ
    ੲ͸8FCɻ͍·͸ϋʔυ΢ΣΞ΋ɻ
    ݩʑ8FCΤϯδχΞΛͯ͠·ͨ͠ɻ

    View Slide

  4. ݸਓతͳײ֮ͷ*P5࢙ ࡶW

    لݩલ ݹ୅ ۙ୅ ݱ୅
    தੈ
    ;JHCFF
    #-&
    ,BMVNB
    -P3B
    8J'J
    5ISFBE .BUUFS
    .255
    8FC4PDLFU
    &41 .4UBDL
    "SEVJOP
    ωοτϫʔΫ
    ϓϩτίϧ
    ։ൃϘʔυ
    νοϓ
    ϚΠίϯͰͷ
    +BWB4DSJQU
    ։ൃ؀ڥ
    3BTQCFSSZ1J
    1*$ &41
    +FUTPO/BOP
    5FTTFM
    +
    &TQSVJOP
    *OUFM&EJTPO
    ͳΜͱ͔1J
    ͳΜͱ͔EVJOP
    *P5-5WPM
    .PEEBCMF
    .POHPPTF04
    31
    9*"0
    3*4$7
    2VJDLKT
    -PXKT
    ˞͍ͭϦϦʔε͞Ε͔ͨͱ͔͸ௐ΂ͯͳ͍Ͱ͢ɻ
    N3VCZ
    N1ZUIPO
    &ML
    PCOJ[
    ৭ʑ͋ͬͨ

    %VLUBQF

    View Slide

  5. +BWB4DSJQUͰϚΠίϯ։ൃ͕΍ΕΔͱخ͍͠
    8FCͷਓ͔Β͢Δͱɺ৽͘͠ݴޠΛ֮͑Δඞཁ͕ͳ͍
    8FCͷࢿ࢈΋׆༻Ͱ͖Δ
    *P5࣌୅Λߟ͑Δͱ8FCΛҙࣝ͠ͳ͕Β։ൃͰ͖Δͷ͸༗ར

    View Slide

  6. ݹ୅*P5࣌୅ͷ+BWB4DSJQU
    3BTQCFSZ1J
    /PEF3&%΋͜ͷ࣌୅ʹ͸ϥζύΠ্ʹ͍͔ͨ΋

    8J'J࢖͑ͯΠϯλʔωοτʹܨ͕Δ͚Ͳઃఆ͕େม
    /PEFKTͷΠϯετʔϧΛ࣮ͯ͠ߦ
    "SEVJOP
    8J'J΋#-&΋ͳ͔ͬͨ
    "SEVJOPݴޠΛ৽֮͑͘͠Δ

    -JOVY͕ಈ͍ͯΔΘ͚Ͱ͸ແ͍ͷͰγϦΞϧܦ༝Ͱ/PEFKTͱ௨৴
    ˞ݸਓͷײ֮Ͱ͢

    View Slide

  7. +PIOOZ
    fi
    WF +

    ϗετ1$্ͷ/PEFKTͰಈ࡞
    'JSNBUBͱ͍͏ϓϩτίϧΛ࢖ͬͯγϦΞϧ௨৴
    3BTQCFSZ1JͩͱϘʔυ্Ͱಈ࡞ͯ͘͠Εͨ
    ౰࣌ͷ+4#PBSEք۾Λࢧ͑ͯ͘Εͨ

    View Slide

  8. தੈ*P5࣌୅ͷ+BWB4DSJQU
    &41
    "SEVJOP։ൃͰ8J'J͕࢖͑ΔΑ͏ʹ
    l3BTQCFSSZ1J͸8J'J࢖͑Δ͚ͲΉ͍ͣɺ"SEVJOP͸γϯϓϧ͚ͩͲ
    8J'J͕࢖͑ͳ͍zΛղফ
    ͦͦ͜͜ϦονͳͷͰϑΝʔϜ΢ΣΞΛॻ͖ࠐΜͰ+4࣮ߦ͢ΔऔΓ૊
    Έ΋
    ༨ஊ3BTQCFSSZ1Jʹ#MVFUPPUI͕৐Δ
    +BWB4DSJQUͰ#-&ϋοΫ͕Ͱ͖ΔΑ͏ʹͳͬͯ͘Δ
    8FC#MVFUPPUI΍8FC64#ͳͲ΋͜ͷࠒ͔Β࿩୊͕Ͱͯͨؾ͕͢Δ
    ˞ݸਓͷײ֮Ͱ͢

    View Slide

  9. &TQSVJOP
    &41΍O3'ܥͳͲผͷϚΠίϯʹ΋ରԠ
    &41ͷ৔߹
    &41*%'ͰϑΝʔϜॻ͖ࠐΈ
    8FC*%&ͰϓϩάϥϜΛॻ͘
    ެࣜϘʔυ΍σόΠε΋ଟ͍
    &4͋ͨΓ·ͰରԠ
    IUUQXXXFTQSVJOPDPN'FBUVSFT

    View Slide

  10. .PEEBCMF4%,
    &41ͷ͜Ζ͔Βɺ࠷ۙ͸&41͕ଟ͍
    94ͱ͍͏+4ϥϯλΠϜ
    &4࠷৽ͷ+4࢖͍͍ͨਓ͸͜Ε͕ྑ͍͔΋
    ϗετ1$ͰϏϧυͯ͠ϑΝʔϜ͝ͱॻ͖ࠐΉλΠϓ ͨͿΜͪΌΜͱࢼͤͯແ͍

    ţŦŕŞŧŒƃͰ೥d೥ࠒʹ࠶ϒʔϜ

    View Slide

  11. ۙ୅*P5࣌୅ͷ+BWB4DSJQU
    &41
    &41ͷޙଓ൛
    "SEVJOP։ൃͰ8J'J͕࢖͑ΔΑ͏ʹ#-&΋
    &41Λϕʔεͱͨ͠։ൃϘʔυ͕͘͢͝૿͑ͨ
    .4UBDLγϦʔζ
    +4͸΋ͪΖΜN1ZUIPO΍N3VCZͳͲ৭ʑͳݴޠͷϥϯλΠϜΛಈ͔͢औΓ૊
    Έ΋
    ༨ஊ3BTQCFSSZ1J;FSPγϦʔζ
    ϥζύΠ͸;FSPγϦʔζΛग़͖ͯͯ͠ݖҖΛࣔ͢
    8J'J#-&খܕ͍҆ͱ͍͏Ԧऀײ
    ˞ݸਓͷײ֮Ͱ͢

    View Slide

  12. .POHPPTF04
    &41΍45.ܥͳͲผͷϚΠίϯʹ΋ରԠ
    .04ίϚϯυͰϑΝʔϜॻ͖ࠐΈ
    8J'Jઃఆ·ͰॳظͰ΍ͬͯ͠·ͬͯΫϥ΢υ؀ڥ͔Β05"ߋ৽
    NEBTIͱ͍͏Ϋϥ΢υ΋࿈ܞ͍ͯ͠Δ໛༷
    ίʔυ͸ಠཱ͍ͯ͠ΔͷͰ74$PEFͳͲͰ։ൃՄೳ

    View Slide

  13. PCOJ[ PCOJ[PTPCOJ[KTTEL

    ಛఆͷ&41ܥͷνοϓʹ04ΛΠϯετʔϧ੍ͯ͠ޚՄೳ
    ઐ༻ϘʔυͱΫϥ΢υ؀ڥ΋͋Δ
    Ϋϥ΢υଆͰ࣮ߦ͢ΔͨΊ/PEFKTͰ΋ϒϥ΢βͰ΋ΞϓϦέʔγϣϯ࡞੒Մೳ
    ׂͱిࢠ޻࡞ॳ৺ऀʹΦεεϝ͠΍͍͢

    View Slide

  14. 2VJDL+4
    "SEVOP΍1*0ܦ༝ͰϏϧυͯ͠ॻ͖ࠐΈ

    View Slide

  15. %VLUBQF
    $΍$ʹ૊ΈࠐΉ+BWB4DSJQU
    ίʔυϨϕϧͰॻ͖ࠐΉͬΆ͍

    View Slide

  16. -PXKT
    /PEFKT͕ಈ͘ʢখ͞ͳ+BWB4DSJQUϥϯλΠϜͰ͸ͳ͘ʣ
    ΦϦδφϧϘʔυ͕͋Δ໛༷
    &41ͷ৔߹&418307&3͕ର৅Ͱ.#Ҏ্ͷ143".͕ඞཁ

    View Slide

  17. ͪΌΜͱௐ΂ΒΕͯͳ͍
    &M,.POHPPTF04ͷνʔϜ͕࡞͍ͬͯΔ໛༷8FC*%&͕͋ΔΈ͍ͨ
    NKT.POHPPTF04ͷνʔϜ͕࡞͍ͬͯΔ໛༷
    77ΑΓখ͍͞తͳҙຯ߹͍Ά͍ؾ͕͢Δ
    &41+BWB4DSJQU%VLUBQFΛ಺෦Ͱ࢖ͬͯΈΔΈ͍ͨ
    IUUQTHJUIVCDPNNBSDFMLPUUNBOOFTQKBWBTDSJQU
    IUUQTHJUIVCDPNDFTBOUBW

    View Slide

  18. ࠷ۙ
    &41D
    "SN΍*OUFMͳͲͷνοϓ͕جຊ͚ͩͬͨͲɺΦʔϓϯιʔεͷ$16ΞʔΩςΫνϟʹ
    ΑΓΦʔϓϯͳྲྀΕɺ҆ͯ͘ߴ଎
    31
    ϥζύΠ͕ग़ͨ͠νοϓ3BTQCFSSZ1J1JDPʹࡌ͍ͬͯΔ
    ൒ಋମෆ଍ͳͲͰϥζύΠຊମͰͯͳ͍͚Ͳͬͪ͜͸ͰͯΔ
    9*"0γϦʔζ
    4FFFE4UVEJP͕ग़͍ͯ͠ΔγϦʔζ&41D൛΍31൛΋͋Δ
    ༨ஊ3BTQCFSSZ1J1JDPX[FSP
    3BTQCFSSZ1J1JDPͰϚΠίϯଆʹਐग़
    ຊମ͸ڙڅ೉͕ଓ͘एׯసചϠʔࢢ৔ʹͳͬͯΔ
    ˞ݸਓͷײ֮Ͱ͢

    View Slide

  19. ,BMVNB
    31Ͱ+BWB4DSJQU͕ಈ͘
    +FSSZ4DSJQUͱ͍͏ϥϯλΠϜ͕ಈ͍͍ͯΔΒ͍͠
    ݸਓతʹ͸։ൃମݧ %9
    ͕ྑ͍ͷ͸͜Ε

    View Slide

  20. ,BMVNBͷ࢖͍উखྑͦ͞͏
    "SEVJOP΍1MBUGPSNJP΍ಠࣗ*%&Λ࢖Θͳͯ͘ྑ͘ɺ$-*πʔϧͰॻ͖ࠐΈͰ͖Δ
    OQNܦ༝ͰSEύʔςΟϥΠϒϥϦΛ࢖͑Δ
    ෳ਺ϑΝΠϧΛόϯυϧͯ͠ॻ͖ࠐΉ͋ͨΓ͸8FC1BDLͳͲͷϏϧυ؀ڥʹ΋ࣅ͍ͯΔײ֮
    &41ܥͱͷ݉Ͷ߹͍
    ݱঢ়3BTQJ1JDP͸8J'J͕ͳ͍ͷͰ௨৴पΓ͕Ͱ͖ͣɺݱঢ়ͩͱ&41ܥʹ܉഑ʁ
    3BTQJ1JDP8͕དྷΕ͹ҰؾʹྲྀߦΔؾ഑Λײ͡Δ

    View Slide

  21. +4ϥϯλΠϜॻ͖ࠐΈܕ $$ʹ૊ΈࠐΈܕ
    ϗετ1$Ͱ

    5FTTFM
    &TQVSJOP
    ,BMVNB
    5JOZKT
    2VJDLKT
    %VLUBQF
    .PEEBCMF
    PCOJ[
    ϚΠίϯ+BWB4DSJQU։ൃͷλΠϓ෼͚ W

    .POHPPTFPT
    γϦΞϧ௨৴ܕ
    ϚΠίϯଆʹ+4͸͍ͳ͍

    +PIOOZ'JWF
    Ϋϥ΢υ௨৴ܕ
    ࠞ߹ܕ Ϋϥ΢υ௨৴
    +4ϥϯλΠϜॻ͖ࠐΈ

    ೝࣝϛεͬͯΔͱ͜Ζ͋Δ͔΋ͳͷͰٞ࿦͍ͨ͠

    View Slide

  22. ·ͱΊ
    ϚΠίϯͰಈ͘+4؀ڥΛ·ͱΊͯΈ·ͨ͠
    ྺ࢙ͱڞʹ৭ʑ͋Δ͚Ͳɺ࠷ۙ͸&41͔31ܥ͕ଟ͍
    ॳ৺ऀ͸PCOJ[͕ྑͦ͞͏
    3*4$7ܥ͸·ͩ·ͩ੔ͬͯͳ͍ײ͚ͩ͡Ͳࠓޙͦ͜ͷରԠʹΑͬͯਓؾ͕
    ෼͔ΕΔΑ͏ͳؾ͕͢Δ
    ݸਓతʹ͸LBMVNBͷମݧ͕ྑ͍ײ͡ͳͷͰ&41ରԠͯ͠΄͍͠
    εϥΠυ಺ͷ೥ද΍෼ྨ͸ποίϛͲ͜Ζଟ͍ͱࢥ͏ͷͰίϝϯτԼ͍͞

    5XJUUFSOCJTVLF

    View Slide