$30 off During Our Annual Pro Sale. View Details »
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
510
What is Atomic Design?
endam
0
96
Angular × Atomic Designでデザインリニューアルを行った話
endam
2
690
僕たちはサービスの多言語化にどう立ち向かうべきか
endam
4
1.4k
Postman
endam
0
460
Be the best development team
endam
0
100
Yarnの導入
endam
0
540
Web APIの現場あるある解決特集〜こうして僕たちのAPIは使いやすくなった〜
endam
0
520
Other Decks in Technology
See All in Technology
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
21k
GitLab Duo Agent Platformで実現する“AI駆動・継続的サービス開発”と最新情報のアップデート
jeffi7
0
120
Flutter Thread Merge - Flutter Tokyo #11
itsmedreamwalker
1
140
M5UnifiedとPicoRubyで楽しむM5シリーズ
kishima
0
110
段階的に進める、 挫折しない自宅サーバ入門
yu_kod
5
2.2k
Data Hubグループ 紹介資料
sansan33
PRO
0
2.3k
MySQL AIとMySQL Studioを使ってみよう
ikomachi226
0
140
安いGPUレンタルサービスについて
aratako
0
260
知っていると得する!Movable Type 9 の新機能を徹底解説
masakah
0
200
一億総業務改善を支える社内AIエージェント基盤の要諦
yukukotani
8
2.8k
ページの可視領域を算出する方法について整理する
yamatai1212
0
160
その設計、 本当に価値を生んでますか?
shimomura
2
180
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
960
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.8k
Statistics for Hackers
jakevdp
799
230k
We Have a Design System, Now What?
morganepeng
54
7.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
Why Our Code Smells
bkeepers
PRO
340
57k
GraphQLとの向き合い方2022年版
quramy
49
14k
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 !