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.3k
CXプラットフォームKARTEのプロダクト改善
【SmartHR × プレイド】プロダクトカイゼンNight
positiveflat
April 19, 2018
Tweet
Share
More Decks by positiveflat
See All by positiveflat
マルチプロダクト開発体制における エンジニアリングマネジメント | 野田 陽平 PLAID, Inc
positiveflat
2
440
プレイドにおけるプロダクトの国際化の取り組み | 野田 陽平 PLAID, Inc
positiveflat
6
2.8k
KARTEを支えるCI環境
positiveflat
1
2k
Vue.jsを数ヶ月使ってみて遭遇した問題とその解決策
positiveflat
4
4.3k
Other Decks in Technology
See All in Technology
データベース研修 DB基礎【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
220
AIアシスタントの活用で品質の向上と開発ワークフローのスピードアップ
nagix
1
210
クラウド利用者の「責任」をどう果たす?AWSセキュリティ対策のススメ #AWSSummit
hiashisan
0
280
ABEMAにおけるLLMを用いたコンテンツベース推薦システム導入と効果検証
cyberagentdevelopers
PRO
1
760
20240724_cm_odyssey_hibiyatech
hiashisan
0
110
プレイドにおけるDatadog APMの活用方法
plaidtech
PRO
2
120
Git 研修 Basic【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
310
地理情報とAPIのトレンド
nagix
0
160
Azure OpenAI Service Dev Day / LLMでできる!使える!生成AIエージェント
masahiro_nishimi
3
810
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
AWS IAMのアンチパターン/AWSが考える最低権限実現へのアプローチ概略(JAWS-UG朝会#59資料改修20分版)
htan
0
330
AWSでRAGを作る法方
sonoda_mj
1
140
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
23
1.9k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
What the flash - Photography Introduction
edds
65
11k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
Rails Girls Zürich Keynote
gr2m
93
13k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
18
1.2k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
Become a Pro
speakerdeck
PRO
15
4.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
Git: the NoSQL Database
bkeepers
PRO
423
64k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.8k
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!