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

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

Avatar for yamashooooo yamashooooo
October 20, 2020
0
310

 【コネヒトマルシェオンライン】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
1k
【mediba #developers_community】フロントエンドの フレームワーク事情2022
Avatar for yamashooooo yamam00s
0
100
【BIT VALLEY -INSIDE- Vol.17】自作キーボード入門した話
Avatar for yamashooooo yamam00s
0
1.2k
【Roppongi.vue #3】ユーザー数1500万人のサービスにNuxtを導入して嬉しかったこと
Avatar for yamashooooo yamam00s
1
860

Featured

See All Featured
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
112
20k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
31
2.2k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
1
37
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
3
620
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
33
8.8k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
236
140k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k

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