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
400
大規模フロントエンドで のVueの漸進的な導入
koudai
November 18, 2020
Tweet
Share
More Decks by koudai
See All by koudai
Vueを広めるための_Nuxt.jsの可能性.pdf
ishiagme
0
2.3k
Nuxt+Netlifyで爆速サーバーレスSPA開発
ishiagme
0
110
Vueで始める脱jQueryサイトコーディング
ishiagme
0
98
v-meetup_8.pdf
ishiagme
0
65
Other Decks in Technology
See All in Technology
4th place solution Eedi - Mining Misconceptions in Mathematics
rist
0
150
データエンジニアリング領域におけるDuckDBのユースケース
chanyou0311
9
2.5k
[OpsJAWS Meetup33 AIOps] Amazon Bedrockガードレールで守る安全なAI運用
akiratameto
1
130
20250304_赤煉瓦倉庫_DeepSeek_Deep_Dive
hiouchiy
2
120
30→150人のエンジニア組織拡大に伴うアジャイル文化を醸成する役割と取り組みの変化
nagata03
0
290
事業モメンタムを生み出すプロダクト開発
macchiitaka
0
100
AWSアカウントのセキュリティ自動化、どこまで進める? 最適な設計と実践ポイント
yuobayashi
7
1.1k
RayでPHPのデバッグをちょっと快適にする
muno92
PRO
0
190
Change Managerを活用して本番環境へのセキュアなGUIアクセスを統制する / Control Secure GUI Access to the Production Environment with Change Manager
yuj1osm
0
110
サイト信頼性エンジニアリングとAmazon Web Services / SRE and AWS
ymotongpoo
7
1.8k
2/18 Making Security Scale: メルカリが考えるセキュリティ戦略 - Coincheck x LayerX x Mercari
jsonf
0
250
AI Agent時代なのでAWSのLLMs.txtが欲しい!
watany
3
350
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
650
How to Ace a Technical Interview
jacobian
276
23k
Docker and Python
trallard
44
3.3k
Designing for humans not robots
tammielis
250
25k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
Producing Creativity
orderedlist
PRO
344
40k
A Philosophy of Restraint
colly
203
16k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Typedesign – Prime Four
hannesfritz
41
2.5k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
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͠·͠ΐ͏ʂ