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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
koudai
November 18, 2020
Technology
2
420
大規模フロントエンドで のVueの漸進的な導入
koudai
November 18, 2020
Tweet
Share
More Decks by koudai
See All by koudai
Vueを広めるための_Nuxt.jsの可能性.pdf
ishiagme
0
2.5k
Nuxt+Netlifyで爆速サーバーレスSPA開発
ishiagme
0
110
Vueで始める脱jQueryサイトコーディング
ishiagme
0
110
v-meetup_8.pdf
ishiagme
0
72
Other Decks in Technology
See All in Technology
ゼロから始めたFindy初のモバイルアプリ開発
grandbig
2
540
Azure SQL Databaseでベクター検索を活用しよう
nakasho
0
130
しろおびセキュリティへ ようこそ
log0417
0
200
オープンウェイトのLLMリランカーを契約書で評価する / searchtechjp
sansan_randd
3
460
EventBridge API Destination × AgentCore Runtimeで実現するLambdaレスなイベント駆動エージェント
har1101
7
280
Data Hubグループ 紹介資料
sansan33
PRO
0
2.7k
Zephyr RTOS の発表をOpen Source Summit Japan 2025で行った件
iotengineer22
0
300
Amazon Bedrock AgentCore EvaluationsでAIエージェントを評価してみよう!
yuu551
0
190
システムのアラート調査をサポートするAI Agentの紹介/Introduction to an AI Agent for System Alert Investigation
taddy_919
1
1k
分析画面のクリック操作をそのままコード化 ! エンジニアとビジネスユーザーが共存するAI-ReadyなBI基盤
ikumi
0
100
VRTと真面目に向き合う
hiragram
1
520
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
zepprix
0
200
Featured
See All Featured
WCS-LA-2024
lcolladotor
0
430
Believing is Seeing
oripsolob
1
44
Navigating Team Friction
lara
192
16k
AI: The stuff that nobody shows you
jnunemaker
PRO
2
220
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
130
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
61
49k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
310
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
Abbi's Birthday
coloredviolet
1
4.6k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
390
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
120
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͠·͠ΐ͏ʂ