Babelで先取り次世代javascript

introduce ES6 with Babel.

Transcript

1. #BCFMͰઌऔΓ࣍ੈ୅ KBWBTDSJQU  5TVZPTIJ
   .BFEB
2. ໨࣍  /PEFKTΛΠϯετʔϧ
    #BCFMͱ͸
    &4Ͱ࢖͑ΔΑ͏ʹͳͬͨ୅දతͳػೳɻ
    ߹Θͤͯ࢖͏ͱศརͳπʔϧ
    CSPXTFSJGZ
    HVMQ
    ࣮ࡍʹ&4ʹ৮ΕͯΈΑ͏ 
3. /PEFKTΛΠϯετʔϧ w ຊՈαΠτ͔ΒΠϯετʔϧ͢ΔͳΓɺOWNɾ OPEFFOWΛ࢖͏ͳΓ͓޷͖ͳํ๏ͰͲ͏ͧɻ
   w Ҏલ(SVOUͷ঺հΛͨ͠ͱ͖ʹ/PEFKTͷΠϯετʔϧํ๏Λ هड़ͯ͋͠ΔͷͰͪ͜Β΋ࢀߟʹͳΔ͔ͱɻ
   w IUUQXXXTMJEFTIBSFOFUUTVZPTIJNBFEB HSVOU 
4. #BCFMͱ͸ w &4 ࣍ੈ୅ Ͱ૊Έࠐ·ΕΔػೳΛ͍ͪૣ͘࢖͑ ΔΑ͏ʹ͢Δπʔϧɻ +BWB4DSJQU
   5SBOTQJMFS
   w ݩʑͷ໊લ͸ʮUPʯͱ͍͏໊લ͕ͩͬͨ ʮ#BCFMʯͱ͍͏໊લʹมߋ͞Εͨɻ
 IUUQXXXJOGPRDPNOFXTCBCFMOFXOBNFGPSUP 
5. &4Ͱ௥Ճ͞Εͨओͳػೳ
   ʢαϯϓϧͰ঺հ͢Δ෼ͷΈʣ ! w "SSPX
   'VODUJPO
   w $MBTT
   w MFU
   DPOTU ม਺ɾఆ਺એݴ
   w 5FNQMBUF
   4USJOHT
   ! w ଞʹ΋௥Ճ͞ΕΔػೳ͸ͨ͘͞Μ͋ΔͷͰҎԼͷϖʔδ΋ࢀߟʹɻ
   
   IUUQTCBCFMKTJPEPDTMFBSOFT
   
   IUUQFTGFBUVSFTPSH#MPDL4DPQFE$POTUBOUT 
6. "SSPX
   'VODUJPO w UIJTίϯςΩετ͕CJOE͞ΕΔɻ  EPDVNFOUBEE&WFOU-JTUFOFS DMJDL
   F
   
   \
   
   
   
   
   DPOTPMFMPH UIJT
   F 
   ^ 
   ! ˣ
   ҎԼͱಉ͡
   ! WBS
   TFMG
   
   UIJT
   EPDVNFOUBEE&WFOU-JTUFOFS DMJDL
   GVODUJPO
   F
   \
   
   
   
   
   DPOTPMFMPH TFMG
   F 
   ^ 
7. $MBTT w ଞͷݴޠͷΑ͏ʹDMBTTͰίʔυΛॻ͘͜ͱ͕ग़དྷΔɻ
 ࠓ·Ͱ͸QSPUPUZQFΛར༻࣮ͯ͠ݱ͍ͯͨ͠ɻ  GVODUJPO
   "OJNBM OBNF
   \

   
   
   
   UIJT@OBNF
   
   OBNF
   cc
   bEFGBVMU
   OBNF`
 ^
 "OJNBMQSPUPUZQFHFU/BNF
   
   GVODUJPO
   
   \

   
   
   
   SFUVSO
   UIJT@OBNF
 ^
   ˣ
   ҎԼͱಉ͡
   DMBTT
   "OJNBM
   \

   
   
   
   DPOTUSVDUPS OBNF
   
   bEFGBVMU
   OBNF`
   \
   
   
   
   
   
   
   
   
   UIJT@OBNF
   
   OBNF

   
   
   
   ^
 

   
   
   
   HFU/BNF
   \

   
   
   
   
   
   
   
   SFUVSO
   UIJT@OBNF

   
   
   
   ^
 ^
8. MFUɾDPOTU ม਺ɾఆ਺એݴ w MFU
   w ม਺ͷӨڹൣғ͕ϒϩοΫείʔϓʹͳΔɻ
 ʢWBSએݴ͸ؔ਺είʔϓʣ
   w DPOTU
   w Ұ౓એݴͨ͠Β࠶୅ೖग़དྷͳ͍ɻ
 ίϯύΠϧΤϥʔ 
9. 5FNQMBUF
   4USJOHT w จࣈྻ಺Ͱม਺ల։͕Ͱ͖ΔΑ͏ʹͳΔɻ
   w όοΫΫΥʔτʮAAʯͰม਺ΛғΉɻ  GVODUJPO
   JOUSPEVDF pSTU/BNF
   MBTU/BNF
   \

   
   
   
   SFUVSO
   bNZ
   OBNF
   JT
   `
   
   MBTU/BNF
   
   b
   `
   
   pSTU/BNF
   b`
 ^
   ! ˣ
   ҎԼͱಉ͡
   ! GVODUJPO
   JOUSPEVDF pSTU/BNF
   MBTU/BNF
   \

   
   
   
   SFUVSO
   ANZ
   OBNF
   JT
   \MBTU/BNF^
   \pSTU/BNF^A
 ^
10. ߹Θͤͯ࢖͏ͱศརͳπʔϧ w &4ͰίʔυΛॻ͍ͯڍಈΛ֬ೝ͢Δͨͼʹ CBCFMίϚϯυΛୟ͘ͷ͸ඇޮ཰ɻ
    w CBCFMίϚϯυ͸ҎԼͷϖʔδΛࢀর
 IUUQTCBCFMKTJPEPDTVTBHFDMJ
    w ػೳ͝ͱʹDMBTTͰϑΝΠϧΛ෼͚ͯɺඞཁʹԠ ͯ͡֎෦ϑΝΠϧΛJNQPSU SFRVJSF ͯ͠ɺ࠷ऴ తʹ͸ෳ਺ʹ෼͚ͨϑΝΠϧΛҰͭʹ·ͱΊΔ ͷ͕ࠓͬΆ͍ॻ͖ํɻ 
11. ߹Θͤͯ࢖͏ͱศརͳπʔϧ w HVMQ
    w &4ͰίʔυΛॻ͍ͯڍಈΛ֬ೝ͢ΔͨͼʹCBCFMίϚϯυΛୟ͘ͷ͸ඇޮ཰ɻ
    w CBCFMίϚϯυ͸ҎԼͷϖʔδΛࢀর
 IUUQTCBCFMKTJPEPDTVTBHFDMJ
    w CSPXTFSJGZ PS
    XFCQBDL
    w ػೳ͝ͱʹDMBTTͰϑΝΠϧΛ෼͚ͯɺඞཁʹԠͯ͡֎෦ϑΝΠϧΛJNQPSU SFRVJSF ͠ ͯɺ࠷ऴతʹ͸ෳ਺ʹ෼͚ͨϑΝΠϧΛҰͭʹ·ͱΊΔͷ͕ࠓͬΆ͍ॻ͖ํɻ 
12. HVMQ w λεΫϥϯφʔ
    w λεΫͱ͸ʁ
    w ϑΝΠϧฤूอଘΛϑοΫʹίϯύΠϧ
    w ຊ൪ϦϦʔε࣌ʹߦ͏Ұ࿈࡞ۀͷొ࿥
    ͳͲ
    w TBTT
    BMU+4ͳͲͷίϯύΠϧ
    w ϑΝΠϧ࿈݁
    w ϑΝΠϧѹॖ
    w IUUQHVMQKTDPN 
13. CSPXTFSJGZ w αʔόʔαΠυ+4ͷϞδϡʔϧ؅ཧػߏ $PNNPO+4 Λϒϥ΢βଆͰ΋࢖͑ΔΑ͏ʹ͢Δπʔϧɻ
    w چདྷ͸".% 3FRVJSF+4 ͰϞδϡʔϧ؅ཧΛͯ͠ɺඇ ಉظͰґଘϑΝΠϧΛϒϥ΢β্ͰಡΈࠐΉ΍Γํ͕ ྲྀߦ͍͕ͬͯͨɺݱࡏͷओྲྀ͸ϒϥ΢βଆ΋ $PNNPO+4ͷॻ͖ํͰରԠͯ͠ɺґଘϑΝΠϧΛ͋Β ͔͡ΊίϯύΠϧͯ͠ղܾ͢Δ΍Γํʹͳ͍ͬͯΔɻ
    w ".%ɺ$PNNPO+4ʹ͍ͭͯࢀߟʹͳΔهࣄ
 IUUQUTVDIJLB[VOFUKBWBTDSJQUNPEVMF
    w IUUQCSPXTFSJGZPSH 
14. ࣮ࡍʹ&4ʹ৮ΕͯΈΑ͏ ҎԼͷαϯϓϧίʔυΛDMPOF
    IUUQTHJUIVCDPNEVZPKJ CBCFM@CSPXTFSJGZ@JO@HVMQ