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
44
最近のUnityとVRChat / About Unity and VRChat recently
dojineko
0
130
WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!
dojineko
0
150
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
1
9k
Viteはいいぞ/Vite is Good
dojineko
1
720
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
400
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
890
もう俺には関係なくないTypeScript/Our TypeScript
dojineko
3
340
TypeScript ではじめる Clean Architecture / Let's start Clean Architecture with TypeScript
dojineko
2
3.2k
Other Decks in Technology
See All in Technology
C++26アップデート 2025-03
faithandbrave
0
540
SDカードフォレンジック
su3158
1
630
AWS全冠芸人が見た世界 ~資格取得より大切なこと~
masakiokuda
5
6.2k
От ручной разметки к LLM: как мы создавали облако тегов в Lamoda. Анастасия Ангелова, Data Scientist, Lamoda Tech
lamodatech
0
750
ソフトウェア開発現代史: "LeanとDevOpsの科学"の「科学」とは何か? - DORA Report 10年の変遷を追って - #DevOpsDaysTokyo
takabow
0
390
Making a MIDI controller device with PicoRuby/R2P2 (RubyKaigi 2025 LT)
risgk
1
260
サーバレス、コンテナ、データベース特化型機能をご紹介。CloudWatch をもっと使いこなそう!
o11yfes2023
0
180
DETR手法の変遷と最新動向(CVPR2025)
tenten0727
2
1.4k
プロダクト開発におけるAI時代の開発生産性
shnjtk
2
240
Road to Go Gem #rubykaigi
sue445
0
770
生成AIによるCloud Native基盤構築の可能性と実践的ガードレールの敷設について
nwiizo
7
970
SnowflakeとDatabricks両方でRAGを構築してみた
kameitomohiro
1
420
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
336
57k
The Invisible Side of Design
smashingmag
299
50k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
RailsConf 2023
tenderlove
30
1.1k
Product Roadmaps are Hard
iamctodd
PRO
52
11k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
Scaling GitHub
holman
459
140k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
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 ੩తղੳ ίʔυิ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠