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
フロントエンドの変遷がもたらしたバックエンドの進化
Search
yoskeoka
December 20, 2018
Technology
780
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
フロントエンドの変遷がもたらしたバックエンドの進化
Webの歴史を振り返る 〜原始から現代へ〜
システム構成の変遷
フロントエンドの混沌と秩序
バックエンドの進化
yoskeoka
December 20, 2018
More Decks by yoskeoka
See All by yoskeoka
Go言語でAPIサーバーを実装しました
yoskeokamoto
7
2.7k
Other Decks in Technology
See All in Technology
型は壁、Rustでもバグを直すな、表現できなくせよ
nwiizo
12
1.8k
インフラ寄りSREでも 開発に踏み出せる〜境界を越えてユーザー体験に向き合いたい〜
sansantech
PRO
1
2.7k
最近評価が難しくなった
maroon8021
0
260
AIで政治は変わるのか? — 中高生と考えたAI時代の民主主義(東海高校サタデープログラム)
eitarosuda
0
400
CSに"SLO"は要らない、経営層に"99.9%"は伝わらない - SREを全社に"翻訳"する3原則
cscengineer
PRO
1
3.6k
次世代ランサムウェア対策の考察 / 20260704 Mitsutoshi Matsuo
shift_evolve
PRO
5
1.7k
グローバルチームと挑むプロダクト開発
sansantech
PRO
1
160
ループエンジニアリングでE2Eテストを実践
noriyukitakei
0
310
脱金融のフューチャー・デザイン / Future Design Beyond Finance
ks91
PRO
0
140
美しいコードを書くためにF#を学んでみた話
yud0uhu
1
360
なぜ私たちのSREプラクティスはなかなか機能しないのか 〜システムより先に組織を見る〜 / Why our SRE practices aren't really working
vtryo
2
2.7k
アカウントが増えてからでは遅い? ~ マルチアカウント統制の勘所 ~
kenichinakamura
0
190
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
WENDY [Excerpt]
tessaabrams
11
38k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
800
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
610
Navigating Team Friction
lara
192
16k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.3k
Paper Plane
katiecoart
PRO
1
52k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.3k
Embracing the Ebb and Flow
colly
88
5.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
52k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
170
Transcript
ϑϩϯτΤϯυͷมભ͕ͨΒͨ͠όοΫΤϯυͷਐԽ .JY-FBQ4UVEZ 8FCϑϩϯτΤϯυฏ࠷ޙͷౙͷਞ
ࣗݾհ Ԭຊ༸ี ΦΧϞτϤεέ ʑͷ͓ࣄ ɾόοΫΤϯυଆͷΞʔΩςΫτͱ࣮ ɾΞϓϦɾαʔϏεͷج൫Λओʹ"84ʹߏங ɾ%FW0QT ɾࣾΤϯδχΞͷҭ (FNDPPLνʔϑΤϯδχΞ
࠷ۙͷϋϚΓ͝ͱ ࠓɺࣾͰεϚϒϥ͕͍ʂʂ
ීஈ։ൃͰ৮Ε͍ͯΔٕज़ όοΫΤϯυ ϑϩϯτΤϯυ "1* όονॲཧ 8FCΞϓϦ ϞόΠϧΞϓϦ σεΫτοϓΞϓϦ Πϯϑϥ $*$%
ຊ൪։ൃڥ
ΞδΣϯμ 8FCͷྺ࢙ΛৼΓฦΔʙݪ͔࢝Βݱʙ γεςϜߏͷมભ ϑϩϯτΤϯυͷࠞಱͱடং όοΫΤϯυͷਐԽ ·ͱΊ
8FCͷྺ࢙ΛৼΓฦΔʙݪ͔࢝Βݱʙ 8FCͷ࢈ΈͷςΟϜɾόʔφʔζʹϦʔ͕ੜ $&3/ͷςΟϜ͕8FCΛੜͤ͞Δ $&3/͕8PSME8JEF8FCΛҰൠ։์
ୈҰ࣍ϒϥβઓ૪ ʙ ୈೋ࣍ϒϥβઓ૪ ʙ 41"શ࣌ ʙ 74 74 74
γεςϜߏͷมભ
ݪ࢝࣌ d 8FCαʔόʔ αʔόʔ σʔλϕʔε ͬ ϒϥβ ੩తίϯςϯπ )5.-$44
ݪ࢝࣌ d 8FCαʔόʔ αʔόʔ σʔλϕʔε ͬ ݹ d 8FCαʔόʔ ݹͷ+4
$(* $ɺ3VCZɺ1FSM ϒϥβ ੩తίϯςϯπ ੩తίϯςϯπ )5.-$44 )5.-$44+4
ݪ࢝ɾݹͷ8FCαΠτͷҰྫ
ݪ࢝࣌ d 8FCαʔόʔ αʔόʔ σʔλϕʔε ͬ ݹ d 8FCαʔόʔ 8FCαʔόʔ
தੈ d ݹͷ+4 $(* "QQαʔόʔ $ɺ3VCZɺ1FSM 9.- ϒϥβ "KBY K2VFSZ ಈతίϯςϯπ ੩తίϯςϯπ ੩తίϯςϯπ )5.-$44 )5.-$44+4 )5.-$44+4
தੈͷ8FCαΠτͷҰྫ
ݪ࢝࣌ d 8FCαʔόʔ αʔόʔ σʔλϕʔε ͬ ݹ d 8FCαʔόʔ 8FCαʔόʔ
ݱ d 8FCαʔόʔ தੈ d ݹͷ+4 3FBDU 7VFKT "OHVMBS $(* "QQαʔόʔ $ɺ3VCZɺ1FSM 9.- "QQαʔόʔ +40/ ϒϥβ "KBY K2VFSZ 41" ಈతίϯςϯπ ੩తίϯςϯπ ੩తίϯςϯπ )5.-$44 )5.-$44+4 )5.-$44+4 )5.-$44+4
͋Μ·ΓߏมΘͬͯͳ͘ແ͍ʁ
ϑϩϯτͱόοΫΤϯυͷׂ୲Λ ͬ͘͟Γ͚ͯΈΔ
ݪ࢝࣌ d ϏδωεϩδοΫ σʔλετΞ ݹ d ݱ d தੈ d
Ϗϡʔ Πϯϑϥ ϑϩϯτΤϯυ όοΫΤϯυ Πϯϑϥ σʔλཧ Πϯϑϥ ੩తίϯςϯπ ੩తίϯςϯπ ಈతίϯςϯπ ੩తίϯςϯπ ಈతίϯςϯπ ੩తίϯςϯπ ಈతίϯςϯπ ঢ়ଶཧ Πϯϑϥ σʔλཧ σʔλཧ ಈతίϯςϯπ Πϯϑϥ ಈతίϯςϯπ ঢ়ଶཧ ঢ়ଶཧ
தੈ·Ͱͷׂ୲ όοΫΤϯυ σʔλετΞͷཧ ϏδωεϩδοΫ )5.-ͷϨϯμϦϯά ಈతίϯςϯπ ϑϩϯτΤϯυ
ݱͷׂ୲ ϑϩϯτΤϯυ όοΫΤϯυ σʔλετΞͷཧ ϏδωεϩδοΫ )5.-ͷϨϯμϦϯά ಈతίϯςϯπ
ͳͥ͜ΜͳมԽΛ͖ͯͨ͠ͷ͔ʁ
8FCΛϦονίϯςϯπʹ͔ͨͬͨ͠
Ϧονͳίϯςϯπ Ϧονίϯςϯπͣͬͱ8FCٕज़Ҏ֎ͷͷͩͬͨ ݱͰ$44+BWB4DSJQUͰ࣮ݱ͢ΔΑ͏ͳΞχϝʔγϣϯͱ ϩδοΫΛ͏ͷɺ'MBTIͰ࣮ݱ͞Ε͖ͯͨ 8FCͰ༡ΔϛχήʔϜͱ͍࣮͑'MBTIͩͬͨ
ϑϩϯτΤϯυͷࠞಱͱடং όοΫΤϯυɾ'MBTI͕ͳ͚Εग़དྷͳ͔ͬͨ͜ͱ͕ग़དྷ ΔΑ͏ʹͳ͖ͬͯͨ "KBYɾK2VFSZ ʙ )5.- ʙ
ϑϩϯτΤϯυͷࠞಱͱடং K2VFSZΛͬͯखܰʹϑϩϯτͷঢ়ଶΛ࿔Εͨ ΠϯλϥΫςΟϒͳಈ͖ɺը໘ͷϩδοΫͳͲ͕ؾܰʹ࡞Εͨ K2VFSZ͋͘·Ͱ%0.Λಈతʹɺ໋ྩతʹมߋ͢ΔϥΠϒϥϦ ϑϩϯτͷঢ়ଶΛ%0.ʹຒΊࠐΜͰ͍ͨͷͰɺཧͰ͖ͳ͘ͳͬͨ
ϑϩϯτΤϯυͷࠞಱͱடং όοΫΤϯυɾ'MBTI͕ͳ͚Εग़དྷͳ͔ͬͨ͜ͱ͕ग़དྷ ΔΑ͏ʹͳ͖ͬͯͨ "KBYɾK2VFSZ ʙ )5.- ʙ ϑϩϯτΤϯυϑϨʔϜϫʔΫ͕ਐԽ
ʙ
ϑϩϯτΤϯυͷࠞಱͱடং ϑϩϯτͷঢ়ଶΛཧ͢ΔͨΊͷϑϨʔϜϫʔΫ͕ొ ϑϩϯτʹ.7$ɺ.77.Λ࣋ͪࠐΜͩ εςʔτͱ7JFXΛͨ͠ εςʔτͱ7JFXσʔλόΠϯσΟϯάͷߟ͑Ͱܨ͛ͨ ίϯϙʔωϯτࢤΛਐΊͨ
݁Ռͱͯ͠ɺϑϩϯτΤϯυͷׂ૿Ճͨ͠
ׂ͕ݮগͨ͜͠ͱͰɺྑ͘ͳͬͨ͜ͱ͕͋Δ ͦͷؒόοΫΤϯυͷׂ૬ରతʹݮগͨ͠
όοΫΤϯυͷਐԽʙγϯϓϧʙ όοΫΤϯυͷ࡞Γ͕γϯϓϧʹͳͬͨ όοΫΤϯυͷ.7$͕ɺϑϩϯτΤϯυʹҠͬͨ σʔλͱϏδωεϩδοΫʹूதͰ͖ΔΑ͏ʹͳͬͨ
όοΫΤϯυͷٕज़తͳਐา ΫϥυαʔϏε ίϯςφ ͜ͷ͕ͭಛʹେ͖ͳਐาΛͨΒͨ͠
खʹೖΕͨثͰԿΛ͔ͨ͠ αʔόʔͷੈքʹαʔόϨεͱ͍͏ߟ͑Λ࣋ͪࠐΜͩ αʔόϨε 4FSWFSMFTT αʔόʔ͕ແ͍͜ͱͰແ͍
ݪ࢝ݹ αʔόϨε ࣮αʔόʔ͋ΔΑ ։ൃऀͷཧ ΠϯϑϥɾΫϥυαʔϏεࣄۀऀͷཧ தੈ ݱ ΦϯϓϨ ΦϯϓϨɾ"84
%PDLFSɾ'BB4 Λ։ൃऀ͕ཧ͠ͳͯ͘Α͘ͳΓɺΞϓϦ ίʔυ ʹूதͯ͠Ͱ͖ΔΑ͏ʹͳͬͨ ϋʔυΣΞ 04 ΞϓϦέʔγϣϯ ϋʔυΣΞ ԾԽ 04 04 ΞϓϦ ΞϓϦ ϋʔυΣΞ ԾԽ ίϯςφ ϥϯλΠϜ 04 ΞϓϦ ίʔυ
όοΫΤϯυͷਐԽʙεςʔτϨεʙ ϑϩϯτΤϯυʹεςʔτཧ͕ҠͬͨͨΊ όοΫΤϯυεςʔτϨεΛ࣮ݱͰ͖ΔΑ͏ʹͳͬͨ ٯʹϑϩϯτΤϯυ͕εςʔτϑϧʹͳͬͨ
όοΫΤϯυͷਐԽʙεέʔϥϒϧʙ εέʔϧΠϯ εέʔϧΞτ αʔόʔ" Ճ αʔόʔ" আ εέʔϥϒϧͱεέʔϧग़དྷΔ͜ͱ αʔόʔ# αʔόʔ$
αʔόʔ# αʔόʔ#
εςʔτϑϧͳαʔόʔͷ߹ " # $ ճ ճ 8FC͔ΒͷΞΫηεͷ߹ؒʹ εέʔϧμϯൃੜ "ɺ#ͰεςʔτΛڞ༗͢ΔͨΊʹ͕ඞཁ ɾηογϣϯڞ༗αʔόʔͳͲɾɾɾ
ճͷΞΫηε εςʔτΛڞ༗͞Ε͍ͯͳ͍ #ͷαʔόʔʹ͔ͬͯ͠·͏
εςʔτϨεͳαʔόʔͷ߹ " # $ ճ ճ "ɺ#Ͱεςʔτͷڞ༗ෆཁ ؾܰʹεέʔϧΞτʂεέʔϧΠϯʂ ?Т? 8FC͔ΒͷΞΫηεͷ߹ؒʹ
εέʔϧΠϯൃੜ
όοΫΤϯυͷਐԽʙ୯Ұݪଇʙ γεςϜʹ͓͍ͯɺ431 ୯Ұݪଇ ඇৗʹॏཁ ҰͭͷͷɺҰͭͷ͜ͱΛ্ख͘Δ͜ͱͰׂ୲ "84($1͕Ұͭͷ͜ͱΛ্ख͘ΔαʔϏεΛେྔʹఏڙ
όοΫΤϯυʹ୯ҰݪଇΛద༻ ϚΠΫϩαʔϏε ֤αʔϏεͭͷػೳΛఏڙ ϞϊϦγοΫͳγεςϜ શػೳೖΓαʔϏεΛ ߴੑೳαʔόʔͰՔಇ σʔλετΞ ݕࡧαʔϏε ϩάαʔϏε ࢹαʔϏε
ೝূαʔϏε ܾࡁαʔϏε ϝΠϯαʔϏε
όοΫΤϯυʹ୯ҰݪଇΛద༻ σʔλετΞ ݕࡧαʔϏε ϩάαʔϏε ࢹαʔϏε ೝূαʔϏε ܾࡁαʔϏε ϝΠϯαʔϏε Α͘͏ػೳ֎෦αʔϏεΛར༻ͯ͠ɺ ϏδωεϩδοΫͷαʔϏε։ൃʹूதͰ͖ΔΑ͏ʹͳͬͨ
ϞϊϦγοΫͳγεςϜ શػೳೖΓαʔϏεΛ ߴੑೳαʔόʔͰՔಇ ϚΠΫϩαʔϏε ֤αʔϏεͭͷػೳΛఏڙ
·ͱΊ
͓͞Β͍ ʹੜͨ͠·ͩए͍8FCٸʹਐԽ͍ͯ͠Δ ٸܹͳͰɺࠞಱͱͨ͠ঢ়گ͕͋ͬͨɺྑ͍ྲྀΕʹ͍Δ ϑϩϯτΤϯυΤϯδχΞͷׂ૿Ճ͍ͯ͠Δ όοΫΤϯυΫϥυαʔϏεɾίϯςφ͕ಛʹൃୡ όοΫΤϯυಛ༗ͷz໘͝ͱzΛؾʹ͠ͳ͍ͰࡁΉ ϑϩϯτΤϯυόοΫΤϯυਐԽ͖ͯͨ͠
ϑϩϯτΤϯυͱόοΫΤϯυ େ͖͘มΘΒͳ͍෦ΛόοΫΤϯυ͕୲ େ͖͘มΘΔ෦ΛϑϩϯτΤϯυ͕୲ ΞϓϦΛྑ͘͢Δ͜ͱ͕ڞ௨ͷత ݎ࿚Λࢦ͢ ॊೈΛࢦ͢ ͦΕͧΕͷਐԽΛऔΓೖΕͯڠௐ͍͔ͯ͠ͳ͚ΕͳΒͳ͍
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ