$30 off During Our Annual Pro Sale. View Details »

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

Yuki Horikoshi
January 02, 2021
67

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

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

Yuki Horikoshi

January 02, 2021
Tweet

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