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 full-size slide

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

    View full-size slide

  3. ෱Ҫ͔Βདྷ·ͨ͠

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  7. "
    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 full-size slide

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

    View full-size slide

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

    View full-size slide

  10. Command Line Interface

    View full-size slide

  11. IUUQCFWSZNFMFBSOOPEFJOTUBMM

    View full-size slide

  12. IUUQOPEFKTPSH

    View full-size slide

  13. $ npm install -g npm; npm install -g [email protected]
    ࣌఺

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  16. $ 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 full-size slide

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

    View full-size slide

  18. Enjoy
    Coding!

    View full-size slide

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

    View full-size slide