大規模静的サイトのためのビルドツール

Meguro.es x Gotanda.js #1 in Drecom
https://github.com/ktsn/houl

Transcript

1. େن໛੩తαΠτͷͨΊͷ
   Ϗϧυπʔϧ
   .FHVSPFTY(PUBOEBKTJO%SFDPN
   

   View Slide

2. !LUTO
   LBUBTIJO
   ϑϩϯτΤϯυΤϯδχΞ
   ࠷ۙ͸ίʔυΛΩϨΠʹͨ͠Γ

   ΈΜͳΛԠԉ͢Δ͓࢓ࣄͯ͠·͢
   

   View Slide

3. େن໛੩తαΠτ
   

   View Slide

4. View Slide

5. Ϗϧυ͕࣌ؒ௕͍ͱ

   ͍Ζ͍ΖͱࠔΔ
   

   View Slide

6. 13ຖʹϏϧυˠϓϨϏϡʔ
   

   View Slide

7. 7JTVBM5FTUຖʹϏϧυ
   

   View Slide

8. Ϗϧυ࣌ؒΛ୹͍ͨ͘͠
   

   View Slide

9. LUTOIPVM
   

   View Slide

10. ϏϧυΩϟογϡ
    ґଘ
    มߋͱͦͷґଘΛϏϧυ
    ɹˠJOEFYTDTT
    Ϣʔβʔ͕ߋ৽
    ɹˠ@WBSJBCMFTTDTT
    Ϗϧυͷ

    Ωϟογϡ
    

    View Slide

11. EFWTFSWFSʹ

    ϑΝΠϧΛϦΫΤετ

    ˠJOEFYDTT
    ґଘ
    ͦΕΛϏϧυͯ͠ฦ͢
    ϏϧυલϑΝΠϧΛऔಘ
    ɹˠJOEFYTDTT
    ಈతίϯύΠϧ
    

    View Slide

12. (VMQϓϥάΠϯΛ࢖͑Δ
    

    View Slide

13. # ΩϟογϡΛߟྀͯ͠Ϗϧυ
    $ houl build -c config.js —cache .cache
    # Dev server ΛͨͯΔ
    $ houl dev -c config.js
    

    View Slide

14. σϞ
    

    View Slide

15. ·ͱΊ
    w େن໛੩తαΠτͰ͸(VMQͷϏϧυ͕࣌ؒ

    ௕͘ͳͬͯͭΒ͍
    w Ϗϧυ͕࣌ؒ୹͘͢ΔͨΊʹLUTOIPVMΛ

    ࡞ͬͯΈͨ
    w (VMQϓϥάΠϯޓ׵ͰΩϟογϡػೳɺ

    EFWTFSWFS෇͖
    

    View Slide