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
3
760
フロントエンドの変遷がもたらしたバックエンドの進化
Webの歴史を振り返る 〜原始から現代へ〜
システム構成の変遷
フロントエンドの混沌と秩序
バックエンドの進化
yoskeoka
December 20, 2018
Tweet
Share
More Decks by yoskeoka
See All by yoskeoka
Go言語でAPIサーバーを実装しました
yoskeokamoto
7
2.7k
Other Decks in Technology
See All in Technology
開発生産性を始める前に開発チームができること / optim-improve-development-productivity.pdf
optim
0
110
Road to Single Activity
yurihondo
2
240
20240912 JJUGナイトセミナー
mii1004
0
140
AI活用したくてもできなかった不動産SaaSの今とこれから
nealle
0
330
社内の学びの場・コミュニティ形成とエンジニア同士のリレーションシップ構築/devreljapan2024
nishiuma
3
290
アプリをリリースできる状態に保ったまま 段階的にリファクタリングするための 戦略と戦術 / Strategies and tactics for incremental refactoring
yanzm
6
1.4k
持続可能なソフトウェア開発を支える『GitHub CI/CD実践ガイド』
tmknom
7
1.4k
プログラム検証入門
riru
6
870
より快適なエラーログ監視を目指して
leveragestech
4
1.4k
なにもしてないのにNew Relicのデータ転送量が増えていたときに確認したこと
tk3fftk
2
230
App Router を実プロダクトで採用して見えてきた勘所をちょっとだけ紹介
marokanatani
1
930
忙しい人のためのLangGraph概要まとめ
__ymgc__
1
190
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
691
190k
The Invisible Side of Design
smashingmag
296
50k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
The Invisible Customer
myddelton
119
13k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
32k
How STYLIGHT went responsive
nonsquared
93
5.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
103
48k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
89
16k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
36
1.7k
The Cost Of JavaScript in 2023
addyosmani
42
5.7k
Designing for humans not robots
tammielis
248
25k
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Λؾʹ͠ͳ͍ͰࡁΉ ϑϩϯτΤϯυόοΫΤϯυਐԽ͖ͯͨ͠
ϑϩϯτΤϯυͱόοΫΤϯυ େ͖͘มΘΒͳ͍෦ΛόοΫΤϯυ͕୲ େ͖͘มΘΔ෦ΛϑϩϯτΤϯυ͕୲ ΞϓϦΛྑ͘͢Δ͜ͱ͕ڞ௨ͷత ݎ࿚Λࢦ͢ ॊೈΛࢦ͢ ͦΕͧΕͷਐԽΛऔΓೖΕͯڠௐ͍͔ͯ͠ͳ͚ΕͳΒͳ͍
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ