Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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
2025-03-12 WebXRのいま(2025Q1) / About WebXR (2025Q1)
dojineko
0
590
iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS
dojineko
0
87
最近のUnityとVRChat / About Unity and VRChat recently
dojineko
0
170
WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!
dojineko
0
180
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
1
9.7k
Viteはいいぞ/Vite is Good
dojineko
1
780
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
460
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
990
もう俺には関係なくないTypeScript/Our TypeScript
dojineko
3
370
Other Decks in Technology
See All in Technology
AI 時代のデータ戦略
na0
8
2.9k
TypeScript×CASLでつくるSaaSの認可 / Authz with CASL
saka2jp
2
170
How native lazy objects will change Doctrine and Symfony forever
beberlei
1
320
ECMAScript仕様の最新動向: プロセスの変化と仕様のトレンド
uhyo
1
290
進化の早すぎる生成 AI と向き合う
satohjohn
0
470
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3.2k
"なるべくスケジューリングしない" を実現する "PreferNoSchedule" taint
superbrothers
0
130
Digital omtanke på Internetdagarna 2025
axbom
PRO
0
160
re:Invent2025とAWS Builder Cards Resilience Expansionのご紹介
tsuwa61
1
130
AI駆動開発によるDDDの実践
dip_tech
PRO
0
190
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
970
ページの可視領域を算出する方法について整理する
yamatai1212
0
140
Featured
See All Featured
Statistics for Hackers
jakevdp
799
230k
A designer walks into a library…
pauljervisheath
210
24k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.2k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
The Cult of Friendly URLs
andyhume
79
6.7k
Designing for Performance
lara
610
69k
Done Done
chrislema
186
16k
The Cost Of JavaScript in 2023
addyosmani
55
9.3k
Making Projects Easy
brettharned
120
6.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
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 ੩తղੳ ίʔυิ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠