Gulp のビルドをもっと効率化するツールを作ってみた / Making a Tool for Optimizing a Build Process of Gulp

DIST.17 「Webデザインの現場のための効率化術」 2017/08/25

Transcript

1. Gulp ͷϏϧυΛ΋ͬͱޮ཰Խ͢Δ πʔϧΛ࡞ͬͯΈͨ DIST.17 ʮWebσβΠϯͷݱ৔ͷͨΊͷޮ཰Խज़ʯ 2017/08/25
2. @ktsn (katashin)
4. Pug Λ HTML ʹ
 ίϯύΠϧ
5. ։ൃαʔόʔ΋ ΄͍͠
6. มߋ͞ΕͨΒ
 ϥΠϒϦϩʔυ
 ͍ͨ͠
7. ن໛͕େ͖͍ͱϏϧυͷ
 Ωϟογϡ΋΄͍͠
8. ͱͯ΋ͭΒ͍
9. → Houl
10. • ։ൃαʔόʔ • ϥΠϒϦϩʔυ • Ωϟογϡ શ෦΍ͬͯ͘ΕΔ
11. $ houl build $ houl dev $ houl watch
12. Houl ͷಛ௃ • Gulp ϓϥάΠϯΛͦͷ··࢖͑Δ • ։ൃαʔόʔ͸ιʔεΛಈతʹϏϧυ͢Δ • ϑΝΠϧͷґଘؔ܎΋ղऍ͢Δ Watch ػೳ • ϏϧυͷΩϟογϡػೳ (--cache) • ϓϦηοτػೳ
13. $ npm i -g houl https://github.com/ktsn/houl υΩϡϝϯτ