Vue.js と型

Vue.js 2.0 の createElement で Props と Events を静的に検証できたらいいなーという妄想です。
Nominal Typing するためのイディオムについてのページは https://basarat.gitbooks.io/typescript/content/docs/tips/nominalTyping.html#using-interfaces
スライド内のコードは http://bit.ly/2aAogpB

Transcript

1. 7VFKT
   ͱ
   ܕ 
   .FHVSPFT
   
   !
   %SFDPN
2. !LUTO
4. 5ZQF4DSJQU
   Ͱ
   7VF
   Λ
   ͦͷ··ॻ͘ͱ
   ͏·͘ܕ෇͚͞Εͳ͍ 7VF
   ͸ී௨ͷΦϒδΣΫτ͔Β
   ίϯϙʔωϯτΛੜ੒͢ΔͨΊ
   5ZQF4DSJQU
   ͕͏·͘ܕΛೝࣝͰ͖ͣ
   UIJT
   ͕
   BOZ
   ʹͳͬͨΓ͢Δ
5. WVFKTWVFDMBTTDPNQPOFOU 7VF
   ެ͕ࣜఏڙ͍ͯ͠ΔϥΠϒϥϦ
   ίϯϙʔωϯτΛ
   &4
   %FDPSBUPS
   Λ࢖ͬͯॻ͚Δ
   DMBTT
   Ͱॻ͚ΔͷͰ
   UIJT
   ͕
   BOZ
   ʹͳΔ໰୊͸ղফ
   QSPQT
   ΍
   EBUB
   ͷఆ͕ٛೋ౓खؒͳͷ͕ͭΒ͍
6. JUT'SBOLWVFUZQFTDSJQU ͍ΖΜͳਓ͕
   7VF
   Λ
   5ZQF4DSJQU
   Ͱ
   ॻͨ͘ΊͷϥΠϒϥϦΛॻ͍ͯΔ͕ɺ
   ࠷ۙ͸͜Ε͕࿩୊ʹͳͬͯΔ
   1SPQ
   ͳͲ΋
   %FDPSBUPS
   Ͱॻ͚ΔͷͰ
   ೋ౓खؒʹ͸ͳΒͳ͍
7. 5FNQMBUF
   ಺͸Ͳ͏͕Μ͹ͬͯ΋ܕ෇͚Ͱ͖ͳ͍
8. 7VF
   
   Ͱ
   7JSUVBM
   %0.
   ͕ಋೖ͞ΕͨͷͰ
   3FBDU
   ͬΆ͘
   1SPQT
   Λ੩తʹݕূͰ͖ΔͷͰ͸ʁ
9. 3FBDU
   ͸Ͳ͏΍ͬͯ
   1SPQT
   ݕূͯ͠Δʁ
11. SFBDUEUT
    ಺ʹ͋Δܕఆٛ
12. 3FBDU$PNQPOFOU
    
    ͷίϯετϥΫλͷαϒΫϥε
    ˠ
    UZQFPG
    3FBDU$PNQPOFOU
13. 3FBDU$PNQPOFOU
    ͷαϒΫϥε
14. DSFBUF&MFNFOU
    ͷୈҾ਺͔Β
    1
    Λਪ࿦͢ΔͨΊʹඞཁ
15. 7VFKT
    WFSTJPO
16. 7VFKT
    WFSTJPO /PNJOBM
    5ZQJOH
    ͢ΔͨΊͷΠσΟΦϜ
    IUUQTCBTBSBUHJUCPPLTJPUZQFTDSJQUDPOUFOUEPDTUJQT OPNJOBM5ZQJOHIUNMVTJOHJOUFSGBDFT
18. ͪΌΜͱνΣοΫ͞ΕΔʂ 5ZQF4DSJQU
    1MBZHSPVOE
    ʹॻ͍ͨ΋ͷ
    IUUQCJUMZB"PHQ#
19. ·ͱΊ w 7VFKT
    ެࣜ
    WVFKTWVFDMBTTDPNQPOFOU
    w 7VF
    
    5ZQF4DSJQU
    ͷϥΠϒϥϦ͸͍͔ͭ͋͘Δ
    w JUT'SBOLWVFUZQFTDSJQU
    ͕࠷ۙ࿩୊
    w 
    ͷ
    DSFBUF&MFNFOU
    Ͱ
    QSPQT
    PO
    ΛݕূՄೳ