Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
フロントエンドの変遷がもたらしたバックエンドの進化
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
Flutter Widget Previewerで始めるUIプレビューとVRTの自動化
sakusaku3939
0
180
GitHub、使う?使わない?
happysamurai294
0
120
キヨさん、67歳。AIコーディングエージェントに挑む
happysamurai294
0
130
ひとりで始めた AI駆動開発、チームに広げて何が変わったのか
kenichiodo
1
160
Oracle Database Security 詳細解説
oracle4engineer
PRO
1
160
Vibe-to-Spec開発_実践ガイド
happysamurai294
0
130
なぜAI時代に技術記事を書くのか?どう書くのか? 〜bunの場合〜
kworkdev
PRO
0
1.1k
LLMの知識とAIエージェント
happysamurai294
0
130
国際カードブランドルール変更に伴うクレジットカード決済取引仕様変更について
k1style
0
270
外国人エンジニアがVueプロトタイプで仕様を合わせている話 / Vue Fes Japan 2026 LT
eluwing
0
320
AIエージェントに 権限と鍵をどこまで渡すか
nrinetcom
PRO
2
160
Flutter Webを「SDK」として配る — 50以上のゲームを支える埋め込みアーキテクチャ
masayukisuda
0
160
Featured
See All Featured
Producing Creativity
orderedlist
PRO
348
41k
AI: The stuff that nobody shows you
jnunemaker
PRO
10
1.2k
Being A Developer After 40
akosma
PRO
92
590k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
palkan
2
970
Scaling GitHub
holman
464
140k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
560
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3.2k
How to train your dragon (web standard)
notwaldorf
96
6.9k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
2
490
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Λؾʹ͠ͳ͍ͰࡁΉ ϑϩϯτΤϯυόοΫΤϯυਐԽ͖ͯͨ͠
ϑϩϯτΤϯυͱόοΫΤϯυ େ͖͘มΘΒͳ͍෦ΛόοΫΤϯυ͕୲ େ͖͘มΘΔ෦ΛϑϩϯτΤϯυ͕୲ ΞϓϦΛྑ͘͢Δ͜ͱ͕ڞ௨ͷత ݎ࿚Λࢦ͢ ॊೈΛࢦ͢ ͦΕͧΕͷਐԽΛऔΓೖΕͯڠௐ͍͔ͯ͠ͳ͚ΕͳΒͳ͍
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ