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
Snowflake ML モデルを dbt データパイプラインに組み込む
estie
0
100
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
210
Exadata Database Service on Cloud@Customer セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
2
1.5k
RayでPHPのデバッグをちょっと快適にする
muno92
PRO
0
190
OPENLOGI Company Profile for engineer
hr01
1
20k
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
17
45k
php-conference-nagoya-2025
fuwasegu
0
150
Oracle Database Technology Night #87-1 : Exadata Database Service on Exascale Infrastructure(ExaDB-XS)サービス詳細
oracle4engineer
PRO
1
180
IoTシステム開発の複雑さを低減するための統合的アーキテクチャ
kentaro
1
120
MIMEと文字コードの闇
hirachan
2
1.4k
AIエージェント時代のエンジニアになろう #jawsug #jawsdays2025 / 20250301 Agentic AI Engineering
yoshidashingo
8
3.7k
株式会社Awarefy(アウェアファイ)会社説明資料 / Awarefy-Company-Deck
awarefy
3
11k
Featured
See All Featured
Embracing the Ebb and Flow
colly
84
4.6k
Adopting Sorbet at Scale
ufuk
74
9.2k
Automating Front-end Workflow
addyosmani
1368
200k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
How to Ace a Technical Interview
jacobian
276
23k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Building Adaptive Systems
keathley
40
2.4k
Building an army of robots
kneath
303
45k
Code Review Best Practice
trishagee
67
18k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Being A Developer After 40
akosma
89
590k
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͠·͠ΐ͏ʂ