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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for yamashooooo yamashooooo
October 20, 2020
400
0

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

Avatar for yamashooooo

yamashooooo

October 20, 2020

More Decks by yamashooooo

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

Featured

See All Featured
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
660
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
500
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
580
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.6k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
6.1k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
710
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.3k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.7k

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