Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Vue.js に支えられてきた KARTE の今までとこれから
Search
tai-hey(kazushi.oohira)
December 11, 2019
Technology
0
1.9k
Vue.js に支えられてきた KARTE の今までとこれから
プロダクトの作成当初から、KARTE は Vue.js を導入しています。
会社・プロダクト・それに関わる Vue.js の観点で整理した資料です。
tai-hey(kazushi.oohira)
December 11, 2019
Tweet
Share
More Decks by tai-hey(kazushi.oohira)
See All by tai-hey(kazushi.oohira)
Vue.js設計地図 〜設計概念の依存関係からフロントエンド設計を見つめ直す〜
taihey
0
890
Other Decks in Technology
See All in Technology
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
3
560
アクセス制御にまつわる改善 / Improving access control
itkq
0
560
EMとして2023年度に頑張ったこと / What we did well in FY2023 as a EM
pauli
1
180
20分で完全に理解するGrafanaダッシュボード
hamadakoji
3
760
Azure犬駆動開発の記録/GlobalAzureFukuoka2024_20240420
nina01
1
220
MapLibreとAmazon Location Service
dayjournal
1
160
Grafana x PagerDuty Better Together
jacopen
1
170
ServiceNow Knowledge 24の歩き方 EYストラテジー・アンド・コンサルティング
manarobot
0
200
EM完全に理解した と思ったけど、 やっぱり何も分からなかった話 / EM Night Fukuoka #1
hirutas
0
110
今日からできる!簡単 .NET 高速化 Tips -2024 edition-
xin9le
5
2.1k
20240418_Google ColabにLLMが搭載されたようなのでPython x データ分析の勉強方法を考えてみる
doradora09
0
150
ワールドカフェI /チューターを改良する / World Café I and Improving the Tutors
ks91
PRO
0
130
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
44
9.7k
Side Projects
sachag
451
41k
For a Future-Friendly Web
brad_frost
172
9k
Practical Orchestrator
shlominoach
182
9.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
GraphQLとの向き合い方2022年版
quramy
32
12k
Become a Pro
speakerdeck
PRO
11
4.5k
Atom: Resistance is Futile
akmur
259
25k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
322
20k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.9k
Transcript
1 7VFKTʹࢧ͑ΒΕ͖ͯͨ ,"35&ͷࠓ·Ͱͱ͜Ε͔Β ɹɹʛɹɹ© 2019 PLAID Inc. 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js
for 2020ʛɹ
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/ ΞΧϖϥ ϏʔτϘοΫε
ɹɹʛɹɹ© 2019 PLAID Inc. 3 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ גࣜձࣾϓϨΠυʹ͍ͭͯ גࣜձࣾϓϨΠυ
౦ژதԝ۠ۜ࠲6-10-1 GINZA SIX 10F ઃཱɿ201110݄ ैۀһɿ130໊ ࢿຊۚɿ1ԯԁ ※ࢿຊ४උؚۚΉ
ɹɹʛɹɹ© 2019 PLAID Inc. 4 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ גࣜձࣾϓϨΠυʹ͍ͭͯ औకCPO
ࣲࢁ थ දऔకCEO ڮ ݈ଠ
ɹɹʛɹɹ© 2019 PLAID Inc. 5 yyyy.mm.ddɹɹʛɹɹEvent name hereɹɹʛɹ גࣜձࣾϓϨΠυʹ͍ͭͯ OUR
MISSON σʔλʹΑͬͯਓͷՁΛ࠷େԽ͢Δ
6 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
גࣜձࣾϓϨΠυʹ͍ͭͯ
None
8 2019.11.12ɹɹʛɹɹDESIGN CAREER LTɹɹʛɹ ɹɹʛɹɹ© 2019 PLAID Inc. KARTEʹ͍ͭͯ $9
ސ٬ମݧ ϓϥοτϑΥʔϜ
9 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTEʹ͍ͭͯ $9 ސ٬ମݧ ϓϥοτϑΥʔϜ
10 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTEʹ͍ͭͯ Ϣʔβʔৄࡉ
11 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTEʹ͍ͭͯ WebαΠτͷ๚ऀͷߦಈΛ ސ٬͝ͱʹϦΞϧλΠϜʹղੳ ҰਓҰਓʹ߹Θͤͨ ސ٬ମݧ Λఏڙ
12 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTEʹ͍ͭͯ .BSLFUFS &OE6TFST
13 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTEʹ͍ͭͯ ֬ೝ͢Δ جຊαʔϏε͝ར༻ํ๏Λ͝հ͠·͢ɻ ͓ಘͳಛయཱͭใ͕ຬࡌͰ͢ɻ ॳΊͯͷํ ְתּׅ然钠ׅ 6*رؠ؎ش٦ֽוזַזַ♳麦׃זְծ➙ ״إٔؗ،حف׃ְהְֲ倯䗳铣דׅկ UIرؠ؎ش٦ָ濼גֶֻץֹ 7אךرؠ؎ٕٝ٦ٕ DESIGN RULES » CHECK ׆ה⢪ִ،؎ذيֽ䲧ִת׃կ ֿך堣⠓ֶ鋅鷕׃זֻկ 窫㼎ծ 妜׃ְ ౙͷओɺ Ξλʔ COLLECTION OUTER 嗚稊勴⟝㼰׃㢌刿ֽׅדծ֮זך椚 䟝ך暟⟝ח⳿⠓ִ〳腉䚍ָ넝ֻזתׅկ 勴⟝㢌ִג嗚稊׃גגְֻׁկ ׀䋞劄ך暟⟝כ 鋅אַתׇד׃ַ ꟗׄ ҰਓҰਓʹ߹Θͤͨ ސ٬ମݧΛఏڙ WebαΠτͷ๚ऀͷߦಈΛ ސ٬͝ͱʹϦΞϧλΠϜʹղੳ $9 ސ٬ମݧ ϓϥοτϑΥʔϜ
14 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js KARTE × Vue.js
15 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js ͦͷલʹ
16 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js KARTE = Product
17 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js Product = Part of Strategy
18 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js KARTE = Product = Part of Strategy
19 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js KARTE = Part of Strategy
20 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js Strategy of KARTE = Part of Strategy
21 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js Strategy of KARTE = Part of Strategy
22 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js Strategy of KARTE Vue.js ×
ݟग़͠ςΩετ 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Ҡߦ
KARTE × Vue.js 24 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.12.11ɹɹʛʲPLAID ×
ϥΫεϧʳVue.js for 2020ʛɹ ւ֎ల։ × i18n
KARTE × Vue.js 25 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.12.11ɹɹʛʲPLAID ×
ϥΫεϧʳVue.js for 2020ʛɹ ߈Ίͷεϐʔυ։ൃ × Vue 3.0 TypeScriptҠߦ
KARTE × Vue.js 26 ɹɹʛɹɹ© 2019 PLAID Inc. 2019.12.11ɹɹʛʲPLAID ×
ϥΫεϧʳVue.js for 2020ʛɹ ηΩϡϦςΟରࡦ / Lint × pug to HTML
27 2019.12.11ɹɹʛʲPLAID × ϥΫεϧʳVue.js for 2020ʛɹ ɹɹʛɹɹ© 2019 PLAID Inc.
KARTE × Vue.js
None