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
410
大規模フロントエンドで のVueの漸進的な導入
koudai
November 18, 2020
Tweet
Share
More Decks by koudai
See All by koudai
Vueを広めるための_Nuxt.jsの可能性.pdf
ishiagme
0
2.4k
Nuxt+Netlifyで爆速サーバーレスSPA開発
ishiagme
0
110
Vueで始める脱jQueryサイトコーディング
ishiagme
0
110
v-meetup_8.pdf
ishiagme
0
68
Other Decks in Technology
See All in Technology
Amazon CloudWatchのメトリクスインターバルについて / Metrics interval matters
ymotongpoo
3
210
DATA+AI SummitとSnowflake Summit: ユーザから見た共通点と相違点 / DATA+AI Summit and Snowflake Summit
nttcom
0
220
RapidPen: AIエージェントによる高度なペネトレーションテスト自動化の研究開発
laysakura
1
390
BEYOND THE RAG🚀 ~とりあえずRAG?を超えていけ! 本当に使えるAIエージェント&生成AIプロダクトを目指して~ / BEYOND-THE-RAG-Toward Practical-GenerativeAI-Products-AOAI-DevDay-2025
jnymyk
4
230
TROCCO今昔
gtnao
0
210
FAST導入1年間のふりかえり〜現実を直視し、さらなる進化を求めて〜 / Review of the first year of FAST implementation
wooootack
1
120
本当にわかりやすいAIエージェント入門
segavvy
10
5.9k
Semantic Machine Intelligence for Vision, Language, and Actions
keio_smilab
PRO
2
390
会社もクラウドも違うけど 通じたコスト削減テクニック/Cost optimization strategies effective regardless of company or cloud provider
aeonpeople
2
160
AIコードアシスタントとiOS開発
jollyjoester
1
230
An introduction to Claude Code SDK
choplin
3
3.3k
claude codeでPrompt Engineering
iori0311
0
440
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
72
4.9k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Statistics for Hackers
jakevdp
799
220k
Adopting Sorbet at Scale
ufuk
77
9.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
It's Worth the Effort
3n
185
28k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Scaling GitHub
holman
461
140k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Gamification - CAS2011
davidbonilla
81
5.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
850
Optimizing for Happiness
mojombo
379
70k
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͠·͠ΐ͏ʂ