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.5k
CXプラットフォームKARTEのプロダクト改善
【SmartHR × プレイド】プロダクトカイゼンNight
positiveflat
April 19, 2018
Tweet
Share
More Decks by positiveflat
See All by positiveflat
マルチプロダクト開発体制における エンジニアリングマネジメント | 野田 陽平 PLAID, Inc
positiveflat
2
670
プレイドにおけるプロダクトの国際化の取り組み | 野田 陽平 PLAID, Inc
positiveflat
6
3k
KARTEを支えるCI環境
positiveflat
1
2.3k
Vue.jsを数ヶ月使ってみて遭遇した問題とその解決策
positiveflat
4
4.4k
Other Decks in Technology
See All in Technology
猫でもわかるAmazon Q Developer CLI 解体新書
kentapapa
1
130
Retrospectiveを振り返ろう
nakasho
0
130
AI連携の新常識! 話題のMCPをはじめて学ぶ!
makoakiba
0
150
クラウドとリアルの融合により、製造業はどう変わるのか?〜クラスメソッドの製造業への取組と共に〜
hamadakoji
0
450
GraphRAG グラフDBを使ったLLM生成(自作漫画DBを用いた具体例を用いて)
seaturt1e
1
160
様々なファイルシステム
sat
PRO
0
260
頭部ふわふわ浄酔器
uyupun
0
240
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
4
3.6k
What's new in OpenShift 4.20
redhatlivestreaming
0
350
プロダクト開発と社内データ活用での、BI×AIの現在地 / Data_Findy
sansan_randd
1
610
AIプロダクトのプロンプト実践テクニック / Practical Techniques for AI Product Prompts
saka2jp
0
120
CLIPでマルチモーダル画像検索 →とても良い
wm3
0
510
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
640
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
2.9k
Code Reviewing Like a Champion
maltzj
526
40k
Navigating Team Friction
lara
190
15k
Become a Pro
speakerdeck
PRO
29
5.6k
BBQ
matthewcrist
89
9.9k
The Pragmatic Product Professional
lauravandoore
36
7k
Context Engineering - Making Every Token Count
addyosmani
8
310
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
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!