Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Hello DocPad
Search
Toshiaki Sasaki
August 24, 2013
Design
2
2.1k
Hello DocPad
第7回Creators MeetUp の発表資料です。
Toshiaki Sasaki
August 24, 2013
Tweet
Share
More Decks by Toshiaki Sasaki
See All by Toshiaki Sasaki
脱残念Webデザイン CSS編
shirokuro331
4
1.6k
Let Fast Web Developing DocPad & Ghostlab
shirokuro331
2
6.8k
Sassと仲良くお付き合い
shirokuro331
4
2k
Other Decks in Design
See All in Design
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
2.8k
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
デザイナーとPMの両ロール_3つのポイント
toy1618
1
320
The Golden Whitney
ohtristanart
PRO
0
500
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
670
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
670
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
410
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
280
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
150
Starry | Storyboards | Scene 1-21
giofortuna_story
0
280
オープンデータを利用して色々なものを作った話
hjmkth
1
110
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
360
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.7k
4 Signs Your Business is Dying
shpigford
184
22k
Automating Front-end Workflow
addyosmani
1370
200k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Unsuck your backbone
ammeep
671
58k
How to train your dragon (web standard)
notwaldorf
92
6.1k
Gamification - CAS2011
davidbonilla
81
5.3k
Rails Girls Zürich Keynote
gr2m
94
14k
Being A Developer After 40
akosma
90
590k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
930
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
210
Transcript
Hello! Toshiaki Sasaki(Web Designer at ALLCONNECT INC.,) 2013.08.24ɹCreators MeetUp Vol.7
Web Designer at ALLCONNECT.Inc. @shirokuro331 Toshiaki Sasaki
Ҫ͔Βདྷ·ͨ͠
$SFBUPST.FFU6QΫϦΤΠλʔ͕ܹ͠߹͏Ͱ͢ l
What?
w 4UBUJD4JUF(FOFSBUPS w )5.- $44ͳͲͷ੩తϑΝΠϧΛ ϓϩάϥϜతʹੜ͢Δ w /PEF &YQSFTTKT w
σʔλϕʔεෆཁ What?
" DocPad removes limitations and closes the gap between experts
and beginners. Designers and developers can create websites faster than ever before.
" 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
w.BSLEPXO w+BEF w4BTT 4$44 w-FTT w4UZMVT w$P⒎FF4DSJQU Pre-Processors
w)5.-#PJMFSQMBUF w5XJUUFS#PPUTUSBQ w,JUDIFOTJOL w%PD1BET8FCTJUF w#FWSZT8FCTJUF w3FWFBMKT w:6*1VSF$44 w;VSC'PVOEBUJPO w/P4LFMFUPOɹɹɹɹɹɹɹBOENPSF Skeletons
Install
Command Line Interface
IUUQCFWSZNFMFBSOOPEFJOTUBMM
IUUQOPEFKTPSH
$ npm install -g npm; npm install -g
[email protected]
࣌
Demo
$ mkdir foldername $ cd foldername $ docpad run Start
1. choose skelton 2. wait...(setup) 3. http://localhost:9778/ Start
$ 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)
Conclusion
DocPad is w 4LFMUPOͰαΫοͱαΠτͷͻͳܗ࡞ΕΔ w 1SF1SPDFTTPS -JWFSFMPBEͰૉૣ͘ ੩తϖʔδ͕ੜͰ͖Δ w (JU)VCͱ͔ͷ%FQMPZϥΫϥΫ
w ָ͍͠ʂ
Enjoy Coding!
Web Designer at ALLCONNECT.Inc. Thank You Toshiaki Sasaki SNS :
@shirokuro331