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
紳士なおじさんYeomanに学ぶ異性を落とす3つのテクニック
Search
ij_spitz
June 25, 2015
Technology
0
210
紳士なおじさん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.2k
プロダクト改善のためのデータ分析入門
ij_spitz
1
89
これからの強化学習_3.1_3.2
ij_spitz
0
110
海外スタートアップにおけるA/Bテスト基盤の紹介
ij_spitz
9
17k
GunosyにおけるABテスト
ij_spitz
1
480
fitbitではじめるオープンデータ
ij_spitz
0
170
食べログデータから見る東新宿と西早稲田のランチ事情
ij_spitz
0
370
Linuxとファイル
ij_spitz
0
100
Supporter Opinion
ij_spitz
0
67
Other Decks in Technology
See All in Technology
ソフトウェアエンジニアの生成AI活用と、これから
lycorptech_jp
PRO
0
820
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
初めてのDatabricks Apps開発
taka_aki
1
240
Databricks AI/BI Genie の「値ディクショナリー」をAmazonの奥地(S3)まで見に行く
kameitomohiro
1
380
RDS の負荷が高い場合に AWS で取りうる具体策 N 連発/a-series-of-specific-countermeasures-available-on-aws-when-rds-is-under-high-load
emiki
7
4.5k
AI時代の開発を加速する組織づくり - ブログでは書けなかったリアル
hiro8ma
1
240
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
8.9k
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
1
410
AIエージェント入門 〜基礎からMCP・A2Aまで〜
shukob
1
150
生成AI時代のセキュアコーディングとDevSecOps
yuriemori
0
150
エンタメとAIのための3Dパラレルワールド構築(GPU UNITE 2025 特別講演)
pfn
PRO
0
620
今この時代に技術とどう向き合うべきか
gree_tech
PRO
2
2.1k
Featured
See All Featured
BBQ
matthewcrist
89
9.8k
Thoughts on Productivity
jonyablonski
70
4.9k
The Language of Interfaces
destraynor
162
25k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Context Engineering - Making Every Token Count
addyosmani
7
290
How to Think Like a Performance Engineer
csswizardry
27
2.1k
It's Worth the Effort
3n
187
28k
KATA
mclloyd
PRO
32
15k
Writing Fast Ruby
sferik
629
62k
A Tale of Four Properties
chriscoyier
161
23k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Side Projects
sachag
455
43k
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