Upgrade to Pro — share decks privately, control downloads, hide ads and more …

【コネヒトマルシェオンライン】Vue3触ってみた

Avatar for yamashooooo yamashooooo
October 20, 2020
0
340

 【コネヒトマルシェオンライン】Vue3触ってみた

Avatar for yamashooooo

yamashooooo

October 20, 2020
Tweet

More Decks by yamashooooo

See All by yamashooooo
【PIXIV MEETUP 2023】ピクシブ決済基盤のフロントエンドを改善していく話
Avatar for yamashooooo yamam00s
0
1.1k
【mediba #developers_community】フロントエンドの フレームワーク事情2022
Avatar for yamashooooo yamam00s
0
120
【BIT VALLEY -INSIDE- Vol.17】自作キーボード入門した話
Avatar for yamashooooo yamam00s
0
1.3k
【Roppongi.vue #3】ユーザー数1500万人のサービスにNuxtを導入して嬉しかったこと
Avatar for yamashooooo yamam00s
1
880

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.9k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
0
1.8M
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
0
79
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
410
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
180
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
120
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
34

Transcript

  1. Vue3৮ͬͯΈͨ ʲmedibaࣾ߹ಉษڧձʳ ίωώτϚϧγΣΦϯϥΠϯ

  2. ࣗݾ঺հ • Name: Shota Yamamoto • Twitter: @yamam00s • Company:

    גࣜձࣾmedibaʢ2019/10 ೖࣾʣ • Team: ςΫϊϩδʔηϯλʔ Eng1G

  3. auεϚʔτύεͷϑϩϯτࣄ৘ • Nuxt.js • TypeScript • Vuex • Jest •

    Storybook • etc…

  4. ࠓճ৮ΕΔػೳ • CompositionAPI • Fragment • Suspense • v-model •

    Teleport

  5. Composition API

  6. 2.x·ͰͷOptions API

  7. 3.xͷ͔ΒͷComposition API

  8. ϏδωεϩδοΫΛ ·ͱΊ΍͘͢ͳͬͨɻ ੾Γग़͠΋Մೳɻ

  9. None

  10. MixinͰ΋Ͱ͖ͨͷͰ͸🤔

  11. Composition API vs Mixin Mixinͷා͍෦෼ • ໊લͷڝ߹࣌ͷڍಈ • ҉໧తͳґଘؔ܎ •

    ઇ่ࣜͳංେԽ

  12. Mixin

  13. Composition APIͰͷuseXXX

  14. Fragment

  15. 2.x vs 3.x

  16. ΧελϜίϯϙʔωϯτ΁ͷ ଐੑͷܧঝ͸Ͳ͏ͳΔ͔

  17. 2.x vs 3.x

  18. Suspense

  19. ඇಉظͳίϯϙʔωϯτΛ TemplateͰ੍ޚͰ͖Δ

  20. None

  21. ৽͍͠v-model

  22. ΧελϜίϯϙʔωϯτ΁ͷ v-model͕ΑΓ࢖͍΍͘͢ɺ ෳ਺ఆٛ΋Մೳʹ

  23. None

  24. Teleport

  25. ର৅ͷηϨΫλʹૠೖ

  26. ·ͱΊ

  27. ҰॹʹΩϟονΞοϓ ͍͖ͯ͠·͠ΐ͏ʂ

  28. ࠷ޙʹ medibaͰ͸ڞʹಇ͘ΤϯδχΞΛ 
 ืू͍ͯ͠·͢ ͓଴͓ͪͯ͠Γ·͢ʂʂʂʂ

  29. ͋Γ͕ͱ͏͍͟͝·ͨ͠ 🙇