Slide 1
Slide 1 text
1
7VFKTʹࢧ͑ΒΕ͖ͯͨ
,"35&ͷࠓ·Ͱͱ͜Ε͔Β
ɹɹʛɹɹ© 2019 PLAID Inc. 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
Slide 2
Slide 2 text
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/
ΞΧϖϥ
ϏʔτϘοΫε
Slide 3
Slide 3 text
ɹɹʛɹɹ© 2019 PLAID Inc. 3
yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ
גࣜձࣾϓϨΠυʹ͍ͭͯ
גࣜձࣾϓϨΠυ
౦ژதԝ۠ۜ࠲6-10-1 GINZA SIX 10F
ઃཱɿ201110݄
ैۀһɿ130໊ ࢿຊۚɿ1ԯԁ ※ࢿຊ४උؚۚΉ
Slide 4
Slide 4 text
ɹɹʛɹɹ© 2019 PLAID Inc. 4
yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ
גࣜձࣾϓϨΠυʹ͍ͭͯ
औకCPO
ࣲࢁ थ
දऔకCEO
ڮ ݈ଠ
Slide 5
Slide 5 text
ɹɹʛɹɹ© 2019 PLAID Inc. 5
yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ
גࣜձࣾϓϨΠυʹ͍ͭͯ
OUR MISSON
σʔλʹΑͬͯਓͷՁΛ࠷େԽ͢Δ
Slide 6
Slide 6 text
6
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
גࣜձࣾϓϨΠυʹ͍ͭͯ
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
8
2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTEʹ͍ͭͯ
$9 ސ٬ମݧ
ϓϥοτϑΥʔϜ
Slide 9
Slide 9 text
9
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTEʹ͍ͭͯ
$9 ސ٬ମݧ
ϓϥοτϑΥʔϜ
Slide 10
Slide 10 text
10
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTEʹ͍ͭͯ
Ϣʔβʔৄࡉ
Slide 11
Slide 11 text
11
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTEʹ͍ͭͯ
WebαΠτͷ๚ऀͷߦಈΛ
ސ٬͝ͱʹϦΞϧλΠϜʹղੳ
ҰਓҰਓʹ߹Θͤͨ ސ٬ମݧ Λఏڙ
Slide 12
Slide 12 text
12
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTEʹ͍ͭͯ
.BSLFUFS
&OE6TFST
Slide 13
Slide 13 text
13
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTEʹ͍ͭͯ
֬ೝ͢Δ
جຊαʔϏε͝ར༻ํ๏Λ͝հ͠·͢ɻ
͓ಘͳಛయཱͭใ͕ຬࡌͰ͢ɻ
ॳΊͯͷํ
ְתּׅ然钠ׅ
6*رؠ؎ش٦ֽוזַזַ♳麦׃זְծ➙
״إٔؗ،حف׃ְהְֲ倯䗳铣דׅկ
UIرؠ؎ش٦ָ濼גֶֻץֹ
7אךرؠ؎ٕٝ٦ٕ
DESIGN
RULES
» CHECK
׆ה⢪ִ،؎ذيֽ䲧ִת׃կ
ֿך堣⠓ֶ鋅鷕׃זֻկ
窫㼎ծ
妜׃ְ
ౙͷओɺ
Ξλʔ
COLLECTION
OUTER
嗚稊勴⟝㼰׃㢌刿ֽׅדծ֮זך椚
䟝ך暟⟝ח⳿⠓ִ〳腉䚍ָ넝ֻזתׅկ
勴⟝㢌ִג嗚稊׃גגְֻׁկ
׀䋞劄ך暟⟝כ
鋅אַתׇד׃ַ
ꟗׄ
ҰਓҰਓʹ߹Θͤͨ
ސ٬ମݧΛఏڙ
WebαΠτͷ๚ऀͷߦಈΛ
ސ٬͝ͱʹϦΞϧλΠϜʹղੳ
$9 ސ٬ମݧ
ϓϥοτϑΥʔϜ
Slide 14
Slide 14 text
14
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js
KARTE × Vue.js
Slide 15
Slide 15 text
15
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js
ͦͷલʹ
Slide 16
Slide 16 text
16
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js
KARTE = Product
Slide 17
Slide 17 text
17
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js
Product = Part of Strategy
Slide 18
Slide 18 text
18
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js
KARTE = Product = Part of Strategy
Slide 19
Slide 19 text
19
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js
KARTE = Part of Strategy
Slide 20
Slide 20 text
20
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js
Strategy of KARTE = Part of Strategy
Slide 21
Slide 21 text
21
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js
Strategy of KARTE = Part of Strategy
Slide 22
Slide 22 text
22
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js
Strategy of
KARTE Vue.js
×
Slide 23
Slide 23 text
ݟग़͠ςΩετ
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Ҡߦ
Slide 24
Slide 24 text
KARTE × Vue.js
24
ɹɹʛɹɹ© 2019 PLAID Inc. 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ւ֎ల։
×
i18n
Slide 25
Slide 25 text
KARTE × Vue.js
25
ɹɹʛɹɹ© 2019 PLAID Inc. 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
߈Ίͷεϐʔυ։ൃ
×
Vue 3.0
TypeScriptҠߦ
Slide 26
Slide 26 text
KARTE × Vue.js
26
ɹɹʛɹɹ© 2019 PLAID Inc. 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ηΩϡϦςΟରࡦ / Lint
×
pug to HTML
Slide 27
Slide 27 text
27
2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ
ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js
Slide 28
Slide 28 text
No content