Hello DocPad

Transcript

1. Hello! Toshiaki Sasaki(Web Designer at ALLCONNECT INC.,) 2013.08.24ɹCreators MeetUp Vol.7

2. Web Designer at ALLCONNECT.Inc. @shirokuro331 Toshiaki Sasaki

3. ෱Ҫ͔Βདྷ·ͨ͠

4. $SFBUPST
   .FFU6Q͸ΫϦΤΠλʔ͕ܹࢗ͠߹͏৔Ͱ͢ l

5. What?

6. w 4UBUJD
   4JUF
   (FOFSBUPS w )5.-
   $44ͳͲͷ੩తϑΝΠϧΛ ϓϩάϥϜతʹੜ੒͢Δ w /PEF
   &YQSFTTKT੡ w

   σʔλϕʔεෆཁ What?

7. " DocPad removes limitations and closes the gap between experts

   and beginners. Designers and developers can create websites faster than ever before.

8. " DocPad removes limitations and closes the gap between experts

   and beginners. Designers and developers can create websites faster than ever before. %PD1BEͳΒϏΪφʔͱϓϩͳΜͯؔ܎ͳ͍:P ΈΜͳࠓΑΓૣ͘8FCαΠτ࡞ΕΔ:P

9. w.BSLEPXO w+BEF w4BTT
   4$44 w-FTT w4UZMVT w$P⒎FF
   4DSJQU Pre-Processors

10. w)5.-
    #PJMFSQMBUF w5XJUUFS
    #PPUTUSBQ w,JUDIFOTJOL w%PD1BET
    8FCTJUF w#FWSZT
    8FCTJUF w3FWFBMKT w:6*
    1VSF$44 w;VSC
    'PVOEBUJPO w/P
    4LFMFUPOɹɹɹɹɹɹɹBOE
    NPSF Skeletons

11. Install

12. Command Line Interface

13. IUUQCFWSZNFMFBSOOPEFJOTUBMM

14. IUUQOPEFKTPSH

15. $ npm install -g npm; npm install -g docpad@6.50 ࣌఺

16. Demo

17. $ mkdir foldername $ cd foldername $ docpad run Start

18. 1. choose skelton 2. wait...(setup) 3. http://localhost:9778/ Start

19. $ docpad install ghpages $ git add . $ git

    commit -m "commit message" $ git remote add origin [GitHub clone URL] $ git fetch origin $ docpad deploy-ghpages Deploy(GitHub)

20. Conclusion

21. DocPad is w 4LFMUPOͰαΫοͱαΠτͷͻͳܗ࡞ΕΔ w 1SF1SPDFTTPS
    -JWFSFMPBEͰૉૣ͘ ੩తϖʔδ͕ੜ੒Ͱ͖Δ w (JU)VCͱ͔΁ͷ%FQMPZ΋ϥΫϥΫ

    w ָ͍͠ʂ

22. Enjoy Coding!

23. Web Designer at ALLCONNECT.Inc. Thank You Toshiaki Sasaki SNS :

    @shirokuro331