Save 37% off PRO during our Black Friday Sale! »

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

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

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

691a3d84d76ff8bf3f9a0c614d722369?s=128

positiveflat

April 19, 2018
Tweet

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!