SERVICE HUNT

Transcript

1. JAVASCRIPTͷ։ൃ؀ڥʹ͍ͭͯ ͱ࣮ࡍͷ։ൃྫ 2017/11/26 Taichi Nakamura
2. ࣗݾ঺հ • தଜଠҰ • 7݄຤ʹಠཱͨ͠ϓϩά ϥϚͰ͢ɻ • Πϯϑϥ͕޷͖Ͱ͕͢࠷ ۙ͸Swiftʹුؾத
3. • େֶӃͷࢼݧΛͬ͢Ά͔ͯ͠ϓʔ • ωτήʹϋϚΔ • 28ࡀͰϓϩάϥϚ • ब৬͢Δ΋Ұϲ݄ͰΫϏ • 2ࣾ໨Ͱ๳൓͕ى͖ͯͨͬͨͻͱΓ • ҙਤͤͣݸਓͰͷ։ൃ͕ଟ͍ɻ
4. ΍͖ͬͯͨ͜ͱ • ෺ྲྀܥαʔϏε • ۚ༥ܥαʔϏε • WordPressΛมଶతʹ࢖ͬͨۀ຿؅ཧܥ
5. ۚ༥ܥαʔϏε • ΞϧΰϦζϜτϨʔυ • גՁ෼ੳπʔϧ • Ծ૝௨՟ؔ࿈
6. ΞϧΰϦζϜτϨʔυ • ΞϧΰϦζϜτϨʔυΛݸਓͰ΋࢖͑ΔΑ͏ʹ • ։ൃͯ͠๭ΦϯϥΠϯূ݊ʹചΓࠐΈɺ࠾༻ • όοΫΤϯυ͸CݴޠͰผձ͕࣮ࣾ૷ • ΠϯϑϥɾαʔόʔɾϑϩϯτΤϯυ͸ࣗ෼ ͻͱΓɾɾɾ
7. αʔόʔߏ੒
9. ड͚͖Εͳ͍ɾɾɾ
11. ͍͘Βʁ • 64GBͷϝϞϦͰ8CPU x 2୆ + 1୆ • Ұ୆25ສԁ/݄͘Β͍ • εΠον x 2୆ + 1୆ • Ұ୆30ສԁ/݄͘Β͍ • ϩʔυόϥϯαɺVPNඅ༻ͳͲͳͲ ͻͱ݄200ສԁ͘Β͍ɾɾɾ
12. εΠονʁ
13. ྫ͑͹AWSͩͱʁ • 64GBͷϝϞϦͰ16CPUͰ݄ʹ8ສԁ͘Β͍ • ϩʔυόϥϯαɺVPNͳͲͳͲ ͻͱ݄20ສԁ͘Β͍ɾɾɾ
14. ݸਓ։ൃʹ͓קΊͷΠϯϑϥ • AWSɿ΄΅શͯͷαʔϏε͕Ұ೥ແྉͰ͔ͭΔɻ • GCPɿͣͬͱແྉͰαʔόʔ͕࢖͑ΔʢΞϝϦΧͰখ͞ ͍αʔόʔݶఆʣ
 ̍೥ؒˈ̏̌̌෼͘Β͍࢖͑Δ • Azureɿ̍೥ؒ̎ສԁ࢖͑Δ • FirebaseɿݸਓͰ࢖༻͢ΔϨϕϧͳΒ΄΅΄΅ແྉ
15. ϑϩϯτΤϯυ
17. • backbone.js/marionette.js • jQuery • RequireJS • grunt • nodejs • Backlog
18. ͳΜͰ͜Μͳʹ୔ࢁɾɾɾʁ
19. 282ϑΝΠϧ
20. 282ߦॻ͘ͷ͸ɾɾɾ
21. సૹ࣌ؒͷ૿େ
22. ͻͱͭʹ
 ·ͱΊͯऔಘ
23. • JavaScriptΛϒϥ΢βͷத͚ͩͰͳ͘ɺύιί ϯͷதͰ௚઀ಈ͘Α͏ʹͨ͠ɻ • ChromeͷJavaScriptΤϯδϯΛ࢖͍ͬͯΔ • ͜ΕΛ࢖ͬͯRequireJS, grunt౳͸ಈ͍͍ͯΔ
24. • ੜ͖࢒ΔϑϨʔϜϫʔΫ΍πʔϧΛબͿ ͷ͸ॏཁ͚ͩͲṌ͚ • jQuery͸༗ೳ • ख࡞ۀͰσϓϩΠ͢Δͷ͸ਏ͍
25. גࣜ෼ੳπʔϧ • ϦΞϧλΠϜͰגՁΛऔ ಘͯ͠ɺ਺ेछྨͷ෼ੳ Λߦ͏πʔϧɻ • ϑϩϯτΤϯυͷΈ • 3ਓͰ։ൃ
26. • Reactjs • jQuery • WebPack • gulp • nodejs • Github • D3.js
27. • ҝସͷςΟοΫσʔλͱ͔਺ेສ݅Ͱ஗͍ • React΍Γ͍͚ͨͩͰબͿͱޙչ • Webpackͷઃఆਏ͍ɻ • gulpͰগ͠σϓϩΠָ͕ʹͳ͚ͬͨͲgulp ͷઃఆਏ͍ • νʔϜͰ։ൃͰͷ໰୊͕ൃੜ
29. Ծ૝௨՟ܥͷϑϩϯτΤϯυ • 3ਓͰ։ൃ • CIΛಋೖ
30. • CreateReactApp • Jest • jQuery • nodejs • Github • circleCI • Heroku
31. • ηοτΞοϓ͸ָʹͳͬͨ • Ͱ΋πʔϧ͕૿͑ͨɾɾɾ • ϓϦϦΫΤετ΍ϨϏϡʔɺࣗಈςετ Ͱίʔυͷ඼࣭͸্͕ͬͨ
32. https://qiita.com/taichi0529/items/7a7e042335d2405e2220
33. ·ͱΊ • jQueryͰ଍ΓΔ͜ͱ͸͔ͳΓଟ͍ • Create React App͸͓͢͢Ί • SwiftαΠίʔ • νʔϜ։ൃ͸πʔϧҎ֎ͷ໰୊͕ग़ͯ͘Δɻ
34. –τϜɾσϚϧίʮϐʔϓϧ΢ΣΞʯ “ʮΘΕΘΕͷ๊͑Δओཁͳ໰୊͸ɺͦ΋ͦ΋ٕ ज़తͰ͸ͳࣾ͘ձֶతͳ΋ͷͰ͋Δʯ”
35. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ