SERVICE HUNT - Speaker Deck

SERVICE HUNT

by Taichi

Slide 1

Slide 1 text

JAVASCRIPTͷ։ൃ؀ڥʹ͍ͭͯ ͱ࣮ࡍͷ։ൃྫ 2017/11/26 Taichi Nakamura

Slide 2

Slide 2 text

ࣗݾ঺հ • தଜଠҰ • 7݄຤ʹಠཱͨ͠ϓϩά ϥϚͰ͢ɻ • Πϯϑϥ͕޷͖Ͱ͕͢࠷ ۙ͸Swiftʹුؾத

Slide 3

Slide 3 text

• େֶӃͷࢼݧΛͬ͢Ά͔ͯ͠ϓʔ • ωτήʹϋϚΔ • 28ࡀͰϓϩάϥϚ • ब৬͢Δ΋Ұϲ݄ͰΫϏ • 2ࣾ໨Ͱ๳൓͕ى͖ͯͨͬͨͻͱΓ • ҙਤͤͣݸਓͰͷ։ൃ͕ଟ͍ɻ

Slide 4

Slide 4 text

΍͖ͬͯͨ͜ͱ • ෺ྲྀܥαʔϏε • ۚ༥ܥαʔϏε • WordPressΛมଶతʹ࢖ͬͨۀ຿؅ཧܥ

Slide 5

Slide 5 text

ۚ༥ܥαʔϏε • ΞϧΰϦζϜτϨʔυ • גՁ෼ੳπʔϧ • Ծ૝௨՟ؔ࿈

Slide 6

Slide 6 text

ΞϧΰϦζϜτϨʔυ • ΞϧΰϦζϜτϨʔυΛݸਓͰ΋࢖͑ΔΑ͏ʹ • ։ൃͯ͠๭ΦϯϥΠϯূ݊ʹചΓࠐΈɺ࠾༻ • όοΫΤϯυ͸CݴޠͰผձ͕࣮ࣾ૷ • ΠϯϑϥɾαʔόʔɾϑϩϯτΤϯυ͸ࣗ෼ ͻͱΓɾɾɾ

Slide 7

Slide 7 text

αʔόʔߏ੒

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

ड͚͖Εͳ͍ɾɾɾ

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

͍͘Βʁ • 64GBͷϝϞϦͰ8CPU x 2୆ + 1୆ • Ұ୆25ສԁ/݄͘Β͍ • εΠον x 2୆ + 1୆ • Ұ୆30ສԁ/݄͘Β͍ • ϩʔυόϥϯαɺVPNඅ༻ͳͲͳͲ ͻͱ݄200ສԁ͘Β͍ɾɾɾ

Slide 12

Slide 12 text

εΠονʁ

Slide 13

Slide 13 text

ྫ͑͹AWSͩͱʁ • 64GBͷϝϞϦͰ16CPUͰ݄ʹ8ສԁ͘Β͍ • ϩʔυόϥϯαɺVPNͳͲͳͲ ͻͱ݄20ສԁ͘Β͍ɾɾɾ

Slide 14

Slide 14 text

ݸਓ։ൃʹ͓קΊͷΠϯϑϥ • AWSɿ΄΅શͯͷαʔϏε͕Ұ೥ແྉͰ͔ͭΔɻ • GCPɿͣͬͱແྉͰαʔόʔ͕࢖͑ΔʢΞϝϦΧͰখ͞ ͍αʔόʔݶఆʣ  ̍೥ؒˈ̏̌̌෼͘Β͍࢖͑Δ • Azureɿ̍೥ؒ̎ສԁ࢖͑Δ • FirebaseɿݸਓͰ࢖༻͢ΔϨϕϧͳΒ΄΅΄΅ແྉ

Slide 15

Slide 15 text

ϑϩϯτΤϯυ

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

• backbone.js/marionette.js • jQuery • RequireJS • grunt • nodejs • Backlog

Slide 18

Slide 18 text

ͳΜͰ͜Μͳʹ୔ࢁɾɾɾʁ

Slide 19

Slide 19 text

282ϑΝΠϧ

Slide 20

Slide 20 text

282ߦॻ͘ͷ͸ɾɾɾ

Slide 21

Slide 21 text

సૹ࣌ؒͷ૿େ

Slide 22

Slide 22 text

ͻͱͭʹ  ·ͱΊͯऔಘ

Slide 23

Slide 23 text

• JavaScriptΛϒϥ΢βͷத͚ͩͰͳ͘ɺύιί ϯͷதͰ௚઀ಈ͘Α͏ʹͨ͠ɻ • ChromeͷJavaScriptΤϯδϯΛ࢖͍ͬͯΔ • ͜ΕΛ࢖ͬͯRequireJS, grunt౳͸ಈ͍͍ͯΔ

Slide 24

Slide 24 text

• ੜ͖࢒ΔϑϨʔϜϫʔΫ΍πʔϧΛબͿ ͷ͸ॏཁ͚ͩͲṌ͚ • jQuery͸༗ೳ • ख࡞ۀͰσϓϩΠ͢Δͷ͸ਏ͍

Slide 25

Slide 25 text

גࣜ෼ੳπʔϧ • ϦΞϧλΠϜͰגՁΛऔ ಘͯ͠ɺ਺ेछྨͷ෼ੳ Λߦ͏πʔϧɻ • ϑϩϯτΤϯυͷΈ • 3ਓͰ։ൃ

Slide 26

Slide 26 text

• Reactjs • jQuery • WebPack • gulp • nodejs • Github • D3.js

Slide 27

Slide 27 text

• ҝସͷςΟοΫσʔλͱ͔਺ेສ݅Ͱ஗͍ • React΍Γ͍͚ͨͩͰબͿͱޙչ • Webpackͷઃఆਏ͍ɻ • gulpͰগ͠σϓϩΠָ͕ʹͳ͚ͬͨͲgulp ͷઃఆਏ͍ • νʔϜͰ։ൃͰͷ໰୊͕ൃੜ

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

Ծ૝௨՟ܥͷϑϩϯτΤϯυ • 3ਓͰ։ൃ • CIΛಋೖ

Slide 30

Slide 30 text

• CreateReactApp • Jest • jQuery • nodejs • Github • circleCI • Heroku

Slide 31

Slide 31 text

• ηοτΞοϓ͸ָʹͳͬͨ • Ͱ΋πʔϧ͕૿͑ͨɾɾɾ • ϓϦϦΫΤετ΍ϨϏϡʔɺࣗಈςετ Ͱίʔυͷ඼࣭͸্͕ͬͨ

Slide 32

Slide 32 text

https://qiita.com/taichi0529/items/7a7e042335d2405e2220

Slide 33

Slide 33 text

·ͱΊ • jQueryͰ଍ΓΔ͜ͱ͸͔ͳΓଟ͍ • Create React App͸͓͢͢Ί • SwiftαΠίʔ • νʔϜ։ൃ͸πʔϧҎ֎ͷ໰୊͕ग़ͯ͘Δɻ

Slide 34

Slide 34 text

–τϜɾσϚϧίʮϐʔϓϧ΢ΣΞʯ “ʮΘΕΘΕͷ๊͑Δओཁͳ໰୊͸ɺͦ΋ͦ΋ٕ ज़తͰ͸ͳࣾ͘ձֶతͳ΋ͷͰ͋Δʯ”

Slide 35

Slide 35 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ