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.9k
Sassと仲良くお付き合い
shirokuro331
4
2k
Other Decks in Design
See All in Design
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
200
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.5k
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
410
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
130
#Dubois Challenge 2025: Economics
ajstarks
1
190
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
170
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
680
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.2k
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
190
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
400
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2.8k
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
360
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
900
GitHub's CSS Performance
jonrohan
1032
460k
4 Signs Your Business is Dying
shpigford
185
22k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
The Language of Interfaces
destraynor
162
25k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Optimizing for Happiness
mojombo
379
70k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Statistics for Hackers
jakevdp
799
220k
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