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
american airlines®️ USA Contact Numbers: Complete 2025 Support Guide
supportflight
1
110
ゼロからはじめる採用広報
yutadayo
3
920
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
1
6.9k
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
__allllllllez__
1
150
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
440
CDKTFについてざっくり理解する!!~CloudFormationからCDKTFへ変換するツールも作ってみた~
masakiokuda
1
140
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
7.6k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
27k
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
6
2.4k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
49
19k
面倒な作業はAIにおまかせ。Flutter開発をスマートに効率化
ruideengineer
0
260
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
unitedflyhelp
0
310
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Fireside Chat
paigeccino
37
3.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Code Reviewing Like a Champion
maltzj
524
40k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Building an army of robots
kneath
306
45k
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