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

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

Avatar for yamashooooo yamashooooo
October 20, 2020
0
350

 【コネヒトマルシェオンライン】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
890

Featured

See All Featured
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.5k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
430
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
280
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
330
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
920
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k

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. ͋Γ͕ͱ͏͍͟͝·ͨ͠ 🙇