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
Engineer's Mind
Search
endam
January 26, 2018
Technology
1
140
Engineer's Mind
会社のエンジニア研修~マインド編~で使った資料です
endam
January 26, 2018
Tweet
Share
More Decks by endam
See All by endam
Web開発における開発環境構築の歴史と変遷〜原始時代から現代(Docker)まで〜
endam
0
230
レガシーなフレームワークで不本意ながらもとことん頑張ってみた
endam
0
500
What is Atomic Design?
endam
0
89
Angular × Atomic Designでデザインリニューアルを行った話
endam
2
660
僕たちはサービスの多言語化にどう立ち向かうべきか
endam
4
1.4k
Postman
endam
0
460
Be the best development team
endam
0
96
Yarnの導入
endam
0
530
Web APIの現場あるある解決特集〜こうして僕たちのAPIは使いやすくなった〜
endam
0
520
Other Decks in Technology
See All in Technology
RSCの時代にReactとフレームワークの境界を探る
uhyo
10
3.1k
「魔法少女まどか☆マギカ Magia Exedra」の必殺技演出を徹底解剖! -キャラクターの魅力を最大限にファンに届けるためのこだわり-
gree_tech
PRO
0
580
データアナリストからアナリティクスエンジニアになった話
hiyokko_data
2
420
落ちる 落ちるよ サーバーは落ちる
suehiromasatoshi
0
140
エラーとアクセシビリティ
schktjm
0
1k
大「個人開発サービス」時代に僕たちはどう生きるか
sotarok
19
9.2k
AWS環境のリソース調査を Claude Code で効率化 / aws investigate with cc devio2025
masahirokawahara
2
1.4k
今!ソフトウェアエンジニアがハードウェアに手を出すには
mackee
9
4.4k
なぜSaaSがMCPサーバーをサービス提供するのか?
sansantech
PRO
8
2.5k
2025年にHCP Vaultを学び直して見えた景色 / Lessons and New Perspectives from Relearning HCP Vault in 2025
aeonpeople
0
200
kubellが考える戦略と実行を繋ぐ活用ファーストのデータ分析基盤
kubell_hr
0
140
BPaaSにおける人と協働する前提のAIエージェント-AWS登壇資料
kentarofujii
0
120
Featured
See All Featured
Designing for Performance
lara
610
69k
GraphQLとの向き合い方2022年版
quramy
49
14k
Producing Creativity
orderedlist
PRO
347
40k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The Invisible Side of Design
smashingmag
301
51k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
520
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Site-Speed That Sticks
csswizardry
10
810
How STYLIGHT went responsive
nonsquared
100
5.8k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Transcript
Engineer's Mind Masayuki Yoshida
ͦͦϚΠϯυͬͯԿΑʁ
ϚΠϯυͱ ύϑΥʔϚϯεϞνϕʔγϣϯͷ্ Λखॿ͚ͯ͘͠ΕΔ৺ͷ͋Γํ
ྸɾܦݧɾੑ֨ʹΑͬͯҟͳΔ ҰਓҰਓϚΠϯυҧͬͯવ
ͨͩ಄ͷย۱ʹஔ͍ͱ͍ͯ ͍ͭͰҾ͖ग़ͤΔΑ͏ʹ͓ͯ͘͠ͱྑ͍ ৗʹҙࣝ͢Δඞཁͳ͍
ࣗͷϚΠϯυ • ʮԿΛΔ͔ʯͰͳ͘ʮԿΛΒͳ͍͔ʯ • ʮͳΔૣʯΛۦஞͤΑ • ·ͣτϥΠʂ
ࣗͷϚΠϯυ • ʮԿΛΔ͔ʯͰͳ͘ʮԿΛΒͳ͍͔ʯ • ʮͳΔૣʯΛۦஞͤΑ • ·ͣτϥΠʂ
ʮԿΛΔ͔ʯͰͳ͘ʮԿΛΒͳ͍͔ʯ
ྫٕ͑ज़ֶशͷ
ֶͼ͍ٕͨज़͕ࢁ΄Ͳ͋ͬͯ ͲΕ͔Β͍͍͔͔ͬͯΒΜͥΑɾɾɾ GCP Vue.js Golang Kubernetes Angular hyperapp H2O AWS
PostCSS Deep Learning Ruby IoT ը૾ม(Image Flux) Elasticsearch Elixir ωΠςΟϒΞϓϦ CSS Atomic Design
͜ΕΛೋ࣠Ͱ͚ͯΈΔ
ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ
ۀͰ͏ ۀͰΘͳ͍ GCP Deep Learning Vue.js Golang Kubernetes Angular hyperapp IoT ը૾ม Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ Ruby PostCSS CSS AtomicDesign
͔͜͜ΒʮԿΛΒͳ͍͔ʯΛܾΊΔ
ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ
ۀͰ͏ ۀͰΘͳ͍ GCP Deep Learning Vue.js Golang Kubernetes Angular hyperapp IoT ը૾ม Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ Ruby PostCSS CSS AtomicDesign
ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ
ۀͰ͏ ۀͰΘͳ͍ GCP Deep Learning Vue.js Golang Ruby Kubernetes Angular hyperapp PostCSS IoT ը૾ม Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ CSS AtomicDesign
ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ
ۀͰ͏ ۀͰΘͳ͍ GCP Deep Learning Vue.js Golang Ruby Kubernetes Angular hyperapp PostCSS IoT ը૾ม Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ CSS AtomicDesign
ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ
ۀͰ͏ ۀͰΘͳ͍ GCP Deep Learning Vue.js Golang Ruby Kubernetes Angular hyperapp PostCSS IoT ը૾ม Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ CSS AtomicDesign
ʮΒͳ͍ʯͱܾΊͨ͜ͱҎ֎ͷ ༏ઌΛ͚ͭΔ
ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ
ۀͰ͏ ۀͰΘͳ͍ GCP Deep Learning Vue.js Golang Ruby Kubernetes Angular hyperapp PostCSS IoT ը૾ม Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ CSS AtomicDesign
ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ
ۀͰ͏ ۀͰΘͳ͍ GCP Deep Learning Vue.js Golang Ruby Kubernetes Angular hyperapp PostCSS IoT ը૾ม Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ CSS AtomicDesign ͜ΕΒͷٕज़ֶशʹूதʂ
ʮ͑ɺɺ୯७ʹ࠷ॳ͔Β༏ઌ͚ͭΕ ͦΕͰྑ͘Ͷʁʁʯͱ͍͏ٙ ʮԿΛΒͳ͍ͷ͔ʯΛܾΊͳ͔ͬͨΒ Ͳ͏ͳΔͷ͔
ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ
ۀͰ͏ ۀͰΘͳ͍ Deep Learning Vue.js Golang hyperapp IoT ը૾ม Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ Ruby PostCSS CSS AtomicDesign GCP Kubernetes Angular 0,ʂ͍ͬͺ͍͋Δ͚Ͳ ͱΓ͋͑ͣ͜Εʹूதͯ͠ΈΑʔʂ
ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ
ۀͰ͏ ۀͰΘͳ͍ Deep Learning Vue.js Golang hyperapp IoT ը૾ม Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ Ruby PostCSS CSS AtomicDesign GCP Kubernetes Angular ूத͍͚ͨ͠Ͳͬͺͬͪ͜ؾʹͳΔɾɾ
ڵ ຯ ͕ ͳ ͍ ڵ ຯ ͕ ͋ Δ
ۀͰ͏ ۀͰΘͳ͍ Deep Learning Vue.js Golang hyperapp IoT ը૾ม Elasticsearch Elixir H2O AWS ωΠςΟϒΞϓϦ Ruby PostCSS CSS AtomicDesign GCP Kubernetes Angular ωΠςΟϒΞϓϦࠓ։ൃͰϦιʔεΓͳ͍͔Β ֶशͨ͠ํ͕ྑ͍ͷ͔ɾɾʁ ͰόοΫΤϯυλεΫ͕ੵ·ΕͯΔ͠ɾɾ
ʮԿΛΒͳ͍ͷ͔ʯΛܾΊͳ͍ͱ ࢥߟͷ໎࿏ʹؕΓ͘͢ ूதʹཚΕ͕ੜ͡Δ
ࣗͷϚΠϯυ • ʮԿΛΔ͔ʯͰͳ͘ʮԿΛΒͳ͍͔ʯ • ʮͳΔૣʯΛۦஞͤΑ • ·ͣτϥΠʂ
ߟ͑ͯΈ·͠ΐ͏
͋ͳͨೋͭͷϓϩδΣΫτ͔ΒͦΕͧΕࣄΛཔ·Ε·ͨ͠ ྆ํͱʮͳΔૣͰʯͱͷґཔͰ͢ ͯ͞Ͳ͏͠·͔͢ʁ ͍ʔɺΫϥΠΞϯτͷཁͰ࣮ ͳΔૣͰվળͯ͠ཉ͍͠ػೳ͕͋ͬͯ ͞ʙɺ͓ئ͍Ͱ͖Δ͔ͳʁ ºººͷෆ۩߹͕ىͬͨ͜ɻ ͳΔ͘ૣ͘मਖ਼ͯ͠ཉ͍͠ɻ
ʮͳΔૣʯʮ͍ͭͰྑ͍ʯͱಉٛ ༏ઌͱظݶΛ໌֬ʹ͢Δ ͦͯ͠ظݶΛܾΊͨΒඞͣظݶʹऴΘΒͤΔ
ʮͳΔૣʯ࣮ґཔ͢Δଆ ࣗͷटΛߜΊ͍ͯΔ ͍ͭ૬ख͕ࣄΛྃ͢Δ͔͔Βͳ͍ෆ͕҆ ͖ͭ·ͱ͏ɺ͔ͭεέδϡʔϧཧ͕Ͱ͖ͳ͍
ظݶΛܾΊΔ͜ͱʹΑΓ ґཔ͢Δଆ͞ΕΔଆ༨ܭͳෆ͕҆ͳ͘ͳΔ (ͨΓલ͚ͩͲΕ͕ͪ)
ࣗͷϚΠϯυ • ʮԿΛΔ͔ʯͰͳ͘ʮԿΛΒͳ͍͔ʯ • ʮͳΔૣʯΛۦஞͤΑ • ·ͣτϥΠʂ
It seems good, Let's do it firstʂ It seems good,
ྑͦ͞͏ͩͬͨΒ·ͣ ͬͯΈΕ͍͍͡Όͳ͍ਫ਼ਆ
ඞཁ࠷ݶͷௐࠪΛߦ্ͬͨͰ ·ͣϛχϚϜͰ ͬͯΈΕ͍͍͡Όͳ͍ ਖ਼֬ʹɾɾ ௐͤͣʹΈ͘ʹ τϥΠ͢Δ͜ͱͰͳ͍
3&45"1* ΫϥΠΞϯτπʔϧಋೖ Goalous։ൃࣄྫ
ͦΕ·ͰͷGoalousͷAPIཧ APIن͕֤͋ͬͨAPIͷ༷ ConfluenceʹҰ෦ॻ͍ͯ͋Δఔɻ ͔͠ߋ৽͞Εͯͳ͍ɾɾ
ͦ͏͍͑ଞͷϝϯόʔͬͯ ։ൃதʹAPIΛͲ͏࣮ߦ͍ͯ͠Δͷ͔ͳʁ ɹ*OTPNOJBͬͯ·͢ ɹࢲ1PTUNBOͬͯΔͶ ɹࣗ$ISPNF֦ு
͏Μ͏Μɺօҧͬͯͯօྑ͍ΑͶ ʘ(^o^)ʗ ɾɾͬͯɺΜͳΘ͖Όͳ͍Ͱ͠ΐʔ͕
ಉ͡APIͷϦΫΤετΛօҧ͏πʔϧͰ ݸผʹઃఆ͍ͯ͠Δ͔Βώδϣʙʹඇޮ πʔϧΛ౷Ұͯ͠ APIϦΫΤετઃఆΛ༷ͱͯ͠ νʔϜڞ༗͠Α͏ʂ
ௐࠪ༰ׂѪ ৄ͘͠ʹ͕͋͛ͨQiitaهࣄΛޙͰ͝ཡ͍ͩ͘͞ɻ https://qiita.com/endam/items/c55a792cf6ec91458096
ௐࠪͯ͠͠߹ͬͨ݁Ռ Postmanͱ͍͏πʔϧΛಋೖ͢Δ͜ͱʹܾఆ
ௐࠪͯ͠͠߹ͬͨ݁Ռ Postmanͱ͍͏πʔϧΛಋೖ͢Δ͜ͱʹܾఆ ͜͜·Ͱ Ͳ͏τϥΠ͢Δ͔͕ܾ·͚ͬͨͩͰ ͔͜͜Β͕τϥΠͷ࢝·Γ ࣮ࡍʹϛχϚϜͰͬͯΈͯ ධՁ͢Δඞཁ͕͋Δ
Ұ͚ͭͩAPIΛ࡞ͬͯGitHub PRͰAPI༷Λڞ༗ ϛχϚϜτϥΠ API༷ڞ༗URLΛషΓ͚
ධՁ API༷ΛWeb্Ͱڞ༗Ͱ͖ͯ ͔ͭΫϥΠΞϯτπʔϧͰಉظ͢Ε ڞ༗͞ΕͨAPIΛ͙͢ʹ࣮ߦग़དྷΔͷ͕Goodɻ ͜͜Ͱக໋తͳ͕ݟ͔ͭͬͨΒɺΊΔ༐ؾඞཁ
ϛχϚϜτϥΠͱධՁΛ܁Γฦͯ͠ॳ Ίͯӡ༻ʹ͑ΒΕΔͱஅͰ͖Δ
It seems good, Let's do it firstʂ It seems good,
ͨͩ͠ϛχϚϜτϥΠ͔ΒධՁ·Ͱ ΛͬͯΓ͖Δ͜ͱ
ࣗͷϚΠϯυ • ʮԿΛΔ͔ʯͰͳ͘ʮԿΛΒͳ͍͔ʯ • ʮͳΔૣʯΛۦஞͤΑ • ·ͣτϥΠʂ
νʔϜ։ൃฤ͋ΔΑ (All English ͚ͩͲྑ͔ͬͨΒݟͯͶ) IUUQTTQFBLFSEFDLDPNFOEBNCFUIFCFTUEFWFMPQNFOUUFBN
ਓͷϚΠϯυࢀߟͰ͔͠ͳ͍ɻ ࣗʹ߹ͬͨϚΠϯυΛ୳͢
Thank you for listening !