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

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

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