CXプラットフォームKARTEのプロダクト改善

【SmartHR × プレイド】プロダクトカイゼンNight

Transcript

1. CXϓϥοτϑΥʔϜKARTEͷϓϩμΫτվળ SmartHR x PLAID
 ϓϩμΫτΧΠθϯNight
 #kaizennight PLAID, Inc
 Yohei Noda
2. 2010-2014
 IBMιϑτ΢ΣΞ։ൃݚڀॴʢిࢠ৘ใ։ࣔؔ࿈ͷιϑτ΢ΣΞ։ൃͳͲʣ
 2015-
 גࣜձࣾϓϨΠυʢKARTEͷ։ൃͳͲʣ #kaizennight @positiveflat Yohei Noda UIपΓͷϓϩάϥϛϯάͱɺ৽͍͠αʔϏεݟ͚ͭͯࢼ͢ͷ͕޷͖
 Vue.js Japan User groupʢ11݄ʹVue Fes΍Γ·͢ʂʣ ࣗݾ঺հ
3. #kaizennight 11݄ʹVue Fes΍Γ·͢ʂ
4. #kaizennight Kaizen Cycle Team Product Topics
5. #kaizennight Product
6. #kaizennight “CXϓϥοτϑΥʔϜKARTE”
7. #kaizennight CX ?
8. #kaizennight CX = Customer Experience ސ٬ମݧ
9. BtoB? BtoC? #kaizennight
10. #kaizennight ސ٬Λ஌Δ ސ٬ʹ߹ΘͤΔ
11. #kaizennight ސ٬Λ஌Δ ސ٬ʹ߹ΘͤΔ
12. #kaizennight αΠτʹ୭͕๚Ε͍ͯΔͷ͔
13. #kaizennight ݱࡏɾաڈʹͲͷΑ͏ͳߦಈΛ͍ͯ͠Δͷ͔
14. #kaizennight ސ٬Λ஌Δ ސ٬ʹ߹ΘͤΔ
15. #kaizennight ސ٬Λ஌Δ ސ٬ʹ߹ΘͤΔ
16. αΠτ಺ɾαΠτ֎Ͱͷ”ΞΫγϣϯ”Ͱ͓΋ͯͳ͠ #kaizennight
17. ΞΫγϣϯΛΧελϚΠζ #kaizennight
18. KARTE Talk #kaizennight
19. KARTEΛKARTEࣗମʹಋೖͯ͠
 υοάϑʔσΟϯάΛ͠ͳ͕Β ސ٬ମݧͷ޲্Λ໨ࢦ͍ͯ͠Δ #kaizennight
21. #kaizennight
22. #kaizennight Team
23. #kaizennight #J[EFW %FW ,BJ[FO (SPXUI "DDFMFSBUPS Our team
24. Our team #kaizennight #J[EFW %FW ,BJ[FO (SPXUI "DDFMFSBUPS
25. Development Team #kaizennight #J[EFW %FW ,BJ[FO ϓϩμΫτΞ΢τͳ։ൃ KARTEͷج൫ͷ্Ͱɺ࣍ͷϏδωεΛ࡞Δ։ൃ ΫϥΠΞϯτͷUXվળ
26. #kaizennight #J[EFW %FW ,BJ[FO ະདྷʹର͢Δ৘ใͷෆ࣮֬ੑΛԼ͛Δ ސ٬ͱͷؒͷ৘ใͷඇରশੑΛԼ͛Δ Development Team
27. #kaizennight ΤϯδχΞϦϯά૊৫࿦΁ͷট଴ ʙෆ࣮֬ੑʹ޲͖߹͏ࢥߟͱ૊৫ͷϦϑΝΫλϦϯάʙ
 ޿໦େ஍ஶɹٕज़ධ࿦ࣾ ࢀߟ
28. #kaizennight ސ٬ͱͷؒͷ৘ใͷඇରশੑΛԼ͛Δ
 ʢओʹϓϩμΫτ։ൃΛ௨ͯ͠ʣ
29. #kaizennight ࣮͸఻Θ͍ͬͯͳ͍ػೳɺ࢖͍ํ ࣮͸औΓ͖Ε͍ͯͳ͍ɺސ٬ͷཁ๬
30. #kaizennight ϓϩμΫτˠސ٬΋ͦ͏͕ͩ
 ·ͣ͸ࣾ಺ʹ͋Δ৘ใͷඇରশੑΛ͍͔ʹղফ͢Δ͔ ϓϩμΫτͷํ޲ੑ طʹ͍࣋ͬͯΔސ٬͔Βಘͨ৘ใ
31. ৘ใΛΦʔϓϯͳঢ়ଶʹ͢Δ
 GitHub Slack esa Dropbox Paper
 
 ͳͲ Ͱ͖Δ͚ͩ৘ใͷඇରশੑ͕ى͖ͳ͍Α͏ʹ͍ͯ͠Δ #kaizennight
32. Kaizen Team #kaizennight ,BJ[FO σβΠφʔ Ϗδωε ΤϯδχΞ ͷࠞ੒νʔϜ ༷ʑͳ৘ใ͕ू·ΔνʔϜ
33. #kaizennight ϓϩμΫτΛΧΠθϯͯ͠
 ৘ใͷඇରশੑΛԼ͛ΒΕͳ͍͔ʁ ͋Δ͍͸୯७ʹ࢖͍΍͘͢ͳΒͳ͍͔ʁ
34. #kaizennight Kaizen
 Cycle
35. #kaizennight ސ٬ͷ࢖͍ํɾཁ๬Λ
 ஌Δ ཧ૝ͷঢ়ଶʢ࢖ΘΕํʣ Λڍ͛Δ ཧ૝ͱݱ࣮ͷࠩ෼ΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ఻͑Δ Kaizen
36. #kaizennight ސ٬ͷ࢖͍ํɾཁ๬Λ
 ஌Δ ཧ૝ͷঢ়ଶʢ࢖ΘΕํʣ Λڍ͛Δ ཧ૝ͱݱ࣮ͷࠩ෼ΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ఻͑Δ Kaizen
37. ސ٬ͷ࢖͍ํɾཁ๬Λ
 ஌Δ KARTEΛؚΉ༷ʑͳखஈΛ࢖ͬͯ৘ใΛಘΔ request-issues Ӧۀ׆ಈ΍αϙʔτͰͷސ٬ͱͷର࿩ɺࣾ಺ϝϯόʔ͔Βͷཁ๬ KARTEΛސ٬͕Ͳ͏࢖͍ͬͯΔ͔ΛɺKARTEΛ࢖ͬͯ஌Δ ʢDogfoodingʹΑΓɺ৽ͨͳrequest͕ࣾ಺͔Βੜ·ΕΔʣ ৘ใ͕଍Γͳ͚Ε͹௚઀ސ٬ͷݩ΁
38. ސ٬ͷ࢖͍ํɾཁ๬Λ
 ஌Δ KARTEͷސ٬͸ͲͷΑ͏ʹKARTEΛ࢖͍ͬͯΔͷ͔ʁ %PHGPPEJOH
39. ސ٬ͷ࢖͍ํɾཁ๬Λ
 ஌Δ αϙʔτνϟοτ: KARTEͷސ٬͸Կʹରͯٙ͠໰Λ͔࣋ͭɺཁ๬͕͋Δ͔ %PHGPPEJOH
40. #kaizennight ސ٬ͷ࢖͍ํɾཁ๬Λ
 ஌Δ ཧ૝ͷঢ়ଶʢ࢖ΘΕํʣ Λڍ͛Δ ཧ૝ͱݱ࣮ͷࠩ෼ΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ఻͑Δ Kaizen
41. ཧ૝ͷঢ়ଶʢ࢖ΘΕํʣ Λڍ͛Δ ݩʑ͜ͷػೳ͸ͲͷΑ͏ʹ࢖ΘΕΔ΂͖ͳͷ͔ ͜ͷػೳ͸௕ظతͳϓϩμΫτͷํ޲ੑͰ͸ɺ͜ΜͳҐஔ͚ͮ kaizen-issues ސ٬͕͜ͷػೳΛεϜʔζʹ࢖͑ΔΑ͏ʹ͢Δ͜ͱͰɺ
 ΤϯυϢʔβʔʹ͜ΜͳՁ஋͕͋Δ ͳͲ
42. #kaizennight ސ٬ͷ࢖͍ํɾཁ๬Λ
 ஌Δ ཧ૝ͷঢ়ଶʢ࢖ΘΕํʣ Λڍ͛Δ ཧ૝ͱݱ࣮ͷࠩ෼ΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ఻͑Δ Kaizen
43. ཧ૝ͱݱ࣮ͷࠩ෼ΛຒΊ ΔղܾࡦΛߟ͑Δ IssueΛ࡞ͬͯ৬छԣஅͰٞ࿦ kaizen-issues ͭ·͖ͮϙΠϯτΛղফ ͋Δ΂͖1SPEVDU૾Λ௥ٻ ੠ʹͳΒͳ͍࢖༻্ͷετϨεΛܰݮ #kaizennight ৬छ໰ΘͣgithubΛ࢖͍ͬͯΔͷͰ՝୊೺Ѳɾٞ࿦͕εϜʔζ ͦΕͧΕ͕࣋ͭސ٬΍ϓϩμΫτʹؔ͢Δ৘ใΛ࣋ͪدΔ
44. #kaizennight ސ٬ͷ࢖͍ํɾཁ๬Λ
 ஌Δ ཧ૝ͷঢ়ଶʢ࢖ΘΕํʣ Λڍ͛Δ ཧ૝ͱݱ࣮ͷࠩ෼ΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ఻͑Δ Kaizen
45. #kaizennight σβΠϯɾ։ൃ UI Design discussion σβΠϯΛInVision্ʹuploadͯ͠ίϝϯτ͠߹͏ kaizen-issues Github্΍ର໘ͰσΟεΧογϣϯ
46. #kaizennight σβΠϯɾ։ൃ ίʔσΟϯάɾػೳ։ൃ σβΠφʔ͕templateΛ࡞ΓɺstyleΛ౰ͯΔ Vue.jsͷSingle File ComponentsΛ࢖ͬͯɺHTML templateͱstyle෦෼Λهड़ ΤϯδχΞ͕όοΫΤϯυɾϑϩϯτΤϯυͷͭͳ͗͜Έ෦෼Λ࣮૷ ओʹnode.jsͰbackendɺVue.jsͰϑϩϯτΤϯυΛ࣮૷ దٓؔ܎͢Δϝϯόʔʹ૬ஊ
47. #kaizennight ࢀߟ: Vue.js Single File Components Component୯ҐͰUIଆͷελΠϧɾίʔ σΟϯάɾػೳ࣮૷Λ͠΍͍͢
 
 Web ComponentsͷCustom elementsͷ ࢓༷ʹԊ͍ͬͯͯɺCustom tagΛHTML্ ͰࢦఆͰ͖Δ scope΋੍ݶͰ͖Δ σβΠφʔͱΤϯδχΞͷڠۀ͕ ͠΍͍͢
 ʢͱݸਓతʹ͸ࢥ͍ͬͯΔʣ
48. #kaizennight ސ٬ͷ࢖͍ํɾཁ๬Λ
 ஌Δ ཧ૝ͷঢ়ଶʢ࢖ΘΕํʣ Λڍ͛Δ ཧ૝ͱݱ࣮ͷࠩ෼ΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ఻͑Δ Kaizen
49. #kaizennight ʣ ސ٬ʹ఻͑Δ ΧΠθϯΛɺ఻͍͑ͨސ٬ʹ͖Ίࡉ΍͔ʹ఻͑Δ KARTEͷ઀٬αʔϏεͰɺ৽ػೳɾΧΠθϯϙΠϯτΛ௨஌ αϙʔταΠτͷߋ৽ %PHGPPEJOH
50. #kaizennight ސ٬ͷ࢖͍ํɾཁ๬Λ
 ஌Δ ཧ૝ͷঢ়ଶʢ࢖ΘΕํʣ Λڍ͛Δ ཧ૝ͱݱ࣮ͷࠩ෼ΛຒΊ ΔղܾࡦΛߟ͑Δ σβΠϯɾ։ൃ ސ٬ʹ఻͑Δ Kaizen
51. ΤϯδχΞϦϯά͸ΤϯδχΞ͚ͩͷ࢓ࣄͰ͸ͳ͍ #kaizennight 
 ϓϩμΫτͷະདྷʹ޲͚ͯɺ৘ใͷෆ࣮֬ੑΛղফ͢Δಈ͖ 
 ৘ใΛ͍࣋ͬͯΔਓ͕ղܾ͢Δͷ͕ૣ͍ ࢥ͍͕͋Δਓ͕ಈ͍ͯɺͦΕΛॿ͚߹͏ελΠϧ
52. #kaizennight ͨͱ͑͹
53. #kaizennight http://blog-plaid.com/try/4401/ ΤϯδχΞҎ֎΋ΤϯδχΞϦϯάΛߦ͏
 ʢۃ୺ͳྫʣ
54. #kaizennight ·ͱΊ ࣗ෼ͨͪͰDogfooding͠ͳ͕Β։ൃ͢Δͱɺ৘ใ͕औΓ΍͍͢ Ϣʔβʔͷ࢖͍ํΛৄ͘͠஌͍ͬͯΔਓɺϢʔβʔΠϯλϥΫγϣϯΛߟ ͑ΒΕΔσβΠφʔɺ௚઀ϓϩμΫτΛΧΠθϯ͢ΔΤϯδχΞɺ͕ࠞ੒ ͰνʔϜΛ૊Ήͱɺ৘ใ͕ϦονʹͳΔ ·ͩϓϩμΫτΧΠθϯ͸͸͡·ͬͨ͹͔ΓͳͷͰɺ
 ͍͔ʹαΠΫϧΛߴ଎ʹ·Θͯ͠ਫ਼౓ͷߴ͍վળΛߦ͑Δ͔͕উෛ ͕ͨͬͯ͠ɺൺֱతαΠΫϧΛ଎͘·Θͤͦ͏ ૊৫΍ϓϩμΫτΛগ͠ม͑ͯɺ৘ใͷඇରশੑΛղফ͢Δ
55. #kaizennight Join us!
56. Thank you!