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
260
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
350
Other Decks in Programming
See All in Programming
RubyGems on ruby.wasm
kateinoigakukun
0
130
ServerAction で Progressive Enhancement はどこまで頑張れるか? / progressive-enhancement-with-server-action
takefumiyoshii
6
510
TypeScript Custom GitHub Action Development Tips
peaceiris
2
500
Balkan Ruby 2024 — How and why to run SQLite on Rails in production
fractaledmind
0
110
Open standards for building event-driven applications in the cloud
meteatamel
0
230
Slackワークフローで感謝を伝える機能/WiFi 自動接続/Figma to React Component/障害レポート君 Team3@NOT A HOTEL
nakaohiroshi
0
110
The Design of Everyday APIs - PyCon 2024
roguelynn
1
190
otelcol receiver 自作RTA / Pepabo Tech Conference #22 春のSREまつり
arthur1
0
980
ペパボOpenTelemetry革命
pyama86
2
1.1k
freeeのエンジニアが 就活で出そうな コーディングテストを 解説してみる
freee
1
170
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
74k
TypeScriptの型とパフォーマンス (TSKaigi 2024)
ypresto
14
4.6k
Featured
See All Featured
WebSockets: Embracing the real-time Web
robhawkes
59
7k
What's in a price? How to price your products and services
michaelherold
238
11k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.7k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Building Effective Engineering Teams - LeadDev
addyosmani
33
1.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
84
45k
Practical Orchestrator
shlominoach
183
9.8k
Creatively Recalculating Your Daily Design Routine
revolveconf
211
11k
Facilitating Awesome Meetings
lara
43
5.6k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Into the Great Unknown - MozCon
thekraken
15
1.1k
Six Lessons from altMBA
skipperchong
22
3k
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/