データバインディングとは〜Vue.jsの魅力〜

勉強会で発表した内容です。データバインディングについて簡単にまとめ、魅力の紹介をしました。

Transcript

1. ງӽ༏ر!࿡ຊ໦ΦϑϥΠϯֶशձʹͯ
   σʔλόΠϯσΟϯάͱ͸
   7VFKTͷັྗ
   

   View Slide

2. σʔλόΠϯσΟϯάͱ͸ʁ
   

   View Slide

3. ը໘ͷඳըͱ
   σʔλΛಉظͤ͞Δ࢓૊Έ
   fi
   EEMF࡞ͬͨΑ
   

   View Slide

4. σʔλόΠϯσΟϯάͷछྨ
   छྨ
   w ૒ํ޲σʔλόΠϯσΟϯά
   ϞσϧͱϏϡʔɺϏϡʔͱϞσϧͰσʔλͷ൓өΛߦ͏
   w ୯ํ޲σʔλόΠϯσΟϯά
   Ϟσϧ͔ΒϏϡʔ΁ͷ൓ө
   w ϫϯλΠϜσʔλόΠϯσΟϯά
   ̍ճ͚ͩσʔλͷόΠϯσΟϯάΛߦ͏
   

   View Slide

5. K2VFSZͰ࣮૷͢ΔͱͲ͏ͳΔ͔
   

   View Slide

6. ͜͏ͳΔ
   ॳظ஋ೖΕͯɺLFZVQͨ͠Βݱࡏͷ஋Λ൓ө
   

   View Slide

7. Ͱ͖Δ͜ͱͳΒ
   ୹ͯ͘Θ͔Γ΍͍͢ํ͕͍͍
   ❌
   

   View Slide

8. ͜͏Ͱ͖Δ
   σʔλʢϞσϧʣΛઃఆͯ͠ɺ
   7VFͷΠϯελϯεʢϏϡʔϞσϧʣ࡞੒
   WFS
   WFS
   

   View Slide

9. ͜Μͳ͜ͱ͕Ͱ͖Δ
   ·ͱΊ
   w IUUQTXIFFMDIBJSDPEFSDPNTBNQMFMJTUKT
   ंҜࢠͳίʔμʔʮʲ7VFKTʳ3(#ΛσʔλόΠϯσΟϯάͤͯ͞؆қΧϥʔε
   τοΫπʔϧΛ࡞ͬͯΈͨʯ
   ɾղઆ
   IUUQTXIFFMDIBJSDPEFSDPN
   

   View Slide

10. ଞͷັྗ
    ͥͻ΍ͬͯΈ͍ͯͩ͘͞
    w ࠩ෼͚ͩॻ͖׵͑ΔʮԾ૝%0.ʯͷ֓೦
    w ߏ଄͕γϯϓϧͰ௅ઓ͠΍͍͢ʢ.77.ʣ
    ϞσϧͱϏϡʔؒͷ΍ΓऔΓΛϏϡʔϞσϧΛհͯ͠ߦ͏
    
    w ίϯϙʔωϯτ΍ΞτϛοΫσβΠϯFUD
    

    View Slide