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
660
プレイドにおけるプロダクトの国際化の取り組み | 野田 陽平 PLAID, Inc
positiveflat
6
3k
KARTEを支えるCI環境
positiveflat
1
2.2k
Vue.jsを数ヶ月使ってみて遭遇した問題とその解決策
positiveflat
4
4.4k
Other Decks in Technology
See All in Technology
ChatGPTとPlantUML/Mermaidによるソフトウェア設計
gowhich501
1
130
なぜスクラムはこうなったのか?歴史が教えてくれたこと/Shall we explore the roots of Scrum
sanogemaru
5
1.6k
生成AI時代のデータ基盤設計〜ペースレイヤリングで実現する高速開発と持続性〜 / Levtech Meetup_Session_2
sansan_randd
1
150
ガチな登山用デバイスからこんにちは
halka
1
240
5分でカオスエンジニアリングを分かった気になろう
pandayumi
0
240
機械学習を扱うプラットフォーム開発と運用事例
lycorptech_jp
PRO
0
230
未経験者・初心者に贈る!40分でわかるAndroidアプリ開発の今と大事なポイント
operando
5
480
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
bitkey
PRO
1
130
AWSで始める実践Dagster入門
kitagawaz
1
610
roppongirb_20250911
igaiga
1
220
現場で効くClaude Code ─ 最新動向と企業導入
takaakikakei
1
240
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
sh_fk2
3
240
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
49
14k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Speed Design
sergeychernyshev
32
1.1k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
112
20k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Fireside Chat
paigeccino
39
3.6k
It's Worth the Effort
3n
187
28k
Git: the NoSQL Database
bkeepers
PRO
431
66k
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!