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

VBScript meets Vue.js 〜20年越しの出会い〜

simezi9
May 23, 2017

VBScript meets Vue.js 〜20年越しの出会い〜

5/23にヒカラボで登壇してお話させてもらった、一休.com レストランのレガシー改善でVue.jsを導入した体験談です

webpack導入話も併せてどうぞ
https://speakerdeck.com/japboy/legacy-development-meets-webpack

simezi9

May 23, 2017
Tweet

More Decks by simezi9

Other Decks in Technology

Transcript

  1. ࣗݾ঺հ দݪ༎հɹ@matzz(ࣾ಺) / @simezi9(֎෦) • 2015೥9݄ Ұٳೖࣾ • 2016೥4݄ʙ Ұٳ.com

    Ϩετϥϯ iOSΞϓϦ ΤϯδχΞ • 2017೥2݄ʙ Ұٳ.com Ϩετϥϯ ϑϩϯτΤϯυΤϯδ χΞ • WebϑϩϯτΤϯυ୲౰ʹͳ͔ͬͯΒ3ϲ݄
  2. ϨΨγʔཁૉᶃݴޠ • 96೥ੜ·ΕͷݴޠVBScript • ݴޠػೳͷਐԽ͸99೥Ͱࢭ·͍ͬͯΔ • (ࢀߟ IE5: 99೥ /

    IE6: 01೥) • jsonͷγϦΞϥΠζɾσγϦΞϥΠζͰࠔΔ͜ͱ΋ɾɾɾ • ϑϩϯτΤϯυ͸jQueryͷΈ • ཁٻ͞ΕΔػೳ͕ෳࡶʹͳΓݫ͘͠ͳ͖ͬͯͨ
  3. ߏ੒ • FW : Vue.js • ݴޠ : ESNext +

    CSS Next + CSS Module • ϓϥάΠϯྨ • vee-validateʢϑΥʔϜόϦσʔγϣϯʣͷΈ • vuex(ReduxͷVue༻࣮૷ʣ΍vue-router(ϧʔςΟϯά)͸ෆ࢖༻ • SPAʹ͍ͨ͠ͱ͍͏धཁ͕ͳ͘ɺϓϨʔϯͳVueͷػೳͰे෼ը໘͕࡞ΕΔͱ൑ அ • jQuery • ajaxʹͷΈ࢖༻ • jQuery3.0͔ΒPromises/A+ʹ४ڌͨͨ͠ΊɺES Nextͷasync/await΋ར༻Ͱ͖Δ
  4. ৺͕͚ͨ͜ͱ • σβΠφʔ΁ͷαϙʔτΛͱʹ͔͘खް͘͢Δ • JSͷΤίγεςϜͷதʹHTML/CSSΛ૊ΈࠐΉ͜ͱʹͳΔͷͰɺΤϯδ χΞ͕ؤுͬͯҾͬுΔඞཁ͕͋Δɻʢ࠲੮͕͍ۙͱͱͯ΋ָʣ • ΤϯδχΞ͸ެࣜͷυΩϡϝϯτ͕ॆ࣮͍ͯ͠Δͱɺ୭͔͕࢖͍࢝ΊΕ ͹ࣗવͱ࢖͍࢝ΊΔͷͰಛʹؾʹ͠ͳ͔ͬͨ •

    ϏδωεαΠυʹ৽͍ٕ͠ज़ͷՁ஋Λྗઆ͠ͳ͍ • Ͳͷٕज़ΛͲͷΑ͏ʹ࢖͏͔͸ΤϯδχΞ͕੹೚Λ΋ܾͬͯఆ͢Δ • ϏδωεαΠυͱ࿩͞ͳ͍ͱ͍͚ͳ͍͜ͱ͸ଞʹ͋ΔʢKPIɺαΠτͷ࢖ ͍΍͢͞ɾɾɾetcʣ