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
大規模フロントエンドで のVueの漸進的な導入
Search
koudai
November 18, 2020
Technology
2
380
大規模フロントエンドで のVueの漸進的な導入
koudai
November 18, 2020
Tweet
Share
More Decks by koudai
See All by koudai
Vueを広めるための_Nuxt.jsの可能性.pdf
ishiagme
0
2.1k
Nuxt+Netlifyで爆速サーバーレスSPA開発
ishiagme
0
96
Vueで始める脱jQueryサイトコーディング
ishiagme
0
89
v-meetup_8.pdf
ishiagme
0
60
Other Decks in Technology
See All in Technology
TransitGatewayの基礎
toru_kubota
0
230
クラウドサインにおけるプロダクトマネージャーの役割と開発プロセス / 20240410_cloudsign-PdM
bengo4com
1
680
o11y入門_外形監視を利用したWebアプリケーションへの最適なモニタリング_TechBrew
k5k
3
100
スタートアップの技術顧問を3年間続けて発生した事と気付き
biwakonbu
0
160
0→1開発における技術選定において一番大切なこと
bicstone
1
330
Microsoft Cloudで開発ライフサイクルを保護する
kkamegawa
0
140
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
4
110
Hands-on / Kaname Frusawa / Cloud Compare Users Meetup 2024 at University of Tokyo on April 17
paraworld
2
470
シン・Kafka / shin-kafka
oracle4engineer
PRO
7
2.7k
OpenTelemetry を使ったトレースエグザンプラーの活用 / otel-trace-exemplar
k6s4i53rx
2
640
入社後初めてのタスクでk8sアップグレードした話.pdf
kkato1
1
380
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
120
Featured
See All Featured
Navigating Team Friction
lara
177
13k
Fireside Chat
paigeccino
20
2.6k
BBQ
matthewcrist
80
8.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
356
22k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
321
20k
Documentation Writing (for coders)
carmenintech
59
3.9k
For a Future-Friendly Web
brad_frost
171
8.9k
No one is an island. Learnings from fostering a developers community.
thoeni
14
2.1k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
154
14k
Faster Mobile Websites
deanohume
297
30k
Transcript
None
ੴُେ େنϑϩϯτΤϯυͰ ͷ7VFͷਐతͳಋೖ J$BSF.FFUVQWPM
ࣗݾհ ɾ໊લੴُେʢ͍͕͠Ί͜͏͍ͩʣ ɾॴଐΞδΞΫΤετגࣜձࣾ ɾͬͯΔ͜ͱϑϩϯτΤϯυΤϯδχΞ ɾٕज़7VF /VYUKT /FYUKT 54+4 KBNTUBDL ɾ͖ͳ͜ͱਆࣾ८Γɺࣸਅ
ɾ5XJUUFS !LBNFQPO@GF RJJUB !JTJIJHBNF,PVEBJ
ࣗݾհ 7VFͷຊΛࣥචɾग़൛͠·ͨ͠ʂ ʮ̍Ͱجૅ͕ʹ͘ʂ7VFKTೖʯ "NB[PO ָఱɺٕज़ධࣾެࣜαΠτ Ͱൢചத
None
&OKPZ7VFKTͯ͠·͔͢ʁ
ϞμϯϑϩϯτΤϯυΛऔΓר͘ڥ શͯͷϓϩμΫτɾձ͕ࣾશ෦ Ϟμϯڥͱ͍͏͜ͱͰແ͍ PS τϨϯυै͖͍ͬͯ͠ΔΘ͚Ͱͳ͍
దʹٕज़ΛΞοϓσʔτɾϞμϯԽ͠ͳ͍ͱ Կ͕ͳͷ͔ ɾίʔυͷෛ࠴ԽɾϝϯςͰ͖ͳ͍ ɾΤϯδχΞ࠾༻ͷқ͕ര্͕Γ ɾ։ൃ͕ࣄۀͷϘτϧωοΫʹͳΔ ɾɺࣄۀܧଓੑ͕ة͏͍
దʹٕज़ΛΞοϓσʔτɾϞμϯԽ͠ͳ͍ͱ Կ͕ͳͷ͔ ɾίʔυͷෛ࠴ԽɾϝϯςͰ͖ͳ͍ ɾΤϯδχΞ࠾༻ͷқ͕ര্͕Γ ɾ։ൃ͕ࣄۀͷϘτϧωοΫʹͳΔ ɾɺࣄۀܧଓੑ͕ة͏͍
ͲΜͳઓུͰΞοϓσʔτ͍͔ͯ͘͠
7VFKTͷϓϩάϨογϒϦϓϨΠε
લఏɾλʔήοτ ɾٕज़తෛ࠴ͱ͖߹ͬͯΔ ɾ7VFKTͷಋೖΛߟ͍͑ͯΔɾಋೖ࠷த ɾϑϩϯτΤϯυͷઃܭɾٕज़બఆΛ͢Δ ɾࣄۀαΠυͷઆ໌͕ඞཁͳਓ
લఏɾλʔήοτ ɾࠓճͷέʔε7VFKTϦϓϨΠεͷ΄Μͷ Ұͭͷέʔε ɾϓϩδΣΫταʔϏε͕ҟͳΔͱͪΖ Μख๏ઓུมΘͬͯ͘Δ
ΞδΣϯμʢ࣮ࢪ߲ʣ ɾݱঢ়ͷௐࠪͱഎܠ ɾߏͷܾఆͱٕज़ௐࠪ ɾ݁ՌͲ͏͔ͩͬͨ
ݱঢ়ͷௐࠪͱഎܠ ɾ&4 8FCQBDL FTMJOU QSFUUJFS ɾKFTU WVFUFTUJOHMJCSBSZ 5%% ɾK2VFSZΛͬͨಠࣗ'8 ɾϑϩϯτΤϯυ৫͕̎̌ਓʢυϝΠϯ
͝ͱʹνʔϜ͕͔Ε͍ͯΔʣ
ݱঢ়ͷௐࠪͱഎܠ ɾ&4 8FCQBDL FTMJOU QSFUUJFS ɾKFTU WVFUFTUJOHMJCSBSZ 5%% ɾK2VFSZΛͬͨಠࣗ'8 ɾϑϩϯτΤϯυ৫͕̎̌ਓʢυϝΠϯ
͝ͱʹνʔϜ͕͔Ε͍ͯΔʣ ɾಠࣗ'8͕͔ͳΓߴ͕ͩͬͨϝϯςɾ৽ن։ൃͰ͖Δਓ͕΄ ΅͍ͳ͍ ɾ7VF෦తʹೖ͍͕ͬͯͨɺϝΠϯಠࣗ'8ͰͰ͖͍ͯͨ ɾࠓճɺ͜ͷಠࣗ'8Λ7VFKTʹஈ֊తʹஔ͖͑Δ
ݱঢ়ͷௐࠪͱഎܠ IPHF GVHB QJZP ಠࣗ'8 7VF41" ಠࣗ'8 αʔόʔαΠυςϯϓϨʔτ ϑϩϯτΤϯυ
ݱঢ়ͷௐࠪͱഎܠ ɾରϦϓϨΠεը໘͕̍̌̌ը໘ ɾશͯΛ7VFͰϦϓϨΠε͢Δ͜ͱ͕ݫ͍͠ ɾʹऩΊΔࢪࡦΛଧͭඞཁ͕͋Δ
ͦ͜ͰʮϓϩάϨογϒϦϓϨΠεʯ
ͦ͜ͰʮϓϩάϨογϒϦϓϨΠεʯ ಉ͡ΤϯτϦʔϙΠϯτʹೋͭͷҟͳΔ'8Λಉډͤ͞Δ
ݱঢ়ͷௐࠪͱഎܠ ϝϦοτ σϝϦοτ 7VFϑϧϦϓϨΠε ɾϝϯς͢͠͞ˍ࣭୲อ ɾΤϯδχΞ࠾༻ͷ͢͠͞ ɾ͕࠷͔͔Δ ࣗࣾ'8ʹཹΊΔ ɾ͕͔͔Γʹ͍͘ ɾϝϯςΤϯϋϯε͕ແཧ
ɾϚϯύϫʔ͕࠷ඞཁ ϓϩάϨογϒϦϓϨΠε ɾʹऩΊΒΕΔ ɾҎ߱ͰϦϓϨΠε͍͢͠ ɾφϨοδ͕ͳ͍ ɾ༧ظͤ͵όάͷԹচ
ݱঢ়ͷௐࠪͱഎܠ ͲͷઓུΛͱͬͯσϝϦοτɾϦεΫඞͣΔ ϝϦοτ σϝϦοτ 7VFϑϧϦϓϨΠε ɾϝϯς͢͠͞ˍ࣭୲อ ɾΤϯδχΞ࠾༻ͷ͢͠͞ ɾ͕࠷͔͔Δ ࣗࣾ'8ʹཹΊΔ ɾ͕͔͔Γʹ͍͘
ɾϝϯςΤϯϋϯε͕ແཧ ɾϚϯύϫʔ͕࠷ඞཁ ϓϩάϨογϒϦϓϨΠε ɾʹऩΊΒΕΔ ɾҎ߱ͰϦϓϨΠε͍͢͠ ɾφϨοδ͕ͳ͍ ɾ༧ظͤ͵όάͷԹচ
ݱঢ়ͷௐࠪͱഎܠ ϦεΫͷେ͖͞ ࣌ܥྻ ɾอ༗ͨ͠ϦεΫͷฦࡁܭըʢ͍ͭɺͲΜͳखஈͰʣΛલఏͱͯ͠ɺઃܭΛબͿ ɾશ෦্͔ͬͨͰͲͷϦεΫΛอ༗͠ɺͲΜͳϝϦοτΛڗड͢Δ͔ ɾ͜͜·ͰΛυΩϡϝϯτ"%3ʢ"SDIJUFDUVSF%FDJTJPO3FDPSEʣʹ͢ 7VFKT ࣗࣾ'8 ϛοΫεʢ7VFࣗࣾ'8ʣ
ߏͷܾఆͱٕज़ௐࠪ
ߏͷܾఆͱٕज़ௐࠪ ը໘ ࣗࣾ'8 Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ ը໘ ࣗࣾ'8 Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ
Ϟʔμϧʢࣗࣾ'8ʣ
ߏͷܾఆͱٕज़ௐࠪ ը໘ ࣗࣾ'8 Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ ը໘ ࣗࣾ'8 Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ
Ϟʔμϧʢࣗࣾ'8ʣ ը໘ ࣗࣾ'8 Ϟʔμϧʢ7VFʣ Ϟʔμϧʢ7VFʣ Ϟʔμϧʢࣗࣾ'8ʣ ը໘ 7VF Ϟʔμϧʢ7VFʣ Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ
ߏͷܾఆͱٕज़ௐࠪ ը໘ 7VF Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ
ߏͷܾఆͱٕज़ௐࠪ ը໘ 7VF Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ ɾҟͳΔ'8ؒͰͷσʔλͱΠϕϯτͷୡ ɾෛ࠴Խ͠ʹ͍͘ߏͱ࣮ํ๏ͷཱ֬
ߏͷܾఆͱٕज़ௐࠪ ɾػೳӨڹൣғΛ໌ࣔతʹݶఆ͢Δ ɾյ͍͢͠ɾࣺͯΔલఏͷߏ
ߏͷܾఆͱٕज़ௐࠪ ը໘ 7VF Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ Ϟʔμϧʢࣗࣾ'8ʣ ը໘ 7VF Ξμϓλʔ
Ξμϓλʔ DPOOFDU
ߏͷܾఆͱٕज़ௐࠪ ɾTSDDMJFOUɾɾɾ7VFͰ࡞ΒΕͨը໘෦܈ ɾTSDKTɾɾɾࣗࣾ'8Ͱ࡞ΒΕͨը໘෦܈ ɾTSDDPOOFDUɾɾɾೋͭͷ'8Λܨ͙Ξμϓλʔ DPOOFDUͷϝϦοτ ɾҎ߱ͷϑϧϦϓϨΠε࣌ʹࣺͯ͘͢͢Δ ɾҟͳΔ'8͕ಉډ͍ͯ͠Δ͜ͱ͕໌ࣔతʹͳΔ
ߏͷܾఆͱٕज़ௐࠪ 7VFը໘͔Βಠࣗ'8ͷϞʔμϧΛݺͼग़͢
ߏͷܾఆͱٕज़ௐࠪ ࣗࣾ'8ը໘͔Β7VFͷϞʔμϧΛݺͼग़͢
ߏͷܾఆͱٕज़ௐࠪ ࣗࣾ'8ը໘͔Β7VFͷϞʔμϧΛݺͼग़͢
݁ՌͲ͏͔ͩͬͨ
݁ՌͲ͏͔ͩͬͨ ɾਓͷݮͭͭ͠ɺͰ࡞ΓΕͨ ɾϑϩϯτΤϯυҎ֎ͷਓʹ߹ҙܗΛͱ্ͬͨͰ։ൃͰ͖ͨ ɾͭͳ͗͜ΈʹΑΔσϝϦοτΛ࠷খԽ͠ͳ͕ΒɺҎ߱ͷϦϓ ϨΠεΛ͍͢͠Λ࡞Εͨ
·ͱΊ ɾյ͍͢͠ɾࣺ͍ͯ͢ίʔυྑ͍ઃܭͷॿ͚ʹͳΔ ɾͲͷҙࢥܾఆΛͯ͠σϝϦοτଘࡏ͢ΔͷͰɺશͯཏ ্ͨ͠Ͱબɾܾఆͯ͠Β͏ ɾϦεΫͷฦࡁܭըͷ؍ΛઃܭʹऔΓೖΕͯΈΔ ɾ7VF͕ϓϩάϨογϒϑϨʔϜϫʔΫͳͷͰɺஈ֊తʹಋೖ ͔ͬͨ͢͠
&OKPZ7VFKT͠·͠ΐ͏ʂ