Tweet
Tweet

Slide 1

Slide 1 text

Engineer's Mind Masayuki Yoshida

Slide 2

Slide 2 text

ͦ΋ͦ΋ϚΠϯυͬͯԿΑʁ

Slide 3

Slide 3 text

ϚΠϯυͱ͸ ύϑΥʔϚϯε΍Ϟνϕʔγϣϯͷ޲্ Λखॿ͚ͯ͘͠ΕΔ৺ͷ͋Γํ

Slide 4

Slide 4 text

೥ྸɾܦݧɾੑ֨ʹΑͬͯ΋ҟͳΔ ҰਓҰਓϚΠϯυ͸ҧͬͯ౰વ

Slide 5

Slide 5 text

ͨͩ಄ͷย۱ʹஔ͍ͱ͍ͯ ͍ͭͰ΋Ҿ͖ग़ͤΔΑ͏ʹ͓ͯ͘͠ͱྑ͍ ৗʹҙࣝ͢Δඞཁ͸ͳ͍

Slide 6

Slide 6 text

ࣗ෼ͷϚΠϯυ • ʮԿΛ΍Δ͔ʯͰ͸ͳ͘ʮԿΛ΍Βͳ͍͔ʯ • ʮͳΔૣʯΛۦஞͤΑ • ·ͣ͸τϥΠʂ

Slide 7

Slide 7 text

ࣗ෼ͷϚΠϯυ • ʮԿΛ΍Δ͔ʯͰ͸ͳ͘ʮԿΛ΍Βͳ͍͔ʯ • ʮͳΔૣʯΛۦஞͤΑ • ·ͣ͸τϥΠʂ

Slide 8

Slide 8 text

ʮԿΛ΍Δ͔ʯͰ͸ͳ͘ʮԿΛ΍Βͳ͍͔ʯ

Slide 9

Slide 9 text

ྫ͑͹ٕज़ֶशͷ࿩

Slide 10

Slide 10 text

ֶͼ͍ٕͨज़͕ࢁ΄Ͳ͋ͬͯ ͲΕ͔Β΍͍͍͔ͬͯ෼͔ΒΜͥΑɾɾɾ GCP Vue.js Golang Kubernetes Angular hyperapp H2O AWS PostCSS Deep Learning Ruby IoT ը૾ม׵(Image Flux౳) Elasticsearch Elixir ωΠςΟϒΞϓϦ CSS Atomic Design

Slide 11

Slide 11 text

͜ΕΛೋ࣠Ͱ෼͚ͯΈΔ

Slide 12

Slide 12 text

ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ ۀ຿Ͱ࢖͏ ۀ຿Ͱ࢖Θͳ͍ GCP Deep Learning Vue.js Golang Kubernetes Angular hyperapp IoT ը૾ม׵ Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ Ruby PostCSS CSS AtomicDesign

Slide 13

Slide 13 text

͔͜͜ΒʮԿΛ΍Βͳ͍͔ʯΛܾΊΔ

Slide 14

Slide 14 text

ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ ۀ຿Ͱ࢖͏ ۀ຿Ͱ࢖Θͳ͍ GCP Deep Learning Vue.js Golang Kubernetes Angular hyperapp IoT ը૾ม׵ Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ Ruby PostCSS CSS AtomicDesign

Slide 15

Slide 15 text

ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ ۀ຿Ͱ࢖͏ ۀ຿Ͱ࢖Θͳ͍ GCP Deep Learning Vue.js Golang Ruby Kubernetes Angular hyperapp PostCSS IoT ը૾ม׵ Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ CSS AtomicDesign

Slide 16

Slide 16 text

ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ ۀ຿Ͱ࢖͏ ۀ຿Ͱ࢖Θͳ͍ GCP Deep Learning Vue.js Golang Ruby Kubernetes Angular hyperapp PostCSS IoT ը૾ม׵ Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ CSS AtomicDesign

Slide 17

Slide 17 text

ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ ۀ຿Ͱ࢖͏ ۀ຿Ͱ࢖Θͳ͍ GCP Deep Learning Vue.js Golang Ruby Kubernetes Angular hyperapp PostCSS IoT ը૾ม׵ Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ CSS AtomicDesign

Slide 18

Slide 18 text

ʮ΍Βͳ͍ʯͱܾΊͨ͜ͱҎ֎ͷ ༏ઌ౓Λ͚ͭΔ

Slide 19

Slide 19 text

ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ ۀ຿Ͱ࢖͏ ۀ຿Ͱ࢖Θͳ͍ GCP Deep Learning Vue.js Golang Ruby Kubernetes Angular hyperapp PostCSS IoT ը૾ม׵ Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ CSS AtomicDesign

Slide 20

Slide 20 text

ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ ۀ຿Ͱ࢖͏ ۀ຿Ͱ࢖Θͳ͍ GCP Deep Learning Vue.js Golang Ruby Kubernetes Angular hyperapp PostCSS IoT ը૾ม׵ Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ CSS AtomicDesign ౰෼͸͜ΕΒͷٕज़ֶशʹूதʂ

Slide 21

Slide 21 text

ʮ͑ɺɺ୯७ʹ࠷ॳ͔Β༏ઌ౓͚ͭΕ͹ ͦΕͰྑ͘Ͷʁʁʯͱ͍͏ٙ໰ ʮԿΛ΍Βͳ͍ͷ͔ʯΛܾΊͳ͔ͬͨΒ Ͳ͏ͳΔͷ͔

Slide 22

Slide 22 text

ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ ۀ຿Ͱ࢖͏ ۀ຿Ͱ࢖Θͳ͍ Deep Learning Vue.js Golang hyperapp IoT ը૾ม׵ Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ Ruby PostCSS CSS AtomicDesign GCP Kubernetes Angular 0,ʂ͍ͬͺ͍͋Δ͚Ͳ ͱΓ͋͑ͣ͜Εʹूதͯ͠ΈΑʔʂ

Slide 23

Slide 23 text

ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ ۀ຿Ͱ࢖͏ ۀ຿Ͱ࢖Θͳ͍ Deep Learning Vue.js Golang hyperapp IoT ը૾ม׵ Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ Ruby PostCSS CSS AtomicDesign GCP Kubernetes Angular ूத͍͚ͨ͠Ͳ΍ͬͺͬͪ͜΋ؾʹͳΔɾɾ

Slide 24

Slide 24 text

ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ ۀ຿Ͱ࢖͏ ۀ຿Ͱ࢖Θͳ͍ Deep Learning Vue.js Golang hyperapp IoT ը૾ม׵ Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ Ruby PostCSS CSS AtomicDesign GCP Kubernetes Angular ωΠςΟϒΞϓϦ΋ࠓ։ൃͰϦιʔε଍Γͳ͍͔Β ֶशͨ͠ํ͕ྑ͍ͷ͔ɾɾʁ Ͱ΋όοΫΤϯυ΋λεΫ͕ੵ·ΕͯΔ͠ɾɾ

Slide 25

Slide 25 text

ʮԿΛ΍Βͳ͍ͷ͔ʯΛܾΊͳ͍ͱ ࢥߟͷ໎࿏ʹؕΓ΍͘͢ ूதʹཚΕ͕ੜ͡Δ

Slide 26

Slide 26 text

ࣗ෼ͷϚΠϯυ • ʮԿΛ΍Δ͔ʯͰ͸ͳ͘ʮԿΛ΍Βͳ͍͔ʯ • ʮͳΔૣʯΛۦஞͤΑ • ·ͣ͸τϥΠʂ

Slide 27

Slide 27 text

ߟ͑ͯΈ·͠ΐ͏

Slide 28

Slide 28 text

͋ͳͨ͸ೋͭͷϓϩδΣΫτ͔ΒͦΕͧΕ࢓ࣄΛཔ·Ε·ͨ͠ ྆ํͱ΋ʮͳΔૣͰʯͱͷґཔͰ͢ ͯ͞Ͳ͏͠·͔͢ʁ ͍΍ʔɺΫϥΠΞϯτͷཁ๬Ͱ࣮ ͸ͳΔૣͰվળͯ͠ཉ͍͠ػೳ͕͋ͬͯ ͞ʙɺ͓ئ͍Ͱ͖Δ͔ͳʁ ºººͷෆ۩߹͕ىͬͨ͜ɻ ͳΔ΂͘ૣ͘मਖ਼ͯ͠ཉ͍͠ɻ

Slide 29

Slide 29 text

ʮͳΔૣʯ͸ʮ͍ͭͰ΋ྑ͍ʯͱಉٛ ༏ઌ౓ͱظݶΛ໌֬ʹ͢Δ ͦͯ͠ظݶΛܾΊͨΒඞͣظݶ಺ʹऴΘΒͤΔ

Slide 30

Slide 30 text

ʮͳΔૣʯ໰୊͸࣮͸ґཔ͢Δଆ΋ ࣗ෼ͷटΛߜΊ͍ͯΔ ͍ͭ૬ख͕࢓ࣄΛ׬ྃ͢Δ͔෼͔Βͳ͍ෆ͕҆ ͖ͭ·ͱ͏ɺ͔ͭεέδϡʔϧ؅ཧ͕Ͱ͖ͳ͍

Slide 31

Slide 31 text

ظݶΛܾΊΔ͜ͱʹΑΓ ґཔ͢Δଆ΋͞ΕΔଆ΋༨ܭͳෆ͕҆ͳ͘ͳΔ (౰ͨΓલ͚ͩͲ๨Ε͕ͪ)

Slide 32

Slide 32 text

ࣗ෼ͷϚΠϯυ • ʮԿΛ΍Δ͔ʯͰ͸ͳ͘ʮԿΛ΍Βͳ͍͔ʯ • ʮͳΔૣʯΛۦஞͤΑ • ·ͣ͸τϥΠʂ

Slide 33

Slide 33 text

It seems good, Let's do it firstʂ It seems good,

Slide 34

Slide 34 text

ྑͦ͞͏ͩͬͨΒ·ͣ͸ ΍ͬͯΈΕ͹͍͍͡Όͳ͍ਫ਼ਆ

Slide 35

Slide 35 text

ඞཁ࠷௿ݶͷௐࠪΛߦ্ͬͨͰ ·ͣ͸ϛχϚϜͰ ΍ͬͯΈΕ͹͍͍͡Όͳ͍ ਖ਼֬ʹ͸ɾɾ ௐ΂΋ͤͣʹ΍Έ͘΋ʹ τϥΠ͢Δ͜ͱͰ͸ͳ͍

Slide 36

Slide 36 text

3&45"1* ΫϥΠΞϯτπʔϧಋೖ Goalous։ൃࣄྫ

Slide 37

Slide 37 text

ͦΕ·ͰͷGoalousͷAPI؅ཧ APIن໿͸͕֤͋ͬͨAPIͷ࢓༷͸ ConfluenceʹҰ෦ॻ͍ͯ͋Δఔ౓ɻ ͔͠΋ߋ৽͞Εͯͳ͍ɾɾ

Slide 38

Slide 38 text

ͦ͏͍͑͹ଞͷϝϯόʔͬͯ ։ൃதʹAPIΛͲ͏࣮ߦ͍ͯ͠Δͷ͔ͳʁ ɹ๻*OTPNOJB࢖ͬͯ·͢ ɹࢲ1PTUNBO࢖ͬͯΔͶ ɹࣗ෼͸$ISPNF֦ு

Slide 39

Slide 39 text

͏Μ͏Μɺօҧͬͯͯօྑ͍ΑͶ ʘ(^o^)ʗ ɾɾͬͯɺΜͳΘ͖Όͳ͍Ͱ͠ΐʔ͕

Slide 40

Slide 40 text

ಉ͡APIͷϦΫΤετΛօҧ͏πʔϧͰ ݸผʹઃఆ͍ͯ͠Δ͔Βώδϣʙʹඇޮ཰ πʔϧΛ౷Ұͯ͠ APIϦΫΤετઃఆΛ࢓༷ͱͯ͠ νʔϜڞ༗͠Α͏ʂ

Slide 41

Slide 41 text

ௐࠪ಺༰͸ׂѪ ৄ͘͠͸೥຤ʹ๻͕͋͛ͨQiitaهࣄΛޙͰ͝ཡ͍ͩ͘͞ɻ https://qiita.com/endam/items/c55a792cf6ec91458096

Slide 42

Slide 42 text

ௐࠪͯ͠࿩͠߹ͬͨ݁Ռ Postmanͱ͍͏πʔϧΛಋೖ͢Δ͜ͱʹܾఆ

Slide 43

Slide 43 text

ௐࠪͯ͠࿩͠߹ͬͨ݁Ռ Postmanͱ͍͏πʔϧΛಋೖ͢Δ͜ͱʹܾఆ ͜͜·Ͱ͸ Ͳ͏τϥΠ͢Δ͔͕ܾ·͚ͬͨͩͰ ͔͜͜Β͕τϥΠͷ࢝·Γ ࣮ࡍʹϛχϚϜͰ΍ͬͯΈͯ ධՁ͢Δඞཁ͕͋Δ

Slide 44

Slide 44 text

Ұ͚ͭͩAPIΛ࡞ͬͯGitHub PRͰAPI࢓༷Λڞ༗ ϛχϚϜτϥΠ API࢓༷ڞ༗URLΛషΓ෇͚

Slide 45

Slide 45 text

ධՁ API࢓༷ΛWeb্Ͱ΋ڞ༗Ͱ͖ͯ ͔ͭΫϥΠΞϯτπʔϧͰಉظ͢Ε͹ ڞ༗͞ΕͨAPIΛ͙͢ʹ࣮ߦग़དྷΔͷ͕Goodɻ ͜͜Ͱக໋తͳ໰୊͕ݟ͔ͭͬͨΒɺ΍ΊΔ༐ؾ΋ඞཁ

Slide 46

Slide 46 text

ϛχϚϜτϥΠͱධՁΛ܁Γฦͯ͠ॳ Ίͯӡ༻ʹ଱͑ΒΕΔͱ൑அͰ͖Δ

Slide 47

Slide 47 text

It seems good, Let's do it firstʂ It seems good, ͨͩ͠ϛχϚϜτϥΠ͔ΒධՁ·Ͱ ੹೚Λ΋ͬͯ΍Γ͖Δ͜ͱ

Slide 48

Slide 48 text

ࣗ෼ͷϚΠϯυ • ʮԿΛ΍Δ͔ʯͰ͸ͳ͘ʮԿΛ΍Βͳ͍͔ʯ • ʮͳΔૣʯΛۦஞͤΑ • ·ͣ͸τϥΠʂ

Slide 49

Slide 49 text

νʔϜ։ൃฤ΋͋ΔΑ (All English ͚ͩͲྑ͔ͬͨΒݟͯͶ) IUUQTTQFBLFSEFDLDPNFOEBNCFUIFCFTUEFWFMPQNFOUUFBN

Slide 50

Slide 50 text

ਓͷϚΠϯυ͸ࢀߟͰ͔͠ͳ͍ɻ ࣗ෼ʹ߹ͬͨϚΠϯυΛ୳͢

Slide 51

Slide 51 text

Thank you for listening !