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
390
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
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.2k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.4k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
220
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
630
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
310
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
8
830
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.1k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.6k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
150
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
260
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k

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