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
マンガアプリViewerの大画面対応を考える
kk__777
0
280
フロントエンド開発のためのブラウザ組み込みAI入門
masashi
7
3.6k
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
660
Pythonに漸進的に型をつける
nealle
1
130
React Nativeならぬ"Vue Native"が実現するかも?_新世代マルチプラットフォーム開発フレームワークのLynxとLynxのVue.js対応を追ってみよう_Vue Lynx
yut0naga1_fa
2
1.6k
Reactive Thinking with Signals and the Resource API
manfredsteyer
PRO
0
110
AI Agent 時代的開發者生存指南
eddie
4
2.1k
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
3
250
Vueのバリデーション、結局どれを選べばいい? ― 自作バリデーションの限界と、脱却までの道のり ― / Which Vue Validation Library Should We Really Use? The Limits of Self-Made Validation and How I Finally Moved On
neginasu
2
1.6k
開発組織の戦略的な役割と 設計スキル向上の効果
masuda220
PRO
10
1.7k
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
18
8.8k
Catch Up: Go Style Guide Update
andpad
0
260
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Statistics for Hackers
jakevdp
799
220k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Navigating Team Friction
lara
190
15k
Practical Orchestrator
shlominoach
190
11k
The Invisible Side of Design
smashingmag
302
51k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
890
Visualization
eitanlees
149
16k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
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/