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
SERVICE HUNT
Search
Taichi
November 26, 2017
0
1.2k
SERVICE HUNT
Taichi
November 26, 2017
Tweet
Share
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.6k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
GitHub's CSS Performance
jonrohan
1031
460k
Fireside Chat
paigeccino
37
3.5k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
The Pragmatic Product Professional
lauravandoore
35
6.7k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
How GitHub (no longer) Works
holman
314
140k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Transcript
JAVASCRIPTͷ։ൃڥʹ͍ͭͯ ͱ࣮ࡍͷ։ൃྫ 2017/11/26 Taichi Nakamura
ࣗݾհ • தଜଠҰ • 7݄ʹಠཱͨ͠ϓϩά ϥϚͰ͢ɻ • Πϯϑϥ͕͖Ͱ͕͢࠷ ۙSwiftʹුؾத
• େֶӃͷࢼݧΛͬ͢Ά͔ͯ͠ϓʔ • ωτήʹϋϚΔ • 28ࡀͰϓϩάϥϚ • ब৬͢ΔҰϲ݄ͰΫϏ • 2ࣾͰ͕ى͖ͯͨͬͨͻͱΓ
• ҙਤͤͣݸਓͰͷ։ൃ͕ଟ͍ɻ
͖ͬͯͨ͜ͱ • ྲྀܥαʔϏε • ۚ༥ܥαʔϏε • WordPressΛมଶతʹͬͨۀཧܥ
ۚ༥ܥαʔϏε • ΞϧΰϦζϜτϨʔυ • גՁੳπʔϧ • Ծ௨՟ؔ࿈
ΞϧΰϦζϜτϨʔυ • ΞϧΰϦζϜτϨʔυΛݸਓͰ͑ΔΑ͏ʹ • ։ൃͯ͠ΦϯϥΠϯূ݊ʹചΓࠐΈɺ࠾༻ • όοΫΤϯυCݴޠͰผձ͕࣮ࣾ • ΠϯϑϥɾαʔόʔɾϑϩϯτΤϯυࣗ ͻͱΓɾɾɾ
αʔόʔߏ
None
ड͚͖Εͳ͍ɾɾɾ
None
͍͘Βʁ • 64GBͷϝϞϦͰ8CPU x 2 + 1 • Ұ25ສԁ/݄͘Β͍ •
εΠον x 2 + 1 • Ұ30ສԁ/݄͘Β͍ • ϩʔυόϥϯαɺVPNඅ༻ͳͲͳͲ ͻͱ݄200ສԁ͘Β͍ɾɾɾ
εΠονʁ
ྫ͑AWSͩͱʁ • 64GBͷϝϞϦͰ16CPUͰ݄ʹ8ສԁ͘Β͍ • ϩʔυόϥϯαɺVPNͳͲͳͲ ͻͱ݄20ສԁ͘Β͍ɾɾɾ
ݸਓ։ൃʹ͓קΊͷΠϯϑϥ • AWSɿ΄΅શͯͷαʔϏε͕ҰແྉͰ͔ͭΔɻ • GCPɿͣͬͱແྉͰαʔόʔ͕͑ΔʢΞϝϦΧͰখ͞ ͍αʔόʔݶఆʣ ̍ؒˈ̏̌̌͘Β͍͑Δ • Azureɿ̍ؒ̎ສԁ͑Δ •
FirebaseɿݸਓͰ༻͢ΔϨϕϧͳΒ΄΅΄΅ແྉ
ϑϩϯτΤϯυ
None
• backbone.js/marionette.js • jQuery • RequireJS • grunt • nodejs
• Backlog
ͳΜͰ͜Μͳʹࢁɾɾɾʁ
282ϑΝΠϧ
282ߦॻ͘ͷɾɾɾ
సૹ࣌ؒͷ૿େ
ͻͱͭʹ ·ͱΊͯऔಘ
• JavaScriptΛϒϥβͷத͚ͩͰͳ͘ɺύιί ϯͷதͰಈ͘Α͏ʹͨ͠ɻ • ChromeͷJavaScriptΤϯδϯΛ͍ͬͯΔ • ͜ΕΛͬͯRequireJS, gruntಈ͍͍ͯΔ
• ੜ͖ΔϑϨʔϜϫʔΫπʔϧΛબͿ ͷॏཁ͚ͩͲṌ͚ • jQuery༗ೳ • ख࡞ۀͰσϓϩΠ͢Δͷਏ͍
גࣜੳπʔϧ • ϦΞϧλΠϜͰגՁΛऔ ಘͯ͠ɺेछྨͷੳ Λߦ͏πʔϧɻ • ϑϩϯτΤϯυͷΈ • 3ਓͰ։ൃ
• Reactjs • jQuery • WebPack • gulp • nodejs
• Github • D3.js
• ҝସͷςΟοΫσʔλͱ͔ेສ݅Ͱ͍ • ReactΓ͍͚ͨͩͰબͿͱޙչ • Webpackͷઃఆਏ͍ɻ • gulpͰগ͠σϓϩΠָ͕ʹͳ͚ͬͨͲgulp ͷઃఆਏ͍ •
νʔϜͰ։ൃͰͷ͕ൃੜ
None
Ծ௨՟ܥͷϑϩϯτΤϯυ • 3ਓͰ։ൃ • CIΛಋೖ
• CreateReactApp • Jest • jQuery • nodejs • Github
• circleCI • Heroku
• ηοτΞοϓָʹͳͬͨ • Ͱπʔϧ͕૿͑ͨɾɾɾ • ϓϦϦΫΤετϨϏϡʔɺࣗಈςετ Ͱίʔυͷ্࣭͕ͬͨ
https://qiita.com/taichi0529/items/7a7e042335d2405e2220
·ͱΊ • jQueryͰΓΔ͜ͱ͔ͳΓଟ͍ • Create React App͓͢͢Ί • SwiftαΠίʔ •
νʔϜ։ൃπʔϧҎ֎ͷ͕ग़ͯ͘Δɻ
–τϜɾσϚϧίʮϐʔϓϧΣΞʯ “ʮΘΕΘΕͷ๊͑Δओཁͳɺٕͦͦ ज़తͰͳࣾ͘ձֶతͳͷͰ͋Δʯ”
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ