動作するきれいなコード / Clean code that works - SeleniumConf Tokyo 2019

ςετۦಈ։ൃ ͷ 5BLVUP8BEB !U@XBEB "QS !4FMFOJVN$POG5PLZP $MFBODPEFUIBUXPSLT )PXDBOXFHPUIFSF

#SeConfTokyo $BNFSBTBMMPXFE .BUFSJBMTBSFUPCFQVCMJTIFE 5XFFUJOHXFMDPNFE )FMMP

UXBEB U@XBEB UXBEB 5BLVUP8BEB

5BLVUP8BEB - Consultant - Programmer guided by tests - Loves
FLOSS - Creator of power-assert-js

5IF#PPLT*XPSLFEPO

l5IF8JME4BWBOOBI-JPOz.FNF

assert(typeof item.id === 'strong') | | | | | |
| false | | "foo" | Item{id:"foo",name:"bar"} "string" --- [string] 'strong' +++ [string] typeof item.id @@ -1,6 +1,6 @@ str -o +i ng Representative work: power-assert-js IUUQTHJUIVCDPNQPXFSBTTFSUKTQPXFSBTTFSU

-FUTHFUTUBSUFE

l$MFBODPEFUIBUXPSLT JO3PO+F⒎SJFT QJUIZQISBTF JTUIFHPBMPG5FTU%SJWFO %FWFMPQNFOU 5%% $MFBODPEFUIBU XPSLTJTBXPSUIXIJMFHPBMGPSBXIPMF CVODIPGSFBTPOTz ᴷ,FOU#FDL
5FTU%SJWFO%FWFMPQNFOUCZ&YBNQMF

l$MFBODPEFUIBUXPSLTJTPVUPGUIF SFBDIPGFWFOUIFCFTUQSPHSBNNFST TPNFPGUIFUJNF BOEPVUPGUIFSFBDI PGNPTUQSPHSBNNFST MJLFNF NPTUPG UIFUJNF%JWJEFBOEDPORVFS CBCZz ᴷ,FOU#FDL
5FTU%SJWFO%FWFMPQNFOUCZ&YBNQMF

$MFBODPEFUIBUXPSLT $MFBODPEFUIBUXPSLT $MFBODPEFUIBUXPSLT

Clean Dirty Doesn’t work Works $MFBODPEFUIBUXPSLT

Clean Dirty Doesn’t work Works Two Ways $MFBODPEFUIBUXPSLT

Clean Dirty Doesn’t work Works $MFBODPEFUIBUXPSLT Bog

Clean Dirty Doesn’t work Works $MFBODPEFUIBUXPSLT Bog Shame

Clean Dirty Doesn’t work Works $MFBODPEFUIBUXPSLT Bog Vanity Shame

Clean Dirty Doesn’t work Works $MFBODPEFUIBUXPSLT Bog Vanity Shame Perfectionism

Clean Dirty Doesn’t work Works $MFBODPEFUIBUXPSLT Bog Vanity Shame Perfectionism
Analysis Paralysis

l%JWJEFBOEDPORVFS CBCZ 'JSTUXFMMTPMWFUIFlUIBUXPSLTzQBSUPG UIFQSPCMFN 5IFOXFMMTPMWFUIFlDMFBODPEFzQBSUz ᴷ,FOU#FDL 5FTU%SJWFO%FWFMPQNFOUCZ&YBNQMF

Clean Dirty Doesn’t work Works $MFBODPEFUIBUXPSLT Bog

Clean Dirty Doesn’t work Works $MFBODPEFUIBUXPSLT Bog Laziness

Clean Dirty Doesn’t work Works $MFBODPEFUIBUXPSLT Bog Laziness Impatience

Clean Dirty Doesn’t work Works $MFBODPEFUIBUXPSLT Bog Laziness Impatience Fear

l*GJUJTXPSLJOH EPO`UDIBOHFz IUUQTXXXqJDLSDPNQIPUPT!/

&EJUBOE1SBZ

$PWFSBOE.PEJGZ

7FSTJPO $POUSPM 5FTUJOH "VUPNBUJPO 5IF5ISFF1JMMBST

7FSTJPO$POUSPM

5FTUJOH

$POUJOVPVT *OUFHSBUJPO 9'% "VUPNBUJPO ࣗಈԽ "VUPOPNBUJPO ࣗಇԽ

5ISFFMFHHFETUPPM NFUBQIPS ©Artek ( http://www.artek.fi/ )

Clean Dirty Doesn’t work Works The way we work $MFBODPEFUIBUXPSLT

3FGBDUPSJOH Refactoring (noun): a change made to the internal structure
of software to make it easier to understand and cheaper to modify without changing its observable behavior.

5IF&OE

Clean Dirty Doesn’t work Works l$ZDMFzNBUUFSTNPTU The way we work

Red. Write a little test that doesn't work, and perhaps
doesn't even compile at first. Green. Make the test work quickly, committing whatever sins necessary in the process. Refactor. Eliminate all of the duplication created in merely getting the test to work.

Clean Dirty Doesn’t work Works 5IF(PMEFODZDMFPG5%% Red Green Refactoring

Clean Dirty Doesn’t work Works 5IF(PMEFODZDMFPG5%% Red Green Refactoring Impatience

"DVSTFPOUIFXPSElSFGBDUPSJOHz

#JH3FGBDUPSJOH"DDPVOUBCJMJUZ

Clean Dirty Doesn’t work Works %FWXJUIPVU3FGBDUPSJOH %FWXJUIPVU$MFBO$PEF Red Green

Clean Dirty Doesn’t work Works %PO`UMFUSFGBDUPSJOHBMPOF Red Green Refactoring

"HBJO$ZDMFNBUUFSTNPTU

8IZ 8IBU 8IP 8IBUTIPVME JUCF )PXUPNBLF BOELFFQ UIFNDMFBO $POUJOVPVT %FMJWFSZ
"DDFQUBODF 5FTU 6OJU5FTU #Z&JKJ*FOBHB

8IZ 6OJU5FTUT

Unit Integration E2E Scale Amount of Feedback Internal Quality External
Quality

External Quality: Correctness, Usability, Efficiency, Reliability, Integrity, Adaptability, Accuracy, Robustness
Internal Quality: Maintainability, Flexibility, Portability, Re-usability, Readability, Testability, Understandability

l"VUPNBUFE5FTU1ZSBNJEzCZ.JLF$PIO

l5FTU4J[FTzBU(PPHMF IUUQTUFTUJOHHPPHMFCMPHDPNUFTUTJ[FTIUNM

medium small large Define SML on your own

l'*345z 'JWFSVMFTPGDMFBOUFTUT

'BTU *OEFQFOEFOU 3FQFBUBCMF 4FMG7BMJEBUJOH 5JNFMZ

l"53*1z 1SPQFSUJFTPG(PPE5FTUT

"VUPNBUFE 5IPSPVHI 3FQFBUBCMF *OEFQFOEFOU 1SPGFTTJPOBM

*OUFSTFDUJPOPG '*345 BOE "53*1

'BTU *OEFQFOEFOU 3FQFBUBCMF 4FMG7BMJEBUJOH 5JNFMZ "VUPNBUFE 5IPSPVHI 3FQFBUBCMF *OEFQFOEFOU 1SPGFTTJPOBM

ʰY6OJU5FTU1BUUFSOTʱ .BJOUFOBODF$PTU PG5FTUDPEF *EFBM 3FBMJUZ

The code you write for a unit test is real;
some may argue it's even more real than the code you ship to customers. This means that it must be written and maintained to the same professional standards as your production code. Test code is real code.

Clean Dirty Doesn’t work Works 3FDBQ5IF(PMEFODZDMFPG5%% Red Green Refactoring

TDD can't guarantee that we will have flashes of insight
at the right moment. However, confidence-giving tests and carefully factored code give us preparation for insight, and preparation for applying that insight when it comes. ─ Kent Beck

5IBOLZPV BDUT@BT@QSPGFTTJPOBM

動作するきれいなコード / Clean code that works - SeleniumConf Tokyo 2019

動作するきれいなコード / Clean code that works - SeleniumConf Tokyo 2019

More Decks by Takuto Wada

Other Decks in Programming

Featured

Transcript