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
2.2k
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
1.1k
Other Decks in Technology
See All in Technology
OPENLOGI Company Profile for engineer
hr01
1
34k
20250707-AI活用の個人差を埋めるチームづくり
shnjtk
4
3.8k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
48
19k
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
4
13k
Delta airlines Customer®️ USA Contact Numbers: Complete 2025 Support Guide
deltahelp
0
690
20250705 Headlamp: 專注可擴展性的 Kubernetes 用戶界面
pichuang
0
270
2025 AWS Jr. Championが振り返るAWS Summit
kazukiadachi
0
110
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
1
6.9k
Connect 100+を支える技術
kanyamaguc
0
200
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
16k
AI専用のリンターを作る #yumemi_patch
bengo4com
5
4.3k
CRE Camp #1 エンジニアリングを民主化するCREチームでありたい話
mntsq
1
120
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Building Adaptive Systems
keathley
43
2.7k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Fireside Chat
paigeccino
37
3.5k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Rails Girls Zürich Keynote
gr2m
95
14k
Six Lessons from altMBA
skipperchong
28
3.9k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Agile that works and the tools we love
rasmusluckow
329
21k
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