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
Web Development with Yeoman
Search
isoda yu
December 23, 2013
Programming
1
290
Web Development with Yeoman
学内勉強会用に作った資料
isoda yu
December 23, 2013
Tweet
Share
More Decks by isoda yu
See All by isoda yu
Node.jsでシングルページWebアプリケーション
isoden
0
360
Other Decks in Programming
See All in Programming
CSC509 Lecture 02
javiergs
PRO
0
400
CSC305 Lecture 02
javiergs
PRO
1
260
CSC509 Lecture 01
javiergs
PRO
1
430
Le côté obscur des IA génératives
pascallemerrer
0
120
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
3.1k
iOS 17で追加されたSubscriptionStoreView を利用して5分でサブスク実装チャレンジ
natmark
0
580
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
0
380
Reduxモダナイズ 〜コードのモダン化を通して、将来のライブラリ移行に備える〜
pvcresin
2
680
Catch Up: Go Style Guide Update
andpad
0
170
AIで開発生産性を上げる個人とチームの取り組み
taniigo
0
130
LLMとPlaywright/reg-suitを活用した jQueryリファクタリングの実際
kinocoboy2
4
670
Model Pollution
hschwentner
1
180
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Being A Developer After 40
akosma
91
590k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
850
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Thoughts on Productivity
jonyablonski
70
4.9k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Building Applications with DynamoDB
mza
96
6.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Transcript
@isoden_ Lewis Martin / scaffolding / http://www.flickr.com/photos/ldm/14296081/ YeomanͰߏங͢Δ Web։ൃڥ
//github.com/isoden // isoden.github.io ా༏
ࠓճ͓͢Δ͜ͱ • ࠷ۙͷ8FC੍࡞ • ໘ͳ࡞ۀͷࣗಈԽ • λʔϛφϧૢ࡞
࠷ۙͷ8FC੍࡞
࠷ۙͷ8FC੍࡞ • $44ॻ͔ͳ͍ • +BWB4DSJQUॻ͔ͳ͍
• ύϑΥʔϚϯεΛॏཁࢹ • ը૾ͷ࠷దԽ ܰྔԽ • ϑΝΠϧͷNJOJGZ BOENPSF
None
None
ϝλݴޠ • +BEF )BNM • IUNMϑΝΠϧੜ • -FTT
4BTT 4UZMVT $441SFQSPDFTTPS • DTTϑΝΠϧੜ • $P⒎FF4DSJQU 5ZQF4DSJQU )BYF • KTϑΝΠϧੜ ςϯϓϨʔτΤϯδϯɾϝλݴޠ͔ΒϑΝΠϧΛੜ ίϯύΠϧ࡞ۀ͕ඞਢ
Lamya Rashid / back to work! / http://www.flickr.com/photos/karroozi/1609253/ ࠓճհ͢Δͷɺ ͦΜͳ໘ͳ࡞ۀΛࣗಈԽ͢Δπʔϧ
ͨͩɺָΛ͢ΔͨΊʹ͋ΔఔͷؤுΓ͕ඞཁ
Yeoman http://yeoman.io/
:FPNBOͱʁ • .0%&3/803,'-084'03.0%&3/8&#"114 • /PEFKTͷڥߏஙπʔϧ • ͖ͬ͞ͷ໘ͳ࡞ۀΛࣗಈԽͯ͘͠ΕΔ •
ZP CPXFS (SVOUKTͷͭͷπʔϧ܈Ͱܗ͞ΕΔ
Yo http://yeoman.io/
:P • 4DB⒎PMEJOHͷػೳΛఏڙ • K2VFSZϓϥάΠϯ༻ͻͳܗ • 8PSE1SFTT༻ͷͻͳܗ • 8FCαΠτ੍࡞༻ͷͻͳܗ
ͳͲͷڥ͕͙͢࡞ΕΔ
Bower http://bower.io/
CPXFS • 5XJUUFSࣾ • ύοέʔδϚωʔδϟʔ • ϥΠϒϥϦͷόʔδϣϯ ཧ
Grunt http://gruntjs.com/
(SVOU • CPDPVQࣾ • +4ΛͬͨλεΫϥϯφʔ • ϑΝΠϧͷNJOJGZ • ը૾ͷ࠷దԽ •
ߏจνΣοΫ • ֤छϝλݴޠͷίϯύΠϧ • ͱʹ͔͍͕͍ͭ͘͜͢͝ʂ
ඞཁͳͷ • /PEFKT (http://nodejs.org) • (JU(http://git-scm.com/) ݸʑͰඞཁͰ͋Ε
• 3VCZ 4BTT $PNQBTTͳͲΛ͏߹ඞཁ
> ૢ࡞ࠇ͍ը໘Ͱߦ͍·͢ɻ@
·ͣλʔϛφϧΛىಈ $ sudo npm install -g yo grunt-cli bower
// 3छͷπʔϧ܈ΛάϩʔόϧྖҬʹΠϯετʔϧ $ npm search yeoman-generator // yeomanͷͻͳܗͱͳΔgeneratorΛ୳͢ $ sudo npm install -g generator-webapp // generatorΛάϩʔόϧྖҬʹΠϯετʔϧ
None
·ͣλʔϛφϧΛىಈ $ mkdir project_folder && cd project_folder //
ϓϩδΣΫτϑΥϧμʔΛ࡞ͦ͜͠·ͰҠಈ $ yo webapp // ઌ΄ͲΠϯετʔϧͨ͠website༻ͷͻͳܗΛϏϧυ
%&.0
·ͱΊ • :FPNBOͰ࡞ۀޮ͕֨ஈʹ্͕Δ • ࠇ͍ը໘ͷ৮Γ࢝Ίʹ͑Δ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ग़య - http://yeoman.io -
http://bower.io - http://gruntjs.com - http://www.slideshare.net/jsugiyama/yeoman-19583549 - http://yosuke-furukawa.hatenablog.com/entry/2013/07/04/085814 Robert Barney / Thank You Note Letterpress / http://www.flickr.com/photos/r_b/2452307906/