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
CXプラットフォームKARTEのプロダクト改善
Search
positiveflat
April 19, 2018
Technology
1
1.2k
CXプラットフォームKARTEのプロダクト改善
【SmartHR × プレイド】プロダクトカイゼンNight
positiveflat
April 19, 2018
Tweet
Share
More Decks by positiveflat
See All by positiveflat
マルチプロダクト開発体制における エンジニアリングマネジメント | 野田 陽平 PLAID, Inc
positiveflat
2
390
プレイドにおけるプロダクトの国際化の取り組み | 野田 陽平 PLAID, Inc
positiveflat
6
2.7k
KARTEを支えるCI環境
positiveflat
1
2k
Vue.jsを数ヶ月使ってみて遭遇した問題とその解決策
positiveflat
4
4.3k
Other Decks in Technology
See All in Technology
推しは推せるときに推せ! プロダクトにフィードバックしていこう
nakasho
0
290
20240418_Google ColabにLLMが搭載されたようなのでPython x データ分析の勉強方法を考えてみる
doradora09
0
120
Google Cloud の AI を支える裏側のインフラを垣間見る!
maroon1st
0
340
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
nakamuuu
0
140
一生覚えておきたい「システム開発=コミュニケーション」〜初めての実務案件振り返りLT〜
maimyyym
0
120
アクセス制御にまつわる改善 / Improving access control
itkq
0
520
AOAI をきっかけに 社内の Azure 管理を見直した話
recruitengineers
PRO
1
260
開発パフォーマンスを最大化するための開発体制
ham0215
2
210
Cracking the KubeCon CfP
inductor
2
230
MySQL の SQL クエリチューニングの要所を掴む勉強会
andpad
2
6.1k
長期間TiDBを使ってきた話 @ 私たちはなぜNewSQLを使うのかTiDB選定5社が語る選定理由と活用LT / Experiences with TiDB Over Time
chibiegg
2
880
Google Cloud Next '24でブログを10本書いた方法と勉強会を沸かせた方法
yasumuusan
0
290
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1356
200k
Imperfection Machines: The Place of Print at Facebook
scottboms
260
12k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
187
16k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
What's in a price? How to price your products and services
michaelherold
237
11k
The Brand Is Dead. Long Live the Brand.
mthomps
49
28k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
Happy Clients
brianwarren
92
6.4k
Ruby is Unlike a Banana
tanoku
96
10k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
Raft: Consensus for Rubyists
vanstee
132
6.3k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Transcript
CXϓϥοτϑΥʔϜKARTEͷϓϩμΫτվળ SmartHR x PLAID ϓϩμΫτΧΠθϯNight #kaizennight PLAID, Inc Yohei Noda
2010-2014 IBMιϑτΣΞ։ൃݚڀॴʢిࢠใ։ࣔؔ࿈ͷιϑτΣΞ։ൃͳͲʣ 2015- גࣜձࣾϓϨΠυʢKARTEͷ։ൃͳͲʣ #kaizennight @positiveflat Yohei Noda UIपΓͷϓϩάϥϛϯάͱɺ৽͍͠αʔϏεݟ͚ͭͯࢼ͢ͷ͕͖ Vue.js
Japan User groupʢ11݄ʹVue FesΓ·͢ʂʣ ࣗݾհ
#kaizennight 11݄ʹVue FesΓ·͢ʂ
#kaizennight Kaizen Cycle Team Product Topics
#kaizennight Product
#kaizennight “CXϓϥοτϑΥʔϜKARTE”
#kaizennight CX ?
#kaizennight CX = Customer Experience ސ٬ମݧ
BtoB? BtoC? #kaizennight
#kaizennight ސ٬ΛΔ ސ٬ʹ߹ΘͤΔ
#kaizennight ސ٬ΛΔ ސ٬ʹ߹ΘͤΔ
#kaizennight αΠτʹ୭͕๚Ε͍ͯΔͷ͔
#kaizennight ݱࡏɾաڈʹͲͷΑ͏ͳߦಈΛ͍ͯ͠Δͷ͔
#kaizennight ސ٬ΛΔ ސ٬ʹ߹ΘͤΔ
#kaizennight ސ٬ΛΔ ސ٬ʹ߹ΘͤΔ
αΠτɾαΠτ֎Ͱͷ”ΞΫγϣϯ”Ͱ͓ͯͳ͠ #kaizennight
ΞΫγϣϯΛΧελϚΠζ #kaizennight
KARTE Talk #kaizennight
KARTEΛKARTEࣗମʹಋೖͯ͠ υοάϑʔσΟϯάΛ͠ͳ͕Β ސ٬ମݧͷ্Λࢦ͍ͯ͠Δ #kaizennight
None
#kaizennight
#kaizennight Team
#kaizennight #J[EFW %FW ,BJ[FO (SPXUI "DDFMFSBUPS Our team
Our team #kaizennight #J[EFW %FW ,BJ[FO (SPXUI "DDFMFSBUPS
Development Team #kaizennight #J[EFW %FW ,BJ[FO ϓϩμΫτΞτͳ։ൃ KARTEͷج൫ͷ্Ͱɺ࣍ͷϏδωεΛ࡞Δ։ൃ ΫϥΠΞϯτͷUXվળ
#kaizennight #J[EFW %FW ,BJ[FO ະདྷʹର͢Δใͷෆ࣮֬ੑΛԼ͛Δ ސ٬ͱͷؒͷใͷඇରশੑΛԼ͛Δ Development Team
#kaizennight ΤϯδχΞϦϯά৫ͷট ʙෆ࣮֬ੑʹ͖߹͏ࢥߟͱ৫ͷϦϑΝΫλϦϯάʙ େஶɹٕज़ධࣾ ࢀߟ
#kaizennight ސ٬ͱͷؒͷใͷඇରশੑΛԼ͛Δ ʢओʹϓϩμΫτ։ൃΛ௨ͯ͠ʣ
#kaizennight ࣮Θ͍ͬͯͳ͍ػೳɺ͍ํ ࣮औΓ͖Ε͍ͯͳ͍ɺސ٬ͷཁ
#kaizennight ϓϩμΫτˠސ٬ͦ͏͕ͩ ·ͣࣾʹ͋ΔใͷඇରশੑΛ͍͔ʹղফ͢Δ͔ ϓϩμΫτͷํੑ طʹ͍࣋ͬͯΔސ٬͔Βಘͨใ
ใΛΦʔϓϯͳঢ়ଶʹ͢Δ GitHub Slack esa Dropbox Paper ͳͲ Ͱ͖Δ͚ͩใͷඇରশੑ͕ى͖ͳ͍Α͏ʹ͍ͯ͠Δ #kaizennight
Kaizen Team #kaizennight ,BJ[FO σβΠφʔ Ϗδωε ΤϯδχΞ ͷࠞνʔϜ ༷ʑͳใ͕ू·ΔνʔϜ
#kaizennight ϓϩμΫτΛΧΠθϯͯ͠ ใͷඇରশੑΛԼ͛ΒΕͳ͍͔ʁ ͋Δ͍୯७ʹ͍͘͢ͳΒͳ͍͔ʁ
#kaizennight Kaizen Cycle
#kaizennight ސ٬ͷ͍ํɾཁΛ Δ ཧͷঢ়ଶʢΘΕํʣ Λڍ͛Δ ཧͱݱ࣮ͷࠩΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ͑Δ Kaizen
#kaizennight ސ٬ͷ͍ํɾཁΛ Δ ཧͷঢ়ଶʢΘΕํʣ Λڍ͛Δ ཧͱݱ࣮ͷࠩΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ͑Δ Kaizen
ސ٬ͷ͍ํɾཁΛ Δ KARTEΛؚΉ༷ʑͳखஈΛͬͯใΛಘΔ request-issues Ӧۀ׆ಈαϙʔτͰͷސ٬ͱͷରɺࣾϝϯόʔ͔Βͷཁ KARTEΛސ٬͕Ͳ͏͍ͬͯΔ͔ΛɺKARTEΛͬͯΔ ʢDogfoodingʹΑΓɺ৽ͨͳrequest͕͔ࣾΒੜ·ΕΔʣ ใ͕Γͳ͚Εސ٬ͷݩ
ސ٬ͷ͍ํɾཁΛ Δ KARTEͷސ٬ͲͷΑ͏ʹKARTEΛ͍ͬͯΔͷ͔ʁ %PHGPPEJOH
ސ٬ͷ͍ํɾཁΛ Δ αϙʔτνϟοτ: KARTEͷސ٬Կʹରͯٙ͠Λ͔࣋ͭɺཁ͕͋Δ͔ %PHGPPEJOH
#kaizennight ސ٬ͷ͍ํɾཁΛ Δ ཧͷঢ়ଶʢΘΕํʣ Λڍ͛Δ ཧͱݱ࣮ͷࠩΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ͑Δ Kaizen
ཧͷঢ়ଶʢΘΕํʣ Λڍ͛Δ ݩʑ͜ͷػೳͲͷΑ͏ʹΘΕΔ͖ͳͷ͔ ͜ͷػೳظతͳϓϩμΫτͷํੑͰɺ͜ΜͳҐஔ͚ͮ kaizen-issues ސ٬͕͜ͷػೳΛεϜʔζʹ͑ΔΑ͏ʹ͢Δ͜ͱͰɺ ΤϯυϢʔβʔʹ͜ΜͳՁ͕͋Δ ͳͲ
#kaizennight ސ٬ͷ͍ํɾཁΛ Δ ཧͷঢ়ଶʢΘΕํʣ Λڍ͛Δ ཧͱݱ࣮ͷࠩΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ͑Δ Kaizen
ཧͱݱ࣮ͷࠩΛຒΊ ΔղܾࡦΛߟ͑Δ IssueΛ࡞ͬͯ৬छԣஅͰٞ kaizen-issues ͭ·͖ͮϙΠϯτΛղফ ͋Δ͖1SPEVDU૾Λٻ ʹͳΒͳ͍༻্ͷετϨεΛܰݮ #kaizennight ৬छΘͣgithubΛ͍ͬͯΔͷͰ՝Ѳɾ͕ٞεϜʔζ ͦΕͧΕ͕࣋ͭސ٬ϓϩμΫτʹؔ͢ΔใΛ࣋ͪدΔ
#kaizennight ސ٬ͷ͍ํɾཁΛ Δ ཧͷঢ়ଶʢΘΕํʣ Λڍ͛Δ ཧͱݱ࣮ͷࠩΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ͑Δ Kaizen
#kaizennight σβΠϯɾ։ൃ UI Design discussion σβΠϯΛInVision্ʹuploadͯ͠ίϝϯτ͠߹͏ kaizen-issues Github্ର໘ͰσΟεΧογϣϯ
#kaizennight σβΠϯɾ։ൃ ίʔσΟϯάɾػೳ։ൃ σβΠφʔ͕templateΛ࡞ΓɺstyleΛͯΔ Vue.jsͷSingle File ComponentsΛͬͯɺHTML templateͱstyle෦Λهड़ ΤϯδχΞ͕όοΫΤϯυɾϑϩϯτΤϯυͷͭͳ͗͜Έ෦Λ࣮ ओʹnode.jsͰbackendɺVue.jsͰϑϩϯτΤϯυΛ࣮
దٓؔ͢Δϝϯόʔʹ૬ஊ
#kaizennight ࢀߟ: Vue.js Single File Components Component୯ҐͰUIଆͷελΠϧɾίʔ σΟϯάɾػೳ࣮Λ͍͢͠ Web
ComponentsͷCustom elementsͷ ༷ʹԊ͍ͬͯͯɺCustom tagΛHTML্ ͰࢦఆͰ͖Δ scope੍ݶͰ͖Δ σβΠφʔͱΤϯδχΞͷڠۀ͕ ͍͢͠ ʢͱݸਓతʹࢥ͍ͬͯΔʣ
#kaizennight ސ٬ͷ͍ํɾཁΛ Δ ཧͷঢ়ଶʢΘΕํʣ Λڍ͛Δ ཧͱݱ࣮ͷࠩΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ͑Δ Kaizen
#kaizennight ʣ ސ٬ʹ͑Δ ΧΠθϯΛɺ͍͑ͨސ٬ʹ͖Ίࡉ͔ʹ͑Δ KARTEͷ٬αʔϏεͰɺ৽ػೳɾΧΠθϯϙΠϯτΛ௨ αϙʔταΠτͷߋ৽ %PHGPPEJOH
#kaizennight ސ٬ͷ͍ํɾཁΛ Δ ཧͷঢ়ଶʢΘΕํʣ Λڍ͛Δ ཧͱݱ࣮ͷࠩΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ͑Δ Kaizen
ΤϯδχΞϦϯάΤϯδχΞ͚ͩͷࣄͰͳ͍ #kaizennight ϓϩμΫτͷະདྷʹ͚ͯɺใͷෆ࣮֬ੑΛղফ͢Δಈ͖ ใΛ͍࣋ͬͯΔਓ͕ղܾ͢Δͷ͕ૣ͍ ࢥ͍͕͋Δਓ͕ಈ͍ͯɺͦΕΛॿ͚߹͏ελΠϧ
#kaizennight ͨͱ͑
#kaizennight http://blog-plaid.com/try/4401/ ΤϯδχΞҎ֎ΤϯδχΞϦϯάΛߦ͏ ʢۃͳྫʣ
#kaizennight ·ͱΊ ࣗͨͪͰDogfooding͠ͳ͕Β։ൃ͢Δͱɺใ͕औΓ͍͢ Ϣʔβʔͷ͍ํΛৄ͍ͬͯ͘͠ΔਓɺϢʔβʔΠϯλϥΫγϣϯΛߟ ͑ΒΕΔσβΠφʔɺϓϩμΫτΛΧΠθϯ͢ΔΤϯδχΞɺ͕ࠞ ͰνʔϜΛΉͱɺใ͕ϦονʹͳΔ ·ͩϓϩμΫτΧΠθϯ͡·͔ͬͨΓͳͷͰɺ ͍͔ʹαΠΫϧΛߴʹ·Θͯ͠ਫ਼ͷߴ͍վળΛߦ͑Δ͔͕উෛ ͕ͨͬͯ͠ɺൺֱతαΠΫϧΛ͘·Θͤͦ͏ ৫ϓϩμΫτΛগ͠ม͑ͯɺใͷඇରশੑΛղফ͢Δ
#kaizennight Join us!
Thank you!