Hello DocPad

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

Transcript

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

   View Slide

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

   View Slide

3. ෱Ҫ͔Βདྷ·ͨ͠
   

   View Slide

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

   View Slide

5. What?
   

   View Slide

6. w 4UBUJD4JUF(FOFSBUPS
   w )5.- $44ͳͲͷ੩తϑΝΠϧΛ
   ϓϩάϥϜతʹੜ੒͢Δ
   w /PEF &YQSFTTKT੡
   w σʔλϕʔεෆཁ
   What?
   

   View Slide

7. "
   DocPad removes limitations and closes
   the gap between experts and beginners.
   Designers and developers can create
   websites faster than ever before.
   

   View Slide

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
   

   View Slide

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

   View Slide

10. w)5.-#PJMFSQMBUF
    w5XJUUFS#PPUTUSBQ
    w,JUDIFOTJOL
    w%PD1BET8FCTJUF
    w#FWSZT8FCTJUF
    w3FWFBMKT
    w:6*1VSF$44
    w;VSC'PVOEBUJPO
    w/P4LFMFUPOɹɹɹɹɹɹɹBOENPSF
    Skeletons
    

    View Slide

11. Install
    

    View Slide

12. Command Line Interface
    

    View Slide

13. IUUQCFWSZNFMFBSOOPEFJOTUBMM
    

    View Slide

14. IUUQOPEFKTPSH
    

    View Slide

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

    View Slide

16. Demo
    

    View Slide

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

    View Slide

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

    View Slide

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)
    

    View Slide

20. Conclusion
    

    View Slide

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

    View Slide

22. Enjoy
    Coding!
    

    View Slide

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

    View Slide