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
2k
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.5k
Let Fast Web Developing DocPad & Ghostlab
shirokuro331
2
6.6k
Sassと仲良くお付き合い
shirokuro331
4
1.9k
Other Decks in Design
See All in Design
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
280
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
290
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
6k
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
630
ブランドづくりの双視点 - GUILD #31 ブランディング勉強会
yampuu
0
100
Fleet Gas Station
joshtang
0
140
我做了一個詐騙網站...嗎?
crboy
1
150
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
2.1k
アジャイル開発におけるFigmaAI新機能の活用
abokadotyann
1
200
SaaSのマーケティングを進めるサービスサイトを育てる取り組み / Designship 2024 Main Stage
sms_tech
1
1.1k
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
280
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
ncdc
9
7.9k
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
What's new in Ruby 2.0
geeforr
343
31k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
505
140k
Being A Developer After 40
akosma
86
590k
A Philosophy of Restraint
colly
203
16k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Fireside Chat
paigeccino
33
3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
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