読める気がしてくる babel/parser

UV Study : フロントエンド LT会 : 2023/10/17
・https://uniquevision.connpass.com/event/294990/

x(twitter)
・https://twitter.com/sajikix

Transcript

1. 3ZVTFJ
   4BKJLJ
   
   !TBKJLJY ಡΊΔؾ͕ͯ͘͠Δ
   CBCFMQBSTFS +4ͷQBSTFSΛಡΜͰΈ͍ͨ͋ͳͨ΁
2. 4BKJ
   
   3ZVTFJ
   4BKJLJ 'SPOUFOE
   %FWFMPQFS
   BU
   $ZCP[V
   JOD 𝕏
   !TBKJLJY
3. 8IBU
   JT
   !CBCFMQBSTFS
   'JMF "45 ม׵ޙ
   "45 ม׵ޙ
   'JMF QBSTF USBWFSTF HFOFSBUF ίίʂ
4. "CPVU
   !CBCFMQBSTFS w #BCFMશମ͸େ͖ͳ
   NPOPSFQP
   ʹͳ͍ͬͯͯɺͦͷ̍ύοέʔδ
   w fi MF
   ˠ
   "45
   ந৅ߏจ໦
   Λ୲͏ॲཧ
   w +4 54
   Ͱॻ͔Ε͍ͯΔ
   
   
   +4͕ಡΊΕ͹ಡΊΔʂ
   w 54
   
   'MPX
   
   +49
   ΋αϙʔτ
   
   54
   
   +49ͷߏจॲཧ΋ΈΕΔ
5. ಡΜͰΈΑ͏
6. *OEFY͕࢝఺ͳͷ͸Θ͔Δ͚Ͳ
   FYQSFTTJPOͱTUBUFNFOUͱʜ
   MWBM
   
   UPLFOJ[FS
7. Ͳ͔͜ΒಡΊ͹ʜʁ
8. !CBCFMQBSTFS͸DMBTTͷଟஈܧঝͰॻ͔Ε͍ͯΔ w 1BSTFS
   ˡ
   4UBUFNFOU1BSTFS
   ˡ
   &YQSFTTJPO1BSTFS
   ˡ
   -7BM1BSTFS
   ˡ
   /PEF6UJMT
   ˡ
   6UJM1BSTFS
   ˡ
   5PLFOJ[FS
   ˡ
   $PNNFOUT1BSTFS
   ˡ
   #BTF1BSTFS
   w ػೳɾ໾ׂ͝ͱʹϝιου΍ঢ়ଶΛ੔ཧ͢Δ͜ͱʹಛԽͨ͠ܧঝ
   w ܧঝݩʹߦ͘΄ͲDPEFͷࡉ͔͍୯ҐͰͷ෦෼తͳQBSTFॲཧʹͳΔ
   w ͳΜͰ͜Μͳߏ଄ʹʁɹ
   w ˠ
   54'MPXͳͲͷQBSTFॲཧͰඞཁͳ෦෼͚ͩPWFSSJEFͰ͖Δ
9. શ෦ݟͯΔ࣌ؒ͸ͳ͍ͷͰʜ
10. ಡΉ্Ͱେࣄͦ͏ͳ෦෼
    
    5PLFOJ[FS w ҙຯͷ͋Δ࠷খ୯Ґ UPLFO ʹ෼ׂ͠ɺͦͷछผΛ൑ผͯ͘͠ΕΔ
    w ۪௚ʹҰจࣈͣͭಡΈͳ͕ΒจࣈʔίʔυͰ෼ذͯ͠ʮUPLFOʯΛೝࣝͯ͠Δ
    w 5PLFOJ[FSͷॲཧͷྲྀΕ const a = hoge ʮʯ΍ͳ this.stateʹه࿥ const a = hoge ͜͜·ͰಡΜͩ const a = hoge ৽͍͠ಡΈҐஔ this.next() this.eat()
11. ಡΉ্Ͱେࣄͦ͏ͳ෦෼
    
    4UBUFNFOU1BSTFS w ʮจʯ·Ͱͷ1BSTFΛ୲౰͢Δ
    w 5PLOJ[FSͰ࣍ͷ5PLFOΛಡΉ
    ˠ
    ͲΜͳߏจ͔൑ఆ
    ˠ
    ઐ༻ͷQBSTFॲཧʹ౤ ͛Δ
    ˠ
    ݸผͷQBSTFॲཧͰ࣍ͷ5PLFOಡΉ
    ˠ
    ʜ
    ˠ
    จ຤ ϒϩοΫऴΘΓ ·ͰདྷͨΒจ PSϒϩοΫ ΛಡΈऴΘͬͨ
    w ݟΔͱ໘ന͍ɾಡΈ΍͍͢ϝιου
    w QBSTF#MPDL0S.PEVMF#MPDL#PEZ
    
    &0'·Ͱʮจ͝ͱʹ"45ʹ͢Δˠ"45 ͷSPPU CPEZ ʹQVTIʯΛ܁Γฦͯ͠ΔɻಡΉ࣌ʹى఺ͱ͢Δͱྑ͍ɻ
    w QBSTF4UBUFNFOU$POUFOU
    
    ֤ߏจ͝ͱͷॲཧ෼ذ͕͋ΓΠϝʔδ͠қ͍
12. ಡΉ্Ͱେࣄͦ͏ͳ෦෼
    
    &YQSFTTJPO1BSTFS w ʮࣜ FYQSFTTJPO ʯΛ1BSTF͢Δॲཧ
    w 4UBUFNFOU1BSTFSʹ͓͚Δʮ֤ߏจͷQBSTFॲཧʯͰඞཁʹͳΔͱݺ͹ΕΔ
    w ୅ೖΛؚΉ͔ࣜͲ͏͔Λং൫ʹ൑ఆͯ͠Δ
    w ୅ೖΛؚ·ͳ͍৔߹ͦͷ··ʮࠨล͚ͩʯͷΑ͏ͳѻ͍ͰQBSTFॲཧ͕ਐΜ Ͱ͍͘ ͜͜Ұॠށ࿭͏͔΋ʁ
    w ԋࢉࢠͳͲ͸
    QBSTF&YQS0QT
    Ͱ͞ΒʹʮࠨลӈลʯͱʮԋࢉࣗମʯͳͲʹ ෼͚ΒΕͯQBSTF͞Ε͍ͯ͘
13. ͓͢͢ΊͷಡΈํ w ͋Δఔ౓ܧঝݩͷಈ࡞Λཧղͭͭ͠ɺQBSTFͷݺͼग़͠ଆ͔Β΋ॲཧΛ௥͏
     $PNNFOUT1BSTFS
    ΍
    5PLFOJ[FSͰ࠷খ୯ҐͷಡΈਐΊํΛ஌Δ
     4UBUFNFOU1BSTFS
    ͳͲͰQBSTF͕ݺ͹Εͯจ͕ղऍ͞ΕΔ·ͰΛ஌Δ
     ͱͷཧղ͕&YQSFTTJPO1BSTFS
    
    -7BM1BSTFS
    Β΁ΜͰग़ձ͏✋
    w ʮಛఆͷDPEF͕Ͳ͏QBSTF͞ΕΔͷ͔௥͍͍ͨʯͱ͍͏৔߹͸QBSTFॲཧʹ ೚ҙͷίʔυจࣈྻΛೖΕ࣮ͯߦͭͭ͠MPHͰ௥ͬͯΈΔͷ͕ྑ͍
14. ಡΊͦ͏ͳؾ͖ͯ͠·͔ͨ͠ʁ
15. ͜Ε͸·ͩ΄Μͷং൫ʜ w ίϝϯτͷॲཧͬͯͲ͏ͯ͠Δͷʁ
    w ܧঝͷؒʹͨ͘͞Μ͋Δଞͷ$MBTT͸Կͯ͠Δͷ
    w -WBM1BSTFSͷ࿩શવͯ͠ͳ͘ͳ͍ʁ
    w 5ZQF4DSJQU
    
    'MPX
    ΋QBSTFͰ͖ΔΜͰ͠ΐʁ
    w FUD
    ˠ
    ࡉ͔͍࿩͸ॱ࣍ϒϩάͱ͔Ͱॻ͍ͯ͘༧ఆ ָ͓͠Έʹʂ
16. 3ZVTFJ
    4BKJLJ
    
    !TBKJLJY ͋Γ͕ͱ͏͍͟͝·ͨ͠