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
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
320
decksh object reference
ajstarks
2
1.3k
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
570
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
580
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
130
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.4k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
530
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
580
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
190
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2k
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
890
Featured
See All Featured
Docker and Python
trallard
46
3.6k
Designing Experiences People Love
moore
142
24k
Typedesign – Prime Four
hannesfritz
42
2.8k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
How to Think Like a Performance Engineer
csswizardry
27
2.1k
Visualization
eitanlees
149
16k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Scaling GitHub
holman
463
140k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Agile that works and the tools we love
rasmusluckow
331
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
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