$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
紳士なおじさんYeomanに学ぶ異性を落とす3つのテクニック
Search
ij_spitz
June 25, 2015
Technology
0
190
紳士なおじさんYeomanに学ぶ異性を落とす3つのテクニック
第1回ELT
ij_spitz
June 25, 2015
Tweet
Share
More Decks by ij_spitz
See All by ij_spitz
GunosyにおけるABテストの全容
ij_spitz
3
2.1k
プロダクト改善のためのデータ分析入門
ij_spitz
2
77
これからの強化学習_3.1_3.2
ij_spitz
0
100
海外スタートアップにおけるA/Bテスト基盤の紹介
ij_spitz
9
17k
GunosyにおけるABテスト
ij_spitz
1
460
fitbitではじめるオープンデータ
ij_spitz
0
160
食べログデータから見る東新宿と西早稲田のランチ事情
ij_spitz
0
340
Linuxとファイル
ij_spitz
0
79
Supporter Opinion
ij_spitz
0
59
Other Decks in Technology
See All in Technology
GAS × Discord bot × Gemini で作ったさいきょーの情報収集ツール
ysknsid25
1
720
Explain EXPLAIN
keiko713
10
2.6k
AWS認定試験の長文問題を早く解くコツ
keke1234ke
0
160
pmconf2024_UPSIDER
upsider_tech
0
6.6k
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
0
15k
振る舞い駆動開発(BDD)における、テスト自動化の前に大切にしていること #stac2024 / BDD formulation
nihonbuson
2
570
Oracle Cloud Infrastructure:2024年11月度サービス・アップデート
oracle4engineer
PRO
0
190
クラウドネイティブへの小さな一歩!既存VMからコンテナまで、KubeVirtが実現する『無理しないペースの移行』とは!?
tsukaman
0
110
GeminiとUnityで実現するインタラクティブアート
hokkey621
0
590
sre本読んだ感想
pisakun
0
220
開志専門職大学特別講義 2024 デモパート
1ftseabass
PRO
0
210
Bytebaseで実現する データベース管理の効率化
shogo452
2
370
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Rails Girls Zürich Keynote
gr2m
94
13k
How to Think Like a Performance Engineer
csswizardry
21
1.2k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
GitHub's CSS Performance
jonrohan
1030
460k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.3k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
Transcript
1 2015.06.25 ਈ࢜ͳ͓͡͞Μ YeomanʹֶͿҟੑΛ མͱ̏ͭ͢ͷςΫχοΫ ! ੴ௩ ३
ಥવͰ͕͢ɺɺɺ 2
օ͞Μ࿀ਓ͍·͔͢ʁ 3
ຊͷత • What – ΠέͯΔϕϯνϟʔاۀͷࣾһͷօ͞Μʹɺ ࿀ਓΛ࡞ͬͯΒ͏ • How – ਈ࢜ͳ͓͡͞ΜYeoman͞Μ͔Β
– ҟੑʢ։ൃऀʣΛམͱ͢ςΫχοΫΛֶͿ 4 ΈΜͳʹ൴ঁ͕Ͱ͖Δ
ςΫχοΫͦͷ̍ ҟੑ͕ऑ͍ͬͯΔॠؒΛૂ͑ 5
ग़ࣾ • mongoDB • Express • AngularJS • Nodejs 6
MEANͰ࡞ͬͯʂ ʮMEANͱ…?ʯ
ExpressʹΑΔͻͳܗ࡞ ͱΓ͋͑ͣͬͯΈΑ͏ʂ 7
ExpressͷσΟϨΫτϦߏ 8 ɾϝΠϯεΫϦϓτ ɾαʔόʔىಈεΫϦϓτ ɾϞδϡʔϧ ɾϞδϡʔϧཧϑΝΠϧ ɾ੩తϑΝΠϧ ɾίϯτϩʔϥʔ ɾςϯϓϨʔτʢejs, jadeʣ
Expressʹ్ํʹΕΔ։ൃऀ 9 • ܰྔͱฉ͍͍͚ͯͨͲ͜ ͜·Ͱࣗ༝ߴ͍ͷ͔ • ݸਓ։ൃ͚ͩͲNodeॳΊͯ ͩ͠ɺΦϥΦϥ࣮ʹͳͬ ͨΒݏͩͳ •
Ϟσϧ…ʁ
Yeoman Yeoman ! ! ! ! ! ͜ͷ͓͡͞Μ͕ղܾ͠·͢ 10
Yeomanͷߏ • Yo scaffoldingπʔϧ ๛ͳGenerator ͕Web্ʹଘࡏ ࣗ࡞Ͱ͖Δ 11 • Grunt
Ϗϧυπʔϧ ςετ assetsͷѹॖ • bower ϑϩϯτΤϯυ༻ ύοέʔδϚωʔ δϟʔ npmͷϑϩϯτ όʔδϣϯ
ςΫχοΫͦͷ̎ ! ! ! ܸͪΌͨΔ 12
େྔੜ࢈ΛՄೳʹ͢Δͻͳܗ࡞ • npm install -g yo grunt-cli bower • npm
install -g generator-angular-fullstack • yo angular-fullstack • grunt serve ! ! ͨͬͨ͜Ε͚ͩͰαʔόʔىಈ·ͰͰ͖Δʂ ͦͷଞίϯτϩʔϥʔϞσϧͷ ͻͳܗΛ࡞͢ΔίϚϯυଘࡏ 13
๛ͳGenerator • angular • angular-fullstack • jhipster – Spring +
AngularJS for Java developers • gulp-angular – gulp not grunt • express • angular-express-sequelize • flux – react 14
ςΫχοΫͦͷ̏ ! ! ! ऴΘΓྑ͚Εશͯྑ͠ 15
ϏϧυπʔϧGrunt • Ϗϧυ࣌ͷλεΫΛίʔυͰࣗಈԽͰ͖Δ – assetsͷѹॖ – ςετ࣮ߦ – ߏจνΣοΫʢJSLintʣ •
ؾ࣋Α͘։ൃΛऴ͑ΒΕΔ – ·͓ͨ͏ͱ͍͏ؾ࣋ͪʹͳΔ 16
Yeoman·ͱΊ • Yo ΞϓϦέʔγϣϯͷͻͳܗ࡞ • Grunt ςετ/Ϗϧυπʔϧ • bower ϑϩϯτΤϯυ༻ύοέʔδϚωʔδϟʔ
17
Yeoman͞Μ͔ΒͷςΫχοΫ·ͱΊ • ҟੑ͕ऑ͍ͬͯΔॠؒΛૂ͑ – ͩΕͦ͠Μͳ͕࣌͋ΔͣͰ͢ɻ • ܸͪΌͨΔ – ετϥΠΫκʔϯΛ͛·͠ΐ͏ɻ •
ऴΘΓྑ͚Εશͯྑ͠ – ॳσʔτऴΘΓ͕؊৺Ͱ͢ɻ – ·ͨձ͍͍ͨͱࢥΘͤ·͠ΐ͏ɻ 18
࠷ޙʹɺɺɺ 19
൴ঁ͍·ͤΜʂʂ 20 ͞Μ͟ΜҒͦ͏ͳ͜ͱ ݴ͖ͬͯͨͰ͕͢ɺ
21 ߹ίϯɾঁͷࢠͷհ ઈࢍडதͰ͢ʂ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ Enjoy Yeoman! 22
Node.jsͱ • എܠ – C10K • جຊઃܭ – γϯάϧεϨου •
ϝϞϦফඅྔ͕গͳ͍ – ϊϯϒϩοΩϯάI/O – Πϕϯτϧʔϓ • ApacheͱNginx • ΫϥΠϯτͷϦΫΤετ͝ͱʹεϨουΛ࡞ 23
Node.js·ͱΊ • ίʔϧόοΫͰωετ͕ਂ͘ͳΔ → asyncϞδϡʔϧ • ಈతܕ͚ • Ϋϥεͷ֓೦͕ಛघʢObject, prototypeʣ
→ altJS Alternative JavaScriptͷུ ιʔεΛJavaScriptʹίϯύΠϧͯ͠͏ ࠷ۙͩͱMSͷTypeScript͕ྲྀߦ 24
YeomanΛ͏ར • جຊExpressͳͷͰܰྔ • npm, bowerͰύοέʔδ͕ཧ͞Ε͍ͯΔͷͰෳ ਓ։ൃ͕͍͢͠ • σϑΥϧτͰ͋Δఔͷύοέʔδ͕ՃࡁΈ –
ೝূܥ, ORϚούʔ, jQuery, bootstrap • δΣωϨʔλ͕બΔ and ࣗ࡞Ͱ͖Δ • ςετ, ϏϧυࣗಈԽ – assetsͷѹॖ, ίϯύΠϧʢCoffeeͱ͔ʣ • ͳʹΑΓ։ൃεϐʔυ 25