Popular Vue.js UI Frameworks in 2019

VueのUIフレームワークをまとめました2019

Laravel/Vue.js勉強会#7のLT枠でお話したときのスライドです！

Transcript

1. 2019/1/31 Yoko Hato from @plumsa
   

   View Slide

2. גࣜձࣾϓϥϜβ
   ςΫχΧϧϦʔυ
   ോ༸ࢠ
   ެࣜ5XJUUFS !QMVNTB
   ϥϥɾϕϧࢠ͞Μͷதͷਓɻ
   -BSBWFM+1$POGFSFODFͰ΋
   -5͠·͢ʂ
   ੜԹ͔͘ݟक͍ͬͯͩ͘͞ˑ
   

   View Slide

3. View Slide

4. View Slide

5. 4UBS)JTUPSZ
   

   View Slide

6. View Slide

7. &MFNFOU
   ίϯϙʔωϯτͷछྨ͕๛෋ɻ
   υΩϡϝϯτ͕ॆ࣮ɻ
   ϨεϙϯγϒରԠ͕ෆ҆ఆɻ
   ϦϦʔε͕׆ൃɻ
   ίϯϙʔωϯτͷ୯ମJNQPSUՄɻ
   ಠࣗσβΠϯܥɻ
   

   View Slide

8. J7JFX
   ίϯϙʔωϯτͷछྨ͕๛෋ɻ
   υΩϡϝϯτʹதࠃޠ͕ަ͡Δɻ
   ϨεϙϯγϒରԠ͕ෆ҆ఆɻ
   ϦϦʔε͕׆ൃɻ
   ίϯϙʔωϯτͷ୯ମJNQPSUՄɻ
   ಠࣗσβΠϯܥɻ
   

   View Slide

9. 7VFUJGZ
   ίϯϙʔωϯτͷछྨ͕ඇৗʹ
   ๛෋ɻ
   υΩϡϝϯτ͕ॆ࣮͍ͯ͠Δɻ
   ϨεϙϯγϒରԠɻ
   ϦϦʔε͕׆ൃɻ
   ίϯϙʔωϯτͷ୯ମJNQPSUՄɻ
   ϚςϦΞϧɾσβΠϯܥɻ
   

   View Slide

10. 2VBTBS
    'SBNFXPSL
    ίϯϙʔωϯτͷछྨ͕ඇৗʹ
    ๛෋ɻ
    σϞͱυΩϡϝϯτ͕ॆ࣮ɻ
    ϨεϙϯγϒରԠɻ
    ϦϦʔε͕׆ൃɻ
    ϚςϦΞϧɾσβΠϯςʔϚͱ
    J04ςʔϚ͕͋Δɻ
    

    View Slide

11. #PPUTUSBQ
    7VF
    #PPUTUSBQϕʔεͷ7VFKT ϑ
    ϨʔϜϫʔΫɻ
    υΩϡϝϯτ͕ॆ࣮͍ͯ͠Δɻ
    ϨεϙϯγϒରԠɻ
    ίϯϙʔωϯτͷ୯ମJNQPSUՄɻ
    ೥݄ͰϦϦʔεϊʔτ͕
    ࢭ·͍ͬͯΔ͕ɺϝϯςφϯε
    ͞Ε͍ͯΔɻϝΠϯίϛολʔ
    ͕๩͘͠ͳͬͨͱͷ͜ͱɻ
    %BUFQJDLFS͕ͳ͍ɻ
    #PPUTUSBQܥɻ
    

    View Slide

12. 7VF
    .BUFSJBM
    υΩϡϝϯτ͕ॆ࣮͍ͯ͠Δɻ
    ϨεϙϯγϒରԠɻ
    ίϯϙʔωϯτͷ୯ମJNQPSUՄɻ
    ೥݄ͰϦϦʔε͕ࢭ·ͬ
    ͍ͯΔɻϝΠϯίϛολʔ͸࣍
    ͷεςοϓΛܭըதͱͷ͜ͱɻ
    ϚςϦΞϧɾσβΠϯܥɻ
    

    View Slide

13. OQNUSFOET
    

    View Slide

14. View Slide

15. #VFGZ
    $44ϑϨʔϜϫʔΫ#VMNBΛϕʔ
    εʹͨ͠7VFKT 6*ϑϨʔϜϫʔ
    Ϋɻ
    #VMNBϕʔεͳͷͰυΩϡϝϯ
    τ͸#VMNBͱ#VFGZͷ૒ํΛࢀর
    ͢Δඞཁ͕͋Δɻ
    ϨεϙϯγϒରԠɻ
    ίϯϙʔωϯτͷ୯ମJNQPSUՄɻ
    #PPUTUSBQܥɻ
    

    View Slide

16. View Slide

17. View Slide

18. View Slide