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
0→1事業こそPMは営業すべし / pmconf #落選お披露目 / PM should do sales in zero to one
roki_n_
PRO
1
1k
Kotlin Multiplatformのポテンシャル
recruitengineers
PRO
2
150
2025年の挑戦 コーポレートエンジニアの技術広報/techpr5
nishiuma
0
140
Azureの開発で辛いところ
re3turn
0
240
カップ麺の待ち時間(3分)でわかるPartyRockアップデート
ryutakondo
0
130
いま現場PMのあなたが、 経営と向き合うPMになるために 必要なこと、腹をくくること
hiro93n
9
7.3k
データ基盤におけるIaCの重要性とその運用
mtpooh
3
380
ゼロからわかる!!AWSの構成図を書いてみようワークショップ 問題&解答解説 #デッカイギ #羽田デッカイギおつ
_mossann_t
0
1.5k
Godot Engineについて調べてみた
unsoluble_sugar
0
370
デジタルアイデンティティ人材育成推進ワーキンググループ 翻訳サブワーキンググループ 活動報告 / 20250114-OIDF-J-EduWG-TranslationSWG
oidfj
0
450
Visual StudioとかIDE関連小ネタ話
kosmosebi
1
370
embedパッケージを深掘りする / Deep Dive into embed Package in Go
task4233
1
200
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
Bash Introduction
62gerente
610
210k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
Optimizing for Happiness
mojombo
376
70k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
Optimising Largest Contentful Paint
csswizardry
33
3k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
KATA
mclloyd
29
14k
Faster Mobile Websites
deanohume
305
30k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.2k
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Λؾʹ͠ͳ͍ͰࡁΉ ϑϩϯτΤϯυόοΫΤϯυਐԽ͖ͯͨ͠
ϑϩϯτΤϯυͱόοΫΤϯυ େ͖͘มΘΒͳ͍෦ΛόοΫΤϯυ͕୲ େ͖͘มΘΔ෦ΛϑϩϯτΤϯυ͕୲ ΞϓϦΛྑ͘͢Δ͜ͱ͕ڞ௨ͷత ݎ࿚Λࢦ͢ ॊೈΛࢦ͢ ͦΕͧΕͷਐԽΛऔΓೖΕͯڠௐ͍͔ͯ͠ͳ͚ΕͳΒͳ͍
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ