今日から使えるgulp.js

WEB TOUCH MEETING #95で登壇した資料です。
デモ：https://github.com/takanashi66/wtm95_gulp_demo

Transcript

1. ࠓ೔͔Β࢖͑ΔHVMQKT $PEF$PEF
   Ҫ্
   ୓
2. Ҫ্
   ୓ w ޿ౡϑϩϯτΤϯυษڧձओ࠵
   w $44
   /JUF
   JO
   )*304)*."
   ࣮ߦҕһձ෭ҕһ௕
   w 8&#
   506$)
   .&&5*/(
   ड෇ͷਓ $PEF$PEF ͜Μͳਓ
3. w HVMQKTͱ͸
   w HVMQKTͷಋೖ
   w HVMQKTσϞ
   w ·ͱΊ ໨࣍
4. HVMQKTͱ͸
5. HVMQKTͱ͸ w /PEFKTͷ4USFBN"1*Λ࢖ͬͨϏϧυγεςϜ
   w ઃఆΛ+BWB4DSJQUͰॻ͘
   w ඇಉظͰฒྻॲཧΛߦ͏ ൥ࡶͳॲཧΛࣗಈԽ͢ΔʮϏϧυγεςϜʯ
6. HVMQKTͰ͖Δ͜ͱ w )5.-
   w 4BTT
   w ϕϯμʔϓϨϑΟοΫε
   w ίϯύΠϧ
   w +BWB4DSJQU
   w ѹॖ
   w ϒϥ΢βͷϦϩʔυ XFCαΠτͷίʔσΟϯάʹ͸޻ఔ͕ͨ͘͞Μ
7. HVMQKTͷಋೖ
8. Πϯετʔϧ /PEFKTͷΠϯετʔϧ IUUQOPEFKTKQOPEFKTPSH@KBEPDTW
9. ࠇ͍ը໘
10. OQN
    JOJU ύοέʔδ؅ཧ
    ର࿩ܗࣜͰQSPKFDUͷॳظઃఆΛߦ͏ 
    OQN
    JOJU ϓϩδΣΫτΛڞ༗ͨ͠৔߹ͳͲʹ 
    OQN
    JOTUBMM ࠓͷOQNͷ؀ڥ͕ἧ͏
11. Πϯετʔϧ HVMQKTͷΠϯετʔϧ 
    TVEP
    OQN
    JOTUBMM
    H
    HVMQ 
    OQN
    JOTUBMM
    ŠTBWFEFW
    HVMQ άϩʔόϧΠϯετʔϧ ϩʔΧϧΠϯετʔϧ
12. Πϯετʔϧ HVMQpMFKTͷجຊܗ HVMQUBTL λεΫ໊
    GVODUJPO
    \
    HVMQTSD ಡΈࠐΈΉϑΝΠϧ
    
    ʙॲཧʙ
    QJQF HVMQEFTU ग़ྗ͢ΔσΟϨΫτϦ 
    ^ 
13. HVMQKTσϞ
14. 4BTTͷίϯύΠϧ HVMQTBTTͷΠϯετʔϧ 
    OQN
    JOTUBMM
    ŠTBWFEFW
    HVMQTBTT
15. 4BTTͷίϯύΠϧ
16. WBS
    HVMQ
    
    SFRVJSF HVMQ 
    WBS
    TBTT
    
    SFRVJSF HVMQTBTT  ࢖͏ϓϥάΠϯΛಡΈࠐΉ 4BTTͷίϯύΠϧ
17. HVMQUBTL TBTT
    GVODUJPO \
    
    HVMQTSD IUEPDTDPNNPOTBTT TDTT
    
    QJQF TBTT
    
    QJQF HVMQEFTU IUEPDTDPNNPODTT 
    ^  w TSD
    
    
    ʜ
    ಡΈࠐΉϑΝΠϧΛࢦఆ
    w QJQF
    ʜ
    ॲཧΛͭͳ͙
    w EFTU
    ʜ
    ϑΝΠϧͷग़ྗઌΛࢦఆ 4BTTΛίϯύΠϧ͢ΔλεΫ 4BTTͷίϯύΠϧ
18. HVMQUBTL XBUDI
    GVODUJPO \
    
    HVMQXBUDI
    
    
    
    
    
    IUEPDTDPNNPOTBTT TDTT
    <TBTT>
    
    
    
    
    
    ^  ؂ࢹ͢ΔσΟϨΫτϦΛઃఆ 4BTTͷίϯύΠϧ ؂ࢹ͢ΔσΟϨΫτϦ มߋ͕͋ͬͨ৔߹ͷλεΫ
19. w EFGBVMU
    ʜ
    λεΫ໊Λࢦఆͤͣʹ࣮ߦ͞Εͨ࣌ͷॲཧ HVMQUBTL EFGBVMU
    <XBUDI>  σϑΥϧτͰ࣮ߦ͢ΔλεΫΛ௥Ճ 4BTTͷίϯύΠϧ
20. ϕϯμʔϓϨϑΟοΫΫͷ෇༩ HVMQBVUPQSFpYFSͷΠϯετʔϧ 
    OQN
    JOTUBMM
    ŠTBWFEFW
    HVMQBVUPQSFpYFS w αϙʔτ͍ͨ͠ϒϥ΢βΛࢦఆ͠ɺඞཁͳϕϯμʔϓϨ ϑΟοΫεΛࣗಈͰ෇༩ͯ͘͠ΕΔ w $BO
    *
    VTF
    ʜ
    Λϕʔεʹ࡞ΒΕ͍ͯΔ
    w ϒϥ΢β΍όʔδϣϯΛࢦఆ͢Δ͜ͱ͕Ͱ͖Δ
21. WBS
    BVUPQSFpYFS
    
    SFRVJSF HVMQBVUPQSFpYFS  ࢖͏ϓϥάΠϯΛಡΈࠐΉ ϕϯμʔϓϨϑΟοΫΫͷ෇༩
22. HVMQUBTL TBTT
    GVODUJPO \
    
    HVMQTSD IUEPDTDPNNPOTBTT TDTT
    
    QJQF TBTT
    
    QJQF BVUPQSFpYFS
    
    QJQF HVMQEFTU IUEPDTDPNNPODTT 
    ^  4BTTͷλεΫʹ૊ΈࠐΉ ϕϯμʔϓϨϑΟοΫΫͷ෇༩
23. Τϥʔͷ཈੍ HVMQQMVNCFSͷΠϯετʔϧ 
    OQN
    JOTUBMM
    ŠTBWFEFW
    HVMQQMVNCFS w 4BTTͷίϯύΠϧ࣌ʹΤϥʔ͕͋ΔͱɺHVMQͷXBUDIࣗ ମ͕ࢭ·ͬͯ͠·͏ͷΛճආ
24. WBS
    QMVNCFS
    
    SFRVJSF HVMQQMVNCFS  ࢖͏ϓϥάΠϯΛಡΈࠐΉ Τϥʔͷ཈੍
25. HVMQUBTL TBTT
    GVODUJPO \
    
    HVMQTSD bIUEPDTDPNNPOTBTT TDTT
    ɹ
    QJQF QMVNCFS
    
    QJQF TBTT
    
    QJQF BVUPQSFpYFS
    
    QJQF HVMQEFTU IUEPDTDPNNPODTT 
    ^  4BTTͷλεΫʹ૊ΈࠐΉ Τϥʔͷ཈੍
26. TPVSDFNBQͷग़ྗ HVMQTPVSDFNBQTͷΠϯετʔϧ 
    OQN
    JOTUBMM
    ŠTBWFEFW
    HVMQTPVSDFNBQT w TPVSDFNBQTΛग़ྗ͢Δ
27. WBS
    TPVSDFNBQT
    
    SFRVJSF HVMQTPVSDFNBQT  ࢖͏ϓϥάΠϯΛಡΈࠐΉ TPVSDFNBQͷग़ྗ
28. HVMQUBTL TBTT
    GVODUJPO \
    
    HVMQTSD bIUEPDTDPNNPOTBTT TDTT`
    
    
    
    
    QJQF TPVSDFNBQTJOJU
    ɹ
    QJQF QMVNCFS
    
    QJQF TBTT
    
    QJQF BVUPQSFpYFS
    
    
    
    
    QJQF TPVSDFNBQTXSJUF NBQ
    
    QJQF HVMQEFTU IUEPDTDPNNPODTT 
    ^  4BTTͷλεΫʹ૊ΈࠐΉ Τϥʔͷ཈੍
29. ϒϥ΢βγϯΫ CSPXTFSTZODͷΠϯετʔϧ 
    OQN
    JOTUBMM
    ŠTBWFEFW
    CSPXTFSTZOD w ࣗಈͰϒϥ΢βΛϦϩʔυͯ͘͠ΕΔ
    w ϩʔΧϧαʔόΛཱͯΔͷͰεϚϗͰ΋֬ೝ͕Ͱ͖Δ
    w ΋ͪΖΜεϚϗ΋Ϧϩʔυͯ͘͠ΕΔ
30. WBS
    CSPXTFS4ZOD
    
    SFRVJSF CSPXTFSTZOD DSFBUF  ࢖͏ϓϥάΠϯΛಡΈࠐΉ ϒϥ΢βγϯΫ
31. HVMQUBTL CSPXTFSTZOD
    GVODUJPO
    \
    
    CSPXTFS4ZODJOJU \
    
    
    TFSWFS
    \
    
    
    
    CBTF%JS
    IUEPDT
    
    
    ^
    
    ^ 
    ^  w CBTF%JS
    
    
    ʜ
    ج४ͱͳΔσΟϨΫτϦύε ϒϥ΢βγϯΫʹ࢖͏αʔόΛݐͯΔ ϒϥ΢βγϯΫ
32. WBS
    SFMPBE
    
    CSPXTFS4ZODSFMPBE ϒϥ΢βΛϦϩʔυ͢Δؔ਺ ϒϥ΢βγϯΫ
33. HVMQXBUDI <
    
    IUEPDT  IUNM
    
    IUEPDTDPNNPOKT KT
    
    IUEPDTDPNNPODTT DTT
    > PO DIBOHF
    SFMPBE  ؂ࢹ͢ΔσΟϨΫτϦΛઃఆ ϒϥ΢βγϯΫ
34. HVMQUBTL EFGBVMU
    <CSPXTFSTZOD XBUDI>  σϑΥϧτͰ࣮ߦ͢ΔλεΫΛ௥Ճ ϒϥ΢βγϯΫ
35. ·ͱΊ
36. w ίʔσΟϯάͷ޻ఔ͸ͨ͘͞Μ͋ͬͯ൥ࡶ
    w ͦΕΒΛࣗಈԽͯ͘͠ΕΔʮHVMQKTʯ
    w গ͠ͷ࣌୹͔΋͠Εͳ͍͚ͲɺͪΓ΋ͭ΋Ε͹͍ͭ΋ͷ੍ ࡞ΑΓૣ͘Ͱ͖Δ
    w HVMQGJMFKT΋ॻ͍ͯ͋Δ͜ͱ͸୯७
 ·ͱΊ
37. w ͦΕͰ΋Θ͔Βͳ͍Αͬͯํʹ
 ·ͱΊ IUUQTUFFMZEZMBOHJUIVCJPHVMQHFOFSBUPS
38. ޿ౡϑϩϯτΤϯυษڧձ
    7PM
    
    ʰࠓ೔͔Β࢖͑ΔHVMQKT
    ϋϯζΦϯʱ ݄೔ ౔
    ʙ גࣜձࣾΤϜɾϑΟʔϧυ
    ޿ౡΦϑΟε
    ޿ౡݝ޿ౡࢢத্۠ീஸງ
    ϐϩςΟʔώϩγϚ' IUUQIJSPTIJNBDPEFDPEFXFCDPN