Vue with TypeScript

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

Transcript

1. K2VFSZ͔ΒεςʔδΞοϓ
   ̍าઌߦͨ͘Ίͷ+BWB4DSJQU ੢ാҰഅ to-R 7VF
   XJUI
   5ZQF4DSJQU ੢ാҰഅ
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. 5ZQF4DSJQU
   XJUI
   3FBDU interface Props { title: string; count: number; meta: { author: string; age: number; }; }
10. 5ZQF4DSJQU
    XJUI
    3FBDU
11. 5ZQF4DSJQU
    XJUI
    3FBDU
12. 5ZQF4DSJQU
    XJUI
    3FBDU
13. 5ZQF4DSJQU
    XJUI
    3FBDU
14. 5ZQF4DSJQU
    XJUI
    3FBDU
15. 5ZQF4DSJQU
    XJUI
    7VFKT
16. 5ZQF4DSJQU
    XJUI
    7VFKT
17. 7VFKT w σϑΥϧτͰ͸ςϯϓϨʔτߏจͷ
 ܕνΣοΫ͸ͯ͘͠Εͳ͍
    w 74$PEF֦ுͷ7FUVSͷ UFNQMBUF*OUFSQPMBUJPO4FSWJDF
 ΛPOʹ͢ΔͱܕνΣοΫͯ͘͠ΕΔ
18. 5ZQF4DSJQU
    XJUI
    7VFKT
19. 5ZQF4DSJQU
    XJUI
    7VFKT ίϯϙʔωϯτʹઃఆͨ͠QSPQTͷ
    ਫ਼ࠪ͸ͯ͠Εͳ͍
20. 7VFKT w UZQFϓϩύςΟ΍WBMJEBUFϓϩύςΟΛ
 ؤுΕ͹͋Δఔ౓ͷΤϥʔ͸๷͛Δ ਖ਼௚໘౗
21. ݱঢ়ͷ7VFKTͱ5ZQF4DSJQU͸
    ͦΕ΄Ͳ૬ੑ͕Α͘ͳ͍ͷͰ
    ଞͷϑϨʔϜϫʔΫͱൺֱ͢Δͱ
    ੵۃతʹ࠾༻͢ΔϝϦοτ͸ബ͍
22. 7VFKT
    Ͱ5ZQF4DSJQαϙʔτ͕
    େ෯ʹվળ ͞ΕΔ͸ͣ
23. 5IBOL
    :PV https://twitter.com/KazumaNishihata