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

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

20. None

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!