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.4k
マネージドクラウドのフロントエンド事情 / Frontend of Managed cloud
dojineko
September 20, 2017
Tweet
Share
More Decks by dojineko
See All by dojineko
iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS
dojineko
0
52
最近のUnityとVRChat / About Unity and VRChat recently
dojineko
0
140
WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!
dojineko
0
160
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
1
9.1k
Viteはいいぞ/Vite is Good
dojineko
1
720
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
410
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
910
もう俺には関係なくないTypeScript/Our TypeScript
dojineko
3
340
TypeScript ではじめる Clean Architecture / Let's start Clean Architecture with TypeScript
dojineko
2
3.3k
Other Decks in Technology
See All in Technology
Part1 GitHubってなんだろう?その2
tomokusaba
2
720
AIによるコードレビューで開発体験を向上させよう!
moongift
PRO
0
420
AndroidアプリエンジニアもMCPを触ろう
kgmyshin
2
650
OPENLOGI Company Profile
hr01
0
64k
雑に疎通確認だけしたい...せや!CloudShell使ったろ!
alchemy1115
0
210
Cursorを全エンジニアに配布 その先に見据えるAI駆動開発の未来 / 2025-05-13-forkwell-ai-study-1-cursor-at-loglass
itohiro73
2
450
計測による継続的なCI/CDの改善
sansantech
PRO
1
120
kernelvm-brain-net
raspython3
0
510
Как мы автоматизировали интеграционное тестирование с Gonkey и не пожалели. Паша Егорычев, Кирилл Поляков
lamodatech
0
2.1k
クラウドネイティブ環境の脅威モデリング
kyohmizu
2
400
DynamoDB のデータを QuickSight で可視化する際につまづいたこと/stumbling-blocks-when-visualising-dynamodb-with-quicksight
emiki
0
150
AI 코딩 에이전트 더 똑똑하게 쓰기
nacyot
0
540
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
For a Future-Friendly Web
brad_frost
177
9.7k
BBQ
matthewcrist
88
9.6k
Optimizing for Happiness
mojombo
378
70k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
329
24k
Designing for Performance
lara
608
69k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
33k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Code Review Best Practice
trishagee
68
18k
The Cost Of JavaScript in 2023
addyosmani
49
7.8k
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 ੩తղੳ ίʔυิ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠