Vue.js に支えられてきた KARTE の今までとこれから

プロダクトの作成当初から、KARTE は Vue.js を導入しています。
会社・プロダクト・それに関わる Vue.js の観点で整理した資料です。

Transcript

1. 1 7VFKT
   ʹࢧ͑ΒΕ͖ͯͨ
   ,"35&
   ͷࠓ·Ͱͱ͜Ε͔Β ɹɹʛɹɹ© 2019 PLAID Inc. 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
2. 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. ࣗݾ঺հ • גࣜձࣾϓϨΠυॴଐ • Softwear Engineer • 2011/4ʙ ໺ଜ૯߹ݚڀॴ • 2018/7ʙ ϓϨΠυ େฏ ࿨࢙(31) (ΦΦώϥ Χζγ) ΤϯδχΞ1೥ ໺ٿ ϩʔυόΠΫ ૣى͖ 31 Twitter : @Victoria_Peak_ ϒϩάɿhttps://www.taihey-blog.com/ ΞΧϖϥ ϏʔτϘοΫε
3. ɹɹʛɹɹ© 2019 PLAID Inc. 3 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ גࣜձࣾϓϨΠυʹ͍ͭͯ גࣜձࣾϓϨΠυ ౦ژ౎தԝ۠ۜ࠲6-10-1 GINZA SIX 10F ઃཱɿ2011೥10݄ ैۀһɿ130໊ ࢿຊۚɿ1ԯԁ ※ࢿຊ४උؚۚΉ
4. ɹɹʛɹɹ© 2019 PLAID Inc. 4 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ גࣜձࣾϓϨΠυʹ͍ͭͯ औక໾CPO ࣲࢁ ௚थ ୅දऔక໾CEO ૔ڮ ݈ଠ
5. ɹɹʛɹɹ© 2019 PLAID Inc. 5 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ גࣜձࣾϓϨΠυʹ͍ͭͯ OUR MISSON σʔλʹΑͬͯਓͷՁ஋Λ࠷େԽ͢Δ
6. 6 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. גࣜձࣾϓϨΠυʹ͍ͭͯ
8. 8 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTEʹ͍ͭͯ $9 ސ٬ମݧ ϓϥοτϑΥʔϜ
9. 9 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTEʹ͍ͭͯ $9 ސ٬ମݧ ϓϥοτϑΥʔϜ
10. 10 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTEʹ͍ͭͯ Ϣʔβʔৄࡉ
11. 11 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTEʹ͍ͭͯ WebαΠτͷ๚໰ऀͷߦಈΛ ސ٬͝ͱʹϦΞϧλΠϜʹղੳ ҰਓҰਓʹ߹Θͤͨ ސ٬ମݧ Λఏڙ
12. 12 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTEʹ͍ͭͯ .BSLFUFS &OE
    6TFST
13. 13 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTEʹ͍ͭͯ ֬ೝ͢Δ جຊαʔϏε΍͝ར༻ํ๏Λ͝঺հ͠·͢ɻ ͓ಘͳಛయ΍໾ཱͭ৘ใ͕ຬࡌͰ͢ɻ ॳΊͯͷํ΁ ְתּׅ然钠ׅ׷ 6*رؠ؎ش٦׌ֽוזַזַ♳麦׃זְծ➙ ״׶إٔؗ،حف׃׋ְהְֲ倯䗳铣דׅկ UIرؠ؎ش٦ָ濼׏גֶֻץֹ 7אךرؠ؎ٕٝ٦ٕ DESIGN RULES » CHECK ׆׏ה⢪ִ׷،؎ذي׌ֽ׾䲧ִת׃׋կ ֿך堣⠓׾ֶ鋅鷕׃זֻկ 窫㼎ծ 妜׃ְ ౙͷओ໾ɺ Ξ΢λʔ COLLECTION OUTER 嗚稊勴⟝׾㼰׃㢌刿ׅ׷׌ֽדծ֮ז׋ך椚 䟝ך暟⟝ח⳿⠓ִ׷〳腉䚍ָ넝ֻז׶תׅկ 勴⟝׾㢌ִג嗚稊׃ג׫גֻ׌ְׁկ ׀䋞劄ך暟⟝כ 鋅אַ׶תׇ׿ד׃׋ַ ꟗׄ׷ ҰਓҰਓʹ߹Θͤͨ ސ٬ମݧΛఏڙ WebαΠτͷ๚໰ऀͷߦಈΛ
 ސ٬͝ͱʹϦΞϧλΠϜʹղੳ $9 ސ٬ମݧ ϓϥοτϑΥʔϜ
14. 14 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTE × Vue.js KARTE × Vue.js
15. 15 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTE × Vue.js ͦͷલʹ
16. 16 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTE × Vue.js KARTE = Product
17. 17 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTE × Vue.js Product = Part of Strategy
18. 18 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTE × Vue.js KARTE = Product = Part of Strategy
19. 19 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTE × Vue.js KARTE = Part of Strategy
20. 20 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTE × Vue.js Strategy of KARTE = Part of Strategy
21. 21 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTE × Vue.js Strategy of KARTE = Part of Strategy
22. 22 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTE × Vue.js Strategy of KARTE Vue.js ×
23. ݟग़͠ςΩετ 23 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ KARTE × Vue.js 23 i18n pug to HTML Strategy of KARTE × Vue.js ւ֎ల։ ηΩϡϦςΟରࡦ / Lint ߈Ίͷεϐʔυ։ൃ Vue 3.0 , TypeScriptҠߦ
24. KARTE × Vue.js 24 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ւ֎ల։ × i18n
25. KARTE × Vue.js 25 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ߈Ίͷεϐʔυ։ൃ × Vue 3.0 TypeScriptҠߦ
26. KARTE × Vue.js 26 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ηΩϡϦςΟରࡦ / Lint × pug to HTML
27. 27 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTE × Vue.js