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
マネージドクラウドのフロントエンド事情 / Frontend of Managed cloud
Search
dojineko
September 20, 2017
Technology
7
1.3k
マネージドクラウドのフロントエンド事情 / Frontend of Managed cloud
dojineko
September 20, 2017
Tweet
Share
More Decks by dojineko
See All by dojineko
最近のUnityとVRChat / About Unity and VRChat recently
dojineko
0
50
WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!
dojineko
0
130
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
0
7.9k
Viteはいいぞ/Vite is Good
dojineko
1
570
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
330
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
590
もう俺には関係なくないTypeScript/Our TypeScript
dojineko
3
260
TypeScript ではじめる Clean Architecture / Let's start Clean Architecture with TypeScript
dojineko
2
2.7k
Hosting meets .NET / hosting-meets-dotnet
dojineko
0
560
Other Decks in Technology
See All in Technology
kcp: Kubernetes APIs Are All You Need #techfeed_live / TechFeed Experts Night 28th
ytaka23
1
180
大規模言語モデル (LLM)における低精度数値表現
pfn
PRO
3
780
Deno で作る快適な “as Code” プラットフォーム – TSKaigi 2024
pizzacat83
4
300
QAエンジニアが伝えたい品質保証の羅針盤 / Compass for Quality Assurance
mii3king
1
320
Documentação de Produtos: Artefatos essenciais na prática
rigolon
1
290
From here to resilience - a travel guide
ufried
1
160
Domain-driven Design: A Complete Example
ewolff
2
240
使われないものを作るな!出口から作るデータ分析基盤 / Data Platform Development Starting from the User Needs
amaotone
16
4.1k
エンジニアゼロの組織から内製開発の DX をどう実現したのか / How did we achieve DX in in-house development in an organization with zero engineers?
genkiogasawara
6
2.1k
データ基盤を支える技術
chanyou0311
5
2.9k
Dungeons and Dragons and Rails
joelq
0
220
The depthes of profiling Ruby - RubyKaigi 2024
osyoyu
0
110
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1025
450k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
The Pragmatic Product Professional
lauravandoore
26
5.9k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Building Better People: How to give real-time feedback that sticks.
wjessup
356
18k
Raft: Consensus for Rubyists
vanstee
133
6.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
[RailsConf 2023] Rails as a piece of cake
palkan
28
4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
14
8.4k
For a Future-Friendly Web
brad_frost
172
9k
Build The Right Thing And Hit Your Dates
maggiecrowley
25
2k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Transcript
!EPKJOFLP(.01FQBCP *OD )PTUJOH5FDI.5( ϚωʔδυΫϥυͷ ϑϩϯτΤϯυࣄ
None
None
Here!!
ϚωʔδυΫϥυͷ ϑϩϯτΤϯυ
࣍ w4JOHMF1BHF"QQMJDBUJPO w4FSWFS4JEF3FOEFSJOH w7VFKT w/VYUKT w&YQSFTT wͦͷଞͷߏཁૉ
࣍ w4JOHMF1BHF"QQMJDBUJPO w4FSWFS4JEF3FOEFSJOH w7VFKT w/VYUKT w&YQSFTT wͦͷଞͷߏཁૉ
4JOHMF1BHF"QQMJDBUJPO 4FSWFS4JEF3FOEFSJOH
4JOHMF1BHF"QQMJDBUJPO 41" ͱʁ wϖʔδભҠϕʔεͰͳ͘ɺ+BWB4DSJQUͰ ΄΅ͯ͢ͷಈ͖Λ࣮ݱ͢Δ8FCΞϓϦέʔγϣϯ wϖʔδભҠ͢Β+BWB4DSJQUͷ੍ޚԼʹ͋ΔͷͰ ը໘͕มΘͬͯϦϩʔυΛൃੜͤ͞ͳ͍Α͏ʹͰ͖Δ wϒϥβͷڍಈʹറΒΕͳ͍6*69ͷ࣮ݱ͕Մೳ w5XJUUFS'BDFCPPLͷ8FCΞϓϦέʔγϣϯ41" w"UPN74$PEFͳͲͷ&MFDUSPOΞϓϦ41"
41"ͷΠϝʔδ 1)1 )5.- +4 1)1 1)1 ϖʔδભҠ ϖʔδભҠ "KBYͰใΛऔಘ ඞཁʹԠͯ͡ը໘ͷߋ৽
41"Ͱͳ͍߹ 41"ͷ߹ "1*
4FSWFS4JEF3FOEFSJOH 443 ͱʁ w8FCΞϓϦέʔγϣϯͷඳը %0.ͷੜ Λ༧ΊαʔόʔଆͰॲཧ ͔ͯ͠ΒΫϥΠΞϯτʹૹ৴͢Δٕज़ w1)13VCZͳͲͰ࡞ͬͨ41"Ͱͳ͍8FCΞϓϦέʔγϣϯ 8FCαΠτϑϧʹαʔόʔαΠυϨϯμϦϯά͍ͯ͠Δͱݴ͑Δ
ʮ41"ͳΒ443͍Βͳ͍ͷͰʁʯ
443ෆཁ w4&0ͷ؍͚ͩͰ͋Εɺ(PPHMF#PU+4ΛॲཧͰ͖ΔͷͰ 443ʮ͓ͦΒ͘ʯෆཁ wϗϯτͷͱ͜Ζ(PPHMFʹ͔͠Θ͔Βͳ͍ w͔͠͠ͳ͕Βɺ443ΛऔΓೖΕΔ͜ͱͰΫϥΠΞϯτଆͰͷը໘ͷ ॳظඳըͷෛՙΛܰݮ͠ϢʔβʔମݧΛ্ͤ͞Δ͜ͱ͕ݟࠐΊΔ wॳظͷදࣔΛαʔόʔͷԋࢉೳྗͰߦ͍ɺΫϥΠΞϯτͰ͔ͦ͜Βมߋ ͷ͋Δ෦͚ͩࠩߋ৽͢Εྑ͍
41" 443·ͱΊ wϑϩϯτΤϯυ4JOHMF1BHF"QQMJDBUJPO 41" Ͱग़དྷͯΔΑ w4FSWFS4JEF3FOEFSJOH 443 ͬͯΔΑ w41" 443ͳͷϢʔβʔମݧΛΑΓྑ͘͢ΔͨΊͩΑ
࣍ w4JOHMF1BHF"QQMJDBUJPO w4FSWFS4JEF3FOEFSJOH w7VFKT w/VYUKT w&YQSFTT wͦͷଞͷߏཁૉ
7VFKT
None
7VFKT w3FBDUɺ"OHVMBSͱฒͿୈͷ7JFXͷ+4ϑϨʔϜϫʔΫ wγϯϓϧͰڧྗͳ"1*ɺ7JSUVBM%0. ը໘ͷߋ৽͕ߴ wখ࢝͘͞Ίɺগͣͭ͛͠ΒΕΔΑ͏ͳઃܭ w7VFY ঢ়ଶཧ ɺ7VF3PVUFS ϧʔςΟϯάཧ
ͳͲ ڧྗͳެࣜϥΠϒϥϦ w443αϙʔτ
ʮͦΕ3FBDUͰྑ͘ͳ͍ʁʯ ʮͦΕ"OHVMBSͰྑ͘ͳ͍ʁʯ
ࠓճ7VFKTͰ wྲྀಈ͕ܹ͍͠+4ք۾ͷதͰɺ͞·͟·ͳϑϨʔϜϫʔΫ͕ग़ͯফ͑ ͯΏ͘தɺ7VFKTখ࢝͘͞ΊΒΕΔઃܭͳͷͰ్தͰࣦ٭ͯ͠ɺ ͬͨίʔυΛݩʹଞʹҠΓͦ͢͏ w7VFKTʹ4JOHMF'JMF$PNQPOFOU͕͋Δ w)5.-Λॻ͘ϊϦͰ7VFKTΛύʔπͱͯ͠ॻ͚ΔΈ wσβΠφʔ৽͘͠ೖ͖ͬͯͨΤϯδχΞʹ͠Έ͍͢ wύʔπ୯ҐͰ࡞ΔͷͰɺؔ͢Δ+4$44͕औΓ͞Εʹ͍͘
4JOHMF'JMF$PNQPOFOUͷྫ 4JOHMF'JMF$PNQPOFOUΛ͑ ϘλϯΛΫϦοΫͨ͠Βೖྗͨ͠༰Λ μΠΞϩάʹදࣔ͢Δͷ͜Μͳײ͡Ͱॻ͚Δʂ ˞ $44෦ʹॻ͘͜ͱ͕Ͱ͖ɺ1PTU$44Λར༻Ͱ͖Δ ˞ ΈʹԠͯ͡+4ͱ$44֎෦ϑΝΠϧΛࢀরͤ͞Δ͜ͱͰ͖Δ ˞ ७ਮͳ+4Ͱͳ͍ͷͰಈ͔͢ʹ8FCQBDLΛซ༻͢Δ
ίϯϙʔωϯτϕʔεͷ։ൃͷԸܙͷྫ σβΠϯ͢Δʹ͋ͨΓελΠϧΨΠυͷ࡞ίετ͕՝ͩͬͨɻ 4JOHMF'JMF$PNQPOFOUͰύʔπ͝ͱʹػೳͱσβΠϯΛ ߏங͍ͯ͘͠ͷͰɺελΠϧΨΠυΛͨ͘͞Μ༻ҙͤͣͱ ࣗવͱτʔϯϚφʔ͕कΒΕ͍ͯ͘ྲྀΕ͕Ͱ͖ͨɻ ʲͱ͋ΔσβΠφʔͷҙݟʳ 4'$ʹελΠϧΛॻ͘͜ͱͰɺίϯϙʔωϯτຖʹ Ͳ͏͍͏ϧʔϧͰελΠϧΛॻ͘ͷ͔͕Θ͔Γ͘͢ͳͬͨɻ ͦͷͨΊɺελΠϧΨΠυΛΨοπϦ࡞͢Δඞཁ͕ແ͘ͳͬͨ ͱ͍͏͔ɺ࡞͢Δඞཁ͕΄΅ແ͘ͳͬͨ
ͦͷ΄͔ w૾ͷ͘ൣғͰͷجຊతͳػೳຆͲ͕༻ҙ͞Ε͍ͯΔ wೖྗϑΥʔϜͷͱมͷόΠϯσΟϯά w%0.ͷੜআΛ࢝Ίͱͨ͠ॊೈͳϑοΫϙΠϯτ w͏͜ͱڧ੍͞Εͳ͍ɹඞཁͳ࣌ʹඞཁͳ͚ͩ wެࣜυΩϡϝϯτ͕ຊޠʹ༁͞Ε͓ͯΓॳ৺ऀʹ༏͍͠ wIUUQTKQWVFKTPSH
7VFKT·ͱΊ w࣮ࡍʹը໘Λ࡞Δͷʹ7VFKTΛͬͯΔΑ w7VFKTʹ4JOHMF'JMF$PNQPOFOU 4'$ ͱ͍͏Έ͕͋ΔΑ w4'$Λ͏ͱ)5.-Λॻ͘ϊϦͰ7VFKTΛॻ͚ͪΌ͏Α w͔ͩΒֶशίετΊͰσβΠφʔΤϯδχΞϋοϐʔ wσβΠφʔ͚ͩͰίϯϙʔωϯτΛ࡞ͬͨΓͱ͔ͨ͠Α
࣍ w4JOHMF1BHF"QQMJDBUJPO w4FSWFS4JEF3FOEFSJOH w7VFKT w/VYUKT w&YQSFTT wͦͷଞͷߏཁૉ
/VYUKT
None
/VYUKTͱʁ w7VFKTͱपลπʔϧΛར༻ͨ͠41"ͷϑϨʔϜϫʔΫ wαʔόʔαΠυϨϯμϦϯάରԠ w7VFY ঢ়ଶཧ ɺ7VF3PVUFS ϧʔςΟϯάཧ ʹରԠ w1PTU$44ͳͲͷ֦ுػೳʹରԠ4'$ͱ࿈ܞͯ͠༻Մೳ w3FBDUͷಉछͷϑϨʔϜϫʔΫʹʮ/FYUKTʯͱݴ͏ͷ͕͋Δ
/VYUKTͷجຊతͳྲྀΕ 7VFؔ࿈͢ΔεΫϦϓτ $44ɺը૾ͳͲͷΞηοτΛ࡞ /VYUKTͷఆ͢ΔσΟϨΫτϦʹஔ 8FCQBDLͰτϥϯεύΠϧ WVFMPBEFSͳͲΛར༻ )5.-+4ʹม͞ΕΔ αʔόʔͱͯ͠༻͢Δ߹443༗ޮ w ίϯύΠϧ͔Βઌͷॲཧ/VYUKT෦ͰΑ͠ͳʹߦͬͯ͘ΕΔ
w /VYUKT͚ͩͰαʔόʔͱͯ͠ಈ࡞͢Δଞɺ&YQSFTTͳͲͷαʔόʔΞϓϦέʔγϣϯͱ࿈ܞͰ͖Δ
ͳͥ/VYUKTͳͷ͔ʁ w7VFKTখճΓ͕͖͕͘ɺࣗ༝ʹॻ͚ͯ͠·͍͗͢Δ wࣗ༝ͳ͜ͱྑ͍͜ͱ͕ͩɺίʔυ͕ͯ͠ߦ͘ͱͦ͏ߦ͔ͳ͍ w/VYUKTԿΛͲ͜ʹஔ͠ɺͲ͏ॻ͚ྑ͍͔͕ެࣜυΩϡϝϯτʹ͋Δ w/PEFKTΛͬͨ4FSWFS4JEF3FOEFSJOHͷϊϋ͕ແ͍ w/VYUKT443͕ػೳͱͯ͠༻ҙ͞Ε͍ͯΔͷͰͦͷ҆৺
ͦͷ΄͔ w/VYUKTͷެࣜυΩϡϝϯτຊޠͰࢀর͢Δ͜ͱ͕Ͱ͖ɺಋೖͷ ϋʔυϧ͕ͱͯԼ͛ΒΕ͍ͯΔ !JOPVFUBLVZBࢯʹΑΔ༁ w੩తαΠτδΣωϨʔλͱͯ͠׆༻Մೳ wτϥϯεύΠϧͨ͠ՌΛϩϦϙοϓϔςϜϧɺ(JUIVC1BHFTͳͲͷ /PEFKTͰͳ͍ڥͷϗεςΟϯάαʔϏεʹஔͯ͠༻Ͱ͖Δ
/VYUKT·ͱΊ w7VFKT͚ͩͰϑϩϯτΤϯυΛߏங͢Δʹͪΐͬͱࣗ༝͗ͬ͢Ά͍ w7VFKT͚ͩͩͱ443͢ΔʹԼ४උ͕ඞཁͩΑ w/VYUKTʹ7VFKTͷॻ͖ํ͕ܾ·͍ͬͯͯɺ Ճ͑ͯ443Ͱ͖Δ͔ΒΊͬͪΌศརͰ׆༻͍ͯ͠ΔΑ wຊޠυΩϡϝϯτ͕༻ҙ͞Ε͍ͯͯಋೖ͍͢͠Α
࣍ w4JOHMF1BHF"QQMJDBUJPO w4FSWFS4JEF3FOEFSJOH w7VFKT w/VYUKT w&YQSFTT wͦͷଞͷߏཁૉ
&YQSFTT
None
&YQSFTT w/PEFKTͰͷσϑΝΫτελϯμʔυͳαʔόʔύοέʔδ wIUUQFYQSFTTKTDPNKB
/VYUKTͷ࿈ܞ w/VYUKT͕໘ΛݟΔͷ7VFKT7VFY7VF3PVUFSͳͲ wαʔόʔηογϣϯΛߋ৽ͨ͠Γɺ"KBYͰར༻͢Δ"1*ΤϯυϙΠϯ τͷ࡞ͳͲࠓͷͱ͜Ζ/VYUKTͷൣғ֎ wͦ͏͍͏ॲཧ͕ඞཁͳ߹ผ్αʔόʔύοέʔδΛར༻͢Δ wϚωʔδυΫϥυͰ&YQSFTTΛ࠾༻ wϩάΠϯϩάΞτɺόοΫΤϯυૢ࡞ͷ"1*ͳͲΛ࡞
ߏུ֓ ; "1*MPHJO "1*QSPKFDUT &YQSFTTʹఆٛ͞Εͨ ϧʔςΟϯά ॲཧ୲ 'SPOUDPOTPMF &YQSFTTʹ/VYUKTΛ ΈࠐΜͰར༻͢Δ
දࣔ୲ ϩάΠϯ "KBYͰ "1*Λίʔϧ 'SPOUMPHJO 4FTTJPO4UPSF 4FTTJPOͷૢ࡞ &YQSFTT͚ͩ $BDIF
ʮ"1*3BJMTͰྑ͍ͷͰʁʯ
ͯ͢Λ+BWB4DSJQUͰॻ͘ϝϦοτ w༻ݴޠΛසൟʹΓସ͑ͣʹࡁΉ w3BJMT(PͳͲผͷݴޠͰॻ͘ΑΓ ͯ͢+4ͷ΄͏͕શମͷ࣮Λݟ௨͍͢͠ wHFNHPQLHͱಉ͘͡Β͍๛ͳOQNύοέʔδ͕ଘࡏ͢Δ wΫϥΠΞϯτͱαʔόʔͰڞ௨ͷॲཧΛॻ͍ͨΓͰ͖Δ wαΠϯΞοϓͷࡍͷόϦσʔγϣϯػߏͳͲ wଟॏཧʹͳΒͳ͍
ͯ͢Λ+BWB4DSJQUͰॻ͘σϝϦοτ wΫϥΠΞϯτͱαʔόʔͰڞ௨ͷॲཧΛ+4Ͱॻ͚Δ͕ɺൿಗ͖͢ ใΛ͏͔ͬΓΫϥΠΞϯτଆʹ࿐ग़ͤͯ͞͠·͏Մೳੑ͕͋Δ w%#ͷύεϫʔυ҉߸Խʹ͏ൿີ伴ɺαʔϏετʔΫϯͳͲ wαʔόʔͷࢿ࢈֊Λ͚ͨΓɺ$*ϨϏϡʔͰνΣοΫͨ͠Γͳ ͲͰڥքઢΛೝ͓ࣝͯ͘͠ඞཁ͕͋Δ
&YQSFTT·ͱΊ w/VYUKT&YQSFTTͱͷ࿈ܞΛαϙʔτ͍ͯ͠ΔΑ w&YQSFTTΛ͏͜ͱͰΫϥΠΞϯτଆɺαʔόʔଆͷ྆ํΛ +BWB4DSJQUͰ࣮Ͱ͖ΔΑ wڞ௨͢ΔॲཧΛॻ͘߹ଟॏཧʹͳΒͳͯ͘ϋοϐʔ wαʔόʔଆʹӅ͓͔ͯ͠ͳ͍ͱ͍͚ͳ͍ใΛ͏͔ͬΓ ΫϥΠΞϯτଆʹެ։ͯ͠͠·Θͳ͍Α͏ʹҙͩΑ
࣍ w4JOHMF1BHF"QQMJDBUJPO w4FSWFS4JEF3FOEFSJOH w7VFKT w/VYUKT w&YQSFTT wͦͷଞͷߏཁૉ
ͦͷ΄͔ͷߏཁૉ
4FRVFMJ[FKT w/PEFKTͰͷσϑΝΫτελϯμʔ υͳ03.BQQFSύοέʔδ w"DUJWF3FDPSEͷΑ͏ͳϞσϧɺ ϚΠάϨʔγϣϯػೳɺγʔυػೳ ͕͋Δ wIUUQEPDTTFRVFMJ[FKTDPN
5ZQF4DSJQU w.JDSPTPGUൃͷ੩తܕͷBMU+4 wίϯύΠϥͷػೳʹґΔίʔυิͳ ͲͷΤσΟλࢧԉͰָʹ։ൃ͕Ͱ͖Δ w&YQSFTTɺ7VFKT/VYUKTɺ.PEFMɺ ͳͲͷ࣮Λ੩తܕɺ੩తղੳʹΑ ΔཧΤϥʔΛݮΒ࣮͢ʹҠߦத wIUUQTXXXUZQFTDSJQUMBOHPSH ੩తղੳ ίʔυิ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠