Vue.jsを使ったら幸せになった話

 Vue.jsを使ったら幸せになった話

Laravel/Vue勉強会#1での発表資料です。
https://connpass.com/event/58157/

6721e347327b1423494b86b75b259625?s=128

Taketo Nakasuji

June 22, 2017
Tweet

Transcript

  1. 2.

    தے ৎਓ גࣜձࣾϥΠϑελΠϧσβΠϯ CTO ུྺ - ཮্ࣗӴୂ ॏഭܸ๒෭๒ख - SIer

    Πϯϑϥߏங/ۀ຿γεςϜ։ൃͳͲ - MSP αʔϏεاը/ΠϯϑϥΤϯδχΞ - Amazon Distribution Center ΤϯδχΞ - ݱ৬ ࣗݾ঺հ !UBLFOBLBTVKJ
  2. 4.

    Technology Stack • PHP 5.6ܥ and 7.xܥ • CakePHP 2.xܥ

    • Laravel 5.xܥ ServerSide FrontEnd • Vue.js 2.xܥ • React 15.xܥ • jQuery etc • AWS • Github • CD
  3. 6.

    ಋೖͷഎܠ • ϏδωεαΠυ • ঎඼਺(SKU)Λେ෯ʹ૿΍͍ͨ͠ • (঎඼͕૿͑ͯ΋)Ϣʔβʔ͕঎඼Λ୳͠΍͍ͨ͘͢͠ • nिؒޙʹϦϦʔε͍ͨ͠
 •

    ΤϯδχΞαΠυ • εέδϡʔϧෆ҆ • DOMΛ௚઀͞ΘΔͱύζϧʹͳΓͦ͏… • ݱঢ়ΑΓ΋ϢʔβʔϏϦςΟΛߴΊ͍ͨ
  4. 7.

    ͳͥVue.jsʹ͔ͨ͠ • HTMLηϯτϦοΫͳઃܭ • Vue.js 2ܥ͔ΒVDOMʹ • ෦෼తͳಋೖʹ΋ద͍ͯ͠Δͱײͨ͡ • Α͘࢖͍ͦ͏ͳDirective͕๛෋

    (v-for΍v-ifͱ͔) • ։ൃ଎౓ͷ޲্͕ظ଴Ͱ͖ͦ͏ • ผػೳͰෳࡶͳUIΛ࣮૷͢Δ༧ఆͩͬͨͷͰφϨοδΛ஝ੵ͍ͨ͠
  5. 8.

    Ͱ͖͕͋ͬͨ΋ͷ - view • ঎඼Ұཡදࣔ • ঎඼ϑΟϧλػೳ • ϥΠϯφοϓ •

    Χϥʔ • ฑ • ϑΟϧλ৚݅อଘػೳ • ࣗಈอଘ • ࣗಈϦηοτ