PayPay
Extarnal
LY Corporation
ZOZOTOWN
IKYU
・・・
Yahoo! JAPAN Shopping
Yahoo! JAPAN Auction
PayPay
Gateway
・・・
8IBUJT1BZ1BZ(BUFXBZ
BTZTUFNUIBUGBDJMJUBUFTUIFVTFPG1BZ1BZGSPNCPUIJOUFSOBM-:TFSWJDFTBOEDFSUBJOFYUFSOBMTFSWJDFT
Slide 6
Slide 6 text
8IBUJT1BZ1BZ(BUFXBZ
$IBMMFOHFTJO'SPOUFOE
%FWFMPQNFOU
/PUFBNNFNCFSTXJUITUSPOH
GSPOUFOEFYQFSUJTF
1PPSGSPOUFOEEFWFMPQNFOU
FYQFSJFODF
*OTVGGJDJFOUBVUPNBUFEUFTUJOH
0VSUFBNNBJOMZGPDVTFTPOTFSWFSTJEFEFWFMPQNFOU
CVUXFBMTPEPTPNFXFCGSPOUFOEEFWFMPQNFOU
Point Center
Decided to try Storybook
Slide 7
Slide 7 text
8IBUBSF6*$PNQPOFOUT
%JTQMBZ
1SPQT
3FVTBCMF6*FMFNFOUT
'VODUJPOJOEFQFOEFOUMZ
1SPWJEFDPOTJTUFOUEFTJHO
)BWFNVMUJQMFTUBUFT
OPSNBMIPWFSEJTBCMFE
6*$PNQPOFOU&YBNQMFT
CVUUPOT
GPSNT
DBSET
NFOVT
Defined as
PointCard component
for isolated testing
Defined as
MenuItem component
for reusability
Slide 8
Slide 8 text
8IBUJT4UPSZCPPL
'SPOUFOEPQFOTPVSDFUPPMGPSDSFBUJOHBDBUBMPHPG6*DPNQPOFOUT
Storybook Web UI
%JTQMBZ
1SPQT
4UPSJFT 4UBUFT
$PNQPOFOUT
%FGJOFz4UPSJFTz
"4UPSZJTBTJOHMFFYBNQMFPSTUBUFPGB6*DPNQPOFOU
#VUUPOTUPSJFTUTY
1SPQT
4UPSJF
T
Slide 11
Slide 11 text
,FZ#FOFGJUT
5ISFF,FZ#FOFGJUTPG*OUSPEVDJOH4UPSZCPPL
%FWFMPQFS
&YQFSJFODF
%PDVNFOUBUJP
O
5FTUJOH
Slide 12
Slide 12 text
,FZ#FOFGJUT
%FWFMPQFS&YQFSJFODF
%FWFMPQFS
&YQFSJFODF
%PDVNFOUBUJP
O
5FTUJOH
Slide 13
Slide 13 text
%FWFMPQFS&YQFSJFODF
XJUIPVU4UPSZCPPL
What is this component?
Too many components...
To test this component,
1. start the application,
2. log in, and link PayPay account,
3. grant some points…