Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

Taketo Nakasuji

June 22, 2017
Tweet

More Decks by Taketo Nakasuji

Other Decks in Technology

Transcript

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

    Πϯϑϥߏங/ۀ຿γεςϜ։ൃͳͲ - MSP αʔϏεاը/ΠϯϑϥΤϯδχΞ - Amazon Distribution Center ΤϯδχΞ - ݱ৬ ࣗݾ঺հ !UBLFOBLBTVKJ
  2. 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. ಋೖͷഎܠ • ϏδωεαΠυ • ঎඼਺(SKU)Λେ෯ʹ૿΍͍ͨ͠ • (঎඼͕૿͑ͯ΋)Ϣʔβʔ͕঎඼Λ୳͠΍͍ͨ͘͢͠ • nिؒޙʹϦϦʔε͍ͨ͠
 •

    ΤϯδχΞαΠυ • εέδϡʔϧෆ҆ • DOMΛ௚઀͞ΘΔͱύζϧʹͳΓͦ͏… • ݱঢ়ΑΓ΋ϢʔβʔϏϦςΟΛߴΊ͍ͨ
  4. ͳͥVue.jsʹ͔ͨ͠ • HTMLηϯτϦοΫͳઃܭ • Vue.js 2ܥ͔ΒVDOMʹ • ෦෼తͳಋೖʹ΋ద͍ͯ͠Δͱײͨ͡ • Α͘࢖͍ͦ͏ͳDirective͕๛෋

    (v-for΍v-ifͱ͔) • ։ൃ଎౓ͷ޲্͕ظ଴Ͱ͖ͦ͏ • ผػೳͰෳࡶͳUIΛ࣮૷͢Δ༧ఆͩͬͨͷͰφϨοδΛ஝ੵ͍ͨ͠
  5. Ͱ͖͕͋ͬͨ΋ͷ - view • ঎඼Ұཡදࣔ • ঎඼ϑΟϧλػೳ • ϥΠϯφοϓ •

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