Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Hello DocPad

Toshiaki Sasaki
August 24, 2013

Hello DocPad

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

Toshiaki Sasaki

August 24, 2013
Tweet

More Decks by Toshiaki Sasaki

Other Decks in Design

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 [email protected]
    ࣌఺

    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