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
1k
SERVICE HUNT
Taichi
November 26, 2017
Tweet
Share
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1356
200k
Into the Great Unknown - MozCon
thekraken
10
990
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
BBQ
matthewcrist
80
8.8k
Happy Clients
brianwarren
92
6.4k
For a Future-Friendly Web
brad_frost
172
9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
30
6k
The Pragmatic Product Professional
lauravandoore
25
5.8k
Typedesign – Prime Four
hannesfritz
36
2.1k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
Done Done
chrislema
178
15k
How to name files
jennybc
65
93k
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αΠίʔ •
νʔϜ։ൃπʔϧҎ֎ͷ͕ग़ͯ͘Δɻ
–τϜɾσϚϧίʮϐʔϓϧΣΞʯ “ʮΘΕΘΕͷ๊͑Δओཁͳɺٕͦͦ ज़తͰͳࣾ͘ձֶతͳͷͰ͋Δʯ”
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ