Vue with TypeScript

Vue with TypeScript

CaT vol.7 真夏のVue.js祭りで話した「Vue with TypeScript」のスライドです。(LTのため内容薄め)
https://create-and-think.doorkeeper.jp/events/90155

035e26d167208e8645a70f7b76b70781?s=128

Kazuma Nishihata

August 19, 2019
Tweet

Transcript

  1. K2VFSZ͔ΒεςʔδΞοϓ ̍าઌߦͨ͘Ίͷ+BWB4DSJQU ੢ാҰഅ to-R 7VFXJUI5ZQF4DSJQU ੢ാҰഅ

  2. גࣜձࣾτΡʔΞʔϧ ୅දऔక໾ / ϑϩϯτΤϯυΤϯδχΞ ੢ാҰഅ

  3. ݱࡏਐߦதͷҊ݅ w"OHVMBS☓ w3FBDU☓ w7VFKT☓ w/VYUKT☓ wK2VFSZ☓ to-R

  4. 5ZQF4DSJQU࢖͍ͬͯΔਓ

  5. 5ZQF4DSJQUڵຯ͋Δਓʁ

  6. 5ZQF4DSJQU w ϚΠΫϩιϑτ͕։ൃ͍ͯ͠ΔBMU+4 w &4 ʹՃ͑ͯ੩తʹܕ෇͚͕Մೳ w ੩తܕ෇ʹΑΓϒϥ΢βͰ֬ೝ͠ͳͯ͘΋ ଟ͘ͷΤϥʔͷݕ஌͕Մೳ

  7. 5ZQF4DSJQUͷϝϦοτ w ܕΛద੾ʹอͭ͜ͱʹΑΓΤσΟλͰ
 ίʔσΟϯάதʹΤϥʔݕ஌Ͱ͖Δ w ܕ͕͋Δ͜ͱͰίʔυͷՄಡੑ͕ߴ·Δ

  8. 5ZQF4DSJQUͷσϝϦοτ w ࣮૷࣌ʹมԽ͍ͯ͘͠ঢ়ଶʹ߹Θͤͯ
 ܕΛมԽ͍ͤͯ͘͞ඞཁ͕͋Δ

  9. 5ZQF4DSJQUXJUI3FBDU interface Props { title: string; count: number; meta: {

    author: string; age: number; }; }
  10. 5ZQF4DSJQUXJUI3FBDU

  11. 5ZQF4DSJQUXJUI3FBDU

  12. 5ZQF4DSJQUXJUI3FBDU

  13. 5ZQF4DSJQUXJUI3FBDU

  14. 5ZQF4DSJQUXJUI3FBDU

  15. 5ZQF4DSJQUXJUI7VFKT

  16. 5ZQF4DSJQUXJUI7VFKT

  17. 7VFKT w σϑΥϧτͰ͸ςϯϓϨʔτߏจͷ
 ܕνΣοΫ͸ͯ͘͠Εͳ͍ w 74$PEF֦ுͷ7FUVSͷ UFNQMBUF*OUFSQPMBUJPO4FSWJDF
 ΛPOʹ͢ΔͱܕνΣοΫͯ͘͠ΕΔ

  18. 5ZQF4DSJQUXJUI7VFKT

  19. 5ZQF4DSJQUXJUI7VFKT ίϯϙʔωϯτʹઃఆͨ͠QSPQTͷ ਫ਼ࠪ͸ͯ͠Εͳ͍

  20. 7VFKT w UZQFϓϩύςΟ΍WBMJEBUFϓϩύςΟΛ
 ؤுΕ͹͋Δఔ౓ͷΤϥʔ͸๷͛Δ ਖ਼௚໘౗

  21. ݱঢ়ͷ7VFKTͱ5ZQF4DSJQU͸ ͦΕ΄Ͳ૬ੑ͕Α͘ͳ͍ͷͰ ଞͷϑϨʔϜϫʔΫͱൺֱ͢Δͱ ੵۃతʹ࠾༻͢ΔϝϦοτ͸ബ͍

  22. 7VFKTͰ5ZQF4DSJQαϙʔτ͕ େ෯ʹվળ ͞ΕΔ͸ͣ

  23. 5IBOL:PV https://twitter.com/KazumaNishihata