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
120
Engineer's Mind
会社のエンジニア研修~マインド編~で使った資料です
endam
January 26, 2018
Tweet
Share
More Decks by endam
See All by endam
Web開発における開発環境構築の歴史と変遷〜原始時代から現代(Docker)まで〜
endam
0
200
レガシーなフレームワークで不本意ながらもとことん頑張ってみた
endam
0
440
What is Atomic Design?
endam
0
46
Angular × Atomic Designでデザインリニューアルを行った話
endam
2
600
僕たちはサービスの多言語化にどう立ち向かうべきか
endam
4
1.3k
Postman
endam
0
430
Be the best development team
endam
0
85
Yarnの導入
endam
0
520
Web APIの現場あるある解決特集〜こうして僕たちのAPIは使いやすくなった〜
endam
0
500
Other Decks in Technology
See All in Technology
横断SREの立ち上げと、AWSセキュリティへの取り組みの軌跡
rvirus0817
3
3.8k
顧客の声を集めて活かすリクルートPdMのVoC活用事例を徹底解剖!〜プロデザ!〜
recruitengineers
PRO
0
150
財務データを題材に、 ETLとは何であるかを考える
shoe116
5
1.9k
論文紹介 ”Long-Context LLMs Meet RAG: Overcoming Challenges for Long Inputs in RAG” @GDG Tokyo
shukob
0
240
消し忘れリソースゼロへ!私のResource Explorer活用法
cuorain
0
120
reinvent2024を起点に振り返るサーバーレスアップデート
mihonda
1
180
実践している探索的テストの進め方 #jasstnano
makky_tyuyan
1
130
SIEMによるセキュリティログの可視化と分析を通じた信頼性向上プロセスと実践
coconala_engineer
1
2.5k
HCP TerraformとAzure:イオンスマートテクノロジーのインフラ革新 / HCP Terraform and Azure AEON Smart Technology's Infrastructure Innovation
aeonpeople
3
870
教師なし学習の基礎
kanojikajino
2
270
ブロックチェーンR&D企業における SREの実態 / SRE Kaigi 2025
datachain
0
3.4k
企業テックブログにおける執筆ネタの考え方・見つけ方・広げ方 / How to Think of, Find, and Expand Writing Topics for Corporate Tech Blogs
honyanya
0
700
Featured
See All Featured
A designer walks into a library…
pauljervisheath
205
24k
Mobile First: as difficult as doing things right
swwweet
222
9.1k
GraphQLとの向き合い方2022年版
quramy
44
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Faster Mobile Websites
deanohume
305
30k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
GitHub's CSS Performance
jonrohan
1030
460k
Code Reviewing Like a Champion
maltzj
521
39k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Building Adaptive Systems
keathley
39
2.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
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 !