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
17
最近のUnityとVRChat / About Unity and VRChat recently
dojineko
0
94
WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!
dojineko
0
140
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
0
8.6k
Viteはいいぞ/Vite is Good
dojineko
1
670
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
370
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
770
もう俺には関係なくないTypeScript/Our TypeScript
dojineko
3
310
TypeScript ではじめる Clean Architecture / Let's start Clean Architecture with TypeScript
dojineko
2
3k
Other Decks in Technology
See All in Technology
Engineer Career Talk
lycorp_recruit_jp
0
190
DynamoDB でスロットリングが発生したとき/when_throttling_occurs_in_dynamodb_short
emiki
0
250
OCI Network Firewall 概要
oracle4engineer
PRO
0
4.2k
個人でもIAM Identity Centerを使おう!(アクセス管理編)
ryder472
4
230
強いチームと開発生産性
onk
PRO
35
11k
AGIについてChatGPTに聞いてみた
blueb
0
130
DynamoDB でスロットリングが発生したとき_大盛りver/when_throttling_occurs_in_dynamodb_long
emiki
1
420
いざ、BSC討伐の旅
nikinusu
2
780
VideoMamba: State Space Model for Efficient Video Understanding
chou500
0
190
AIチャットボット開発への生成AI活用
ryomrt
0
170
Flutterによる 効率的なAndroid・iOS・Webアプリケーション開発の事例
recruitengineers
PRO
0
110
プロダクト活用度で見えた真実 ホリゾンタルSaaSでの顧客解像度の高め方
tadaken3
0
170
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
24k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
A designer walks into a library…
pauljervisheath
204
24k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
Music & Morning Musume
bryan
46
6.2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
410
Fireside Chat
paigeccino
34
3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
The Language of Interfaces
destraynor
154
24k
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 ੩తղੳ ίʔυิ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠