Hello DocPad

第7回Creators MeetUp の発表資料です。

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