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.4k
CXプラットフォームKARTEのプロダクト改善
【SmartHR × プレイド】プロダクトカイゼンNight
positiveflat
April 19, 2018
Tweet
Share
More Decks by positiveflat
See All by positiveflat
マルチプロダクト開発体制における エンジニアリングマネジメント | 野田 陽平 PLAID, Inc
positiveflat
2
610
プレイドにおけるプロダクトの国際化の取り組み | 野田 陽平 PLAID, Inc
positiveflat
6
2.9k
KARTEを支えるCI環境
positiveflat
1
2.2k
Vue.jsを数ヶ月使ってみて遭遇した問題とその解決策
positiveflat
4
4.4k
Other Decks in Technology
See All in Technology
スプリントゴールで価値を駆動しよう
takufujii
3
1.4k
Vibe Coding Tools
ijin
1
300
"発信文化"をどうやって計測する?技術広報のKPI探索記/How do we measure communication culture?
bitkey
4
360
技術選定の仕方 - FLEXYウェビナー / How to select technology
shinden
1
120
TypeScriptで実践するクリーンアーキテクチャ ― WebからもCLIからも使えるアプリ設計 / CClean Architecture with Typescript Application
panda_program
8
1.5k
SONiCで構築・運用する生成AI向けパブリッククラウドネットワーク
sonic
1
540
激動の一年を通じて見えてきた「技術でリードする」ということ
ktr_0731
8
8.6k
Ruby on Rails の楽しみ方
morihirok
6
3.2k
Amplifyとゼロからはじめた AIコーディング。失敗と気づき
mkdev10
1
180
Next.jsと状態管理のプラクティス
uhyo
6
2.4k
4社統合におけるマスタデータ管理に立ち向かう / Towards master data management in the four-company integration
carta_engineering
0
330
分解し、導き、託す ログラスにおける“技術でリードする” 実践の記録
hryushm
1
620
Featured
See All Featured
It's Worth the Effort
3n
184
28k
Designing for Performance
lara
608
69k
GitHub's CSS Performance
jonrohan
1031
460k
Statistics for Hackers
jakevdp
799
220k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Optimizing for Happiness
mojombo
378
70k
Done Done
chrislema
184
16k
Facilitating Awesome Meetings
lara
54
6.4k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Code Reviewing Like a Champion
maltzj
523
40k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
14
860
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!