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
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
800
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.4k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
harutaka Vision Deck
zenkigenforrecruit
0
210
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
800
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
330
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
570
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
110
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
880
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
portfolio.pdf
onof003
0
160
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
920
Making the Leap to Tech Lead
cromwellryan
135
9.5k
Producing Creativity
orderedlist
PRO
347
40k
The Language of Interfaces
destraynor
161
25k
Balancing Empowerment & Direction
lara
3
610
Six Lessons from altMBA
skipperchong
28
4k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Designing Experiences People Love
moore
142
24k
The World Runs on Bad Software
bkeepers
PRO
70
11k
What's in a price? How to price your products and services
michaelherold
246
12k
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