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
770
フロントエンドの変遷がもたらしたバックエンドの進化
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
Grafana Meetup Japan Vol. 6
kaedemalu
1
190
AIとTDDによるNext.js「隙間ツール」開発の実践
makotot
6
800
250905 大吉祥寺.pm 2025 前夜祭 「プログラミングに出会って20年、『今』が1番楽しい」
msykd
PRO
1
120
実践AIガバナンス
asei
3
270
LLM翻訳ツールの開発と海外のお客様対応等への社内導入事例
gree_tech
PRO
0
410
Grafana MCPサーバーによるAIエージェント経由でのGrafanaダッシュボード動的生成
hamadakoji
1
890
DuckDB-Wasmを使って ブラウザ上でRDBMSを動かす
hacusk
1
130
AIエージェントの活用に重要な「MCP (Model Context Protocol)」とは何か
masayamoriofficial
0
240
役割は変わっても、変わらないもの 〜スクラムマスターからEMへの転身で学んだ信頼構築の本質〜 / How to build trust
shinop
0
150
そのコンポーネント、サーバー?クライアント?App Router開発のモヤモヤを可視化する補助輪
makotot
4
780
絶対に失敗できないキャンペーンページの高速かつ安全な開発、WINTICKET × microCMS の開発事例
microcms
0
360
AI時代に非連続な成長を実現するエンジニアリング戦略
sansantech
PRO
3
890
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Done Done
chrislema
185
16k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
830
Statistics for Hackers
jakevdp
799
220k
Thoughts on Productivity
jonyablonski
69
4.8k
Why Our Code Smells
bkeepers
PRO
339
57k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Embracing the Ebb and Flow
colly
87
4.8k
Practical Orchestrator
shlominoach
190
11k
4 Signs Your Business is Dying
shpigford
184
22k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
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Λؾʹ͠ͳ͍ͰࡁΉ ϑϩϯτΤϯυόοΫΤϯυਐԽ͖ͯͨ͠
ϑϩϯτΤϯυͱόοΫΤϯυ େ͖͘มΘΒͳ͍෦ΛόοΫΤϯυ͕୲ େ͖͘มΘΔ෦ΛϑϩϯτΤϯυ͕୲ ΞϓϦΛྑ͘͢Δ͜ͱ͕ڞ௨ͷత ݎ࿚Λࢦ͢ ॊೈΛࢦ͢ ͦΕͧΕͷਐԽΛऔΓೖΕͯڠௐ͍͔ͯ͠ͳ͚ΕͳΒͳ͍
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ