ESLintとCyclomatic complexityの話

90f8b0a76f7dc881ae2e10aaf91c62d0?s=47 Kenya Hoshi
July 13, 2019
Programming
0
170

ESLintとCyclomatic complexityの話

ESLintを使って、JavaScriptのコード内でCyclomatic complexity（循環的複雑度）が高い箇所を特定するお話です。

90f8b0a76f7dc881ae2e10aaf91c62d0?s=128

Kenya Hoshi

July 13, 2019
Tweet

More Decks by Kenya Hoshi

See All by Kenya Hoshi
90f8b0a76f7dc881ae2e10aaf91c62d0?s=48 yahooshiken
0
53
90f8b0a76f7dc881ae2e10aaf91c62d0?s=48 yahooshiken
2
360
90f8b0a76f7dc881ae2e10aaf91c62d0?s=48 yahooshiken
0
56
90f8b0a76f7dc881ae2e10aaf91c62d0?s=48 yahooshiken
1
41
90f8b0a76f7dc881ae2e10aaf91c62d0?s=48 yahooshiken
1
420
90f8b0a76f7dc881ae2e10aaf91c62d0?s=48 yahooshiken
0
1.4k

Other Decks in Programming

See All in Programming
Acb6390b6c4b5192f40e10601b63dafc?s=48 twkiiim
0
1.1k
75486cbfd37125f121cf4a6c5614601c?s=48 hideokamoto
1
100
1405a601755e5fcbfdc93a2560368bb1?s=48 freddi
1
200
F9e11bea0c22333596791dd0696f5d4f?s=48 daiksy
0
1.2k
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
1
940
70b07e6b7fe7d921d7ac542d0ccb3b2c?s=48 kdmsnr
6
2.9k
4d78b749c315e21a956053dcbf0508a9?s=48 po3rin
1
130
018058d75600e02954f48b471765ae3a?s=48 yuki384
0
170
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
1
180
A10e41b0a61d59f2258d7f6172c33479?s=48 kaityo256
0
420
1763273018a6f71ffe4162dd57b60a56?s=48 maryang
0
390
Fc96157614ee73039c4a575906167979?s=48 fukumura
0
260

Featured

See All Featured
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
2
410
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
55
5.1k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
154
11k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
86
11k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
163
18k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
144
6.4k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
142
19k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
1
25
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
205
9.9k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
115
4.7k
78b475797a14c84799063c7cd073962f?s=48 holman
458
270k
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
497
36k

Transcript

  1. &4-JOUͱ $ZDMPNBUJDDPNQMFYJUZͷ࿩ !ZBIPPTIJLFO 4VTUBJOBCMF'SPOUFOE

  2. ࣗݾ঺հ w ੕ໂᜌ݈໵)PTIJNVSF,FOZB w !ZBIPPTIJLFO w প௡ߴઐˠେࡕେֶجૅ޻ֶ෦೥ٳֶத w גࣜձࣾ10-ΤϯδχΞ w

    Likes:8FC'SPOUFOE 3FBDU 5ZQF4DSJQU  &MN )3 4BB4 .BOBHFNFOU

  3. ʮྑ͍ʯίʔυͱ͸ʁ ಥવͰ͕͢ʜ

  4. 8IBU`Tl$MFBO$PEFz ࢲ͸ɺࣗ෼ͷίʔυ͕ΤϨΨϯτͰޮ཰ྑ͍͜ͱΛ޷Έ·͢ɻ ϩδοΫ͸όά͕ೖΓࠐΈʹ͍͘Α͏ʹ୯७Ͱ͋Δ΂͖Ͱɺ ґଘੑ͸อक͕༻ҙͱͳΔΑ͏ʹ࠷খݶʹ͢΂͖Ͱ͋Γɺ Τϥʔॲཧ͸Ұ࿈ͷઓུʹଇͬͯ׬શͰͳ͚Ε͹ͳΒͣɺ ޙʑɺଞͷਓ͕ཧ࿦ʹཪଧͪ͞Ε͍ͯͳ͍࠷దԽΛߦ͏ ༠࿭ʹ͔ΒΕͯɺίʔυ͕͙ͪΌ͙ͪΌʹͳͬͯ͠·Θͳ͍Α͏ɺ ࣮ߦޮ཰͸࠷ߴʹ͍ۙ΋ͷͰͳ͚Ε͹ͳΓ·ͤΜɻ ΫϦʔϯίʔυͱ͸ͭͷ͜ͱΛ্ख͘΍Δ͜ͱͰ͢ɻ #KBSOF4USPVTUSVQ

  5. ։ൃऀʹͱͬͯʮྑ͍ʯίʔυ Մಡੑ͕ߴ͍ʢSFBEBCMFʣ อकੑ͕ߴ͍ʢNBJOUBJOBCMFʣ ϘΫ͕ࢥ͏

  6. ͦΜͳ؆୯ʹʮྑ͍ʯίʔυ͸
 ॻ͚ͳ͍ ͱ͸͍͑ɺ

  7. ͳ͔ͥʁ

  8. None

  9. ͜͜Ͱ؀ڥ൜ࡑֶͷ࿩Λ ࣏͕҆ѱԽ͢Δ·Ͱʹ͸࣍ͷܦաΛͨͲΔɻ ݐ෺ͷ૭͕յΕ͍ͯΔͷΛ์ஔ͢ΔͱɺͦΕ͕ʮ୭΋౰֘஍۠ʹ ରؔ͠৺Λ෷͍ͬͯͳ͍ʯͱ͍͏αΠϯͱͳΓɺ൜ࡑΛى͜͠΍͢ ͍؀ڥΛ࡞Γग़͢ɻ ΰϛͷϙΠࣺͯͳͲͷܰ൜ࡑ͕ى͖Δɻ ॅຽͷϞϥϧ͕௿Լͯ͠ɺ஍Ҭͷৼڵɺ҆શ֬อʹڠྗ͠ͳ͘ͳ ΔɻͦΕ͕͞Βʹ؀ڥΛѱԽͤ͞Δɻ ڟѱ൜ࡑΛؚΊͨ൜ࡑ͕ଟൃ͢ΔΑ͏ʹͳΔɻ

  10. ιϑτ΢ΣΞ։ൃͷݱ৔Ͱ΋ ࣅͨΑ͏ͳޫܠ͋Γ·ͤΜ͔ʁ

  11. #SPLFO8JOEPX5IFPSZ ࣏҆Λճ෮ͤ͞Δʹ͸ ɾҰݟແ֐Ͱ͋ͬͨΓɺܰඍͳடংҧ൓ߦҝͰ΋औΓక·Δ
 ʢ͝Έ͸͖ͪΜͱ෼ผࣺͯͯ͠ΔͳͲʣ ɾܯ࡯৬һʹΑΔύτϩʔϧ΍ަ௨ҧ൓ͷऔΓక·ΓΛڧԽ͢Δ ɾ஍Ҭࣾձ͸ܯ࡯৬һʹڠྗ͠ɺடংͷҡ࣋ʹ౒ྗ͢Δ

  12. ׂΕͨ૭Λ์ஔ͓͔ͯ͠ͳ͍ #PZ4DPVU3VMF ɾѱ͍ઃܭɺؒҧͬͨҙࢥܾఆɺ࣭ͷѱ͍ίʔ υ͸ɺൃݟͱಉ࣌ʹશͯम෮͢Δ ɾ΋͠ਖ਼͘͠म෮͢Δ͚ͩͷ͕࣌ؒͳ͚Ε ͹ɺͦͷࢫΛΘ͔Γ΍͘͢ίϝϯτͳͲͰ໌ ࣔ͢Δ

  13. -FBWFUIJTXPSMEBMJUUMF CFUUFSUIBOZPVGPVOEJU ࣗ෼͕࠷ॳʹݟͨ࣌ΑΓ΋ɺੈքΛ͍͍৔ॴʹ͢΂͘౒ྗ͠Α͏ 3PCFSU#BEFO1PXFMM

  14. Ͳ͏΍ͬͯιʔείʔυͷ ໰୊Λૣظൃݟ͢Δ͔ʁ ͡Ό͋ɺ

  15. ͦ͜Ͱ

  16. &4-JOUΛ࢖͏ϝϦοτ ຊ࣭తͰ͸ͳ͍ϨϏϡʔ޻਺͕ݮΔ ੩తղੳʹΑΔෆ۩߹ͷൃݟ

  17. &4-JOUΛ࢖͏ϝϦοτ ຊ࣭తͰ͸ͳ͍ϨϏϡʔ޻਺͕ݮΔ ੩తղੳʹΑΔෆ۩߹ͷൃݟ

  18. ຊ࣭తͰ͸ͳ͍ϨϏϡʔ const person = { name: “Steve Jobs”, age: 45

    }; ɾ0CKFDUͷ࠷ޙͷϓϩύςΟʹίϯϚ͸͚ͭͯཉ ͍͠ͳɻHJUͷࠩ෼͕ΑΓΘ͔Γ΍͍͔͢ΒͶɻ ɾϘΫ͸μϒϧΫΥʔτΑΓ΋γϯάϧΫΥʔτͷ ํ͕޷͖ͳΜͩɻ4IJGUΛԡͣ͞ʹೖྗͰ͖Δ͔Β Ͷɻ

  19. ୀ۶ͳ͜ͱ͸&4-JOUʹ΍ΒͤΑ͏ ɾਓ͕ؒϓϩάϥϜͷॻ͖ํͷҧ ͍Λࢦఠ͢Δ͜ͱ͸ɺ݂Ͱ݂Λચ ͏ऴΘΓͷͳ͍૪͍ΛੜΈग़͢ ɾਓؒؔ܎ͷѱԽΛڪΕͯɺࢦఠ Λ͠ͳ͍ͷ͸ιϑτ΢ΣΞͷʮׂ Εͨ૭ʯΛ์ஔ͢Δ͜ͱ ɾຊདྷɺਓ͕ؒ΍Δ΂͖αʔϏε ϩδοΫ΍࢓༷ͷϨϏϡʔʹूத ͠Α͏

  20. &4-JOUΛ࢖͏ϝϦοτ ຊ࣭తͰ͸ͳ͍ϨϏϡʔ޻਺͕ݮΔ ੩తղੳʹΑΔෆ۩߹ͷൃݟ

  21. ੩తղੳͱ͸ʁ ίʔυΛ࣮ߦͤͣʹߦ͏ݕূ ɾίʔυͷՄಡੑʹؔ͢Δ໰୊ ɹɹΠϯσϯτͳͲͷॻࣜҧ൓ ɹɹ໋໊ن໿ҧ൓ ɾίʔυͷෳࡶ͞ͳͲʹؔ͢Δݕূ ɹɹΫϥεɺϝιουͷॲཧͷෳࡶ͞ ɹɹΫϥεؒͷґଘؔ܎

  22. ࠓ೔ͷຊ୊ ΍ͬͱ

  23. $ZDMPNBUJDDPNQMFYJUZ ॥؀తෳࡶ౓

  24. ʮ॥؀తෳࡶ౓ʯͱ͸ʁʁʁ ɾ5IPNBT.D$BCF͕։ൃͨ͠
 ιϑτ΢ΣΞଌఆ๏ͷҰछ ɾϓϩάϥϜͷ੍ޚϑϩʔΛάϥϑͱͯ͠
 දݱ͠ɺܭࢉ͞ΕΔɻ ɾJG FMTF GPS TXJUDI͕ଟ͍෼ذύλʔϯ ͕ଟ͍΄Ͳෳࡶ౓͕ߴ͍

    ɾ॥؀తෳࡶ౓͕ߴ͍΄Ͳɺόάͷࠞೖ཰͕
 ߴ͍ͱݴΘΕ͍ͯΔɻ

  25. &4-JOUͰ $ZDMPNBUJDDPNQMFYJUZ { "complexity": ["error", 10] } Λɺ͋ͳͨͷFTMJOUSDʹ௥Ճ͢Δ͚ͩʂ؆୯ʂ

  26. ෳࡶ౓ΛଌΔπʔϧͰ ͜Μͳͷ΋͋Γ·ͨ͠ ͦͷଞʹ΋

  27. FTBOBMZTJTQMBUP +BWB4DSJQUͷίʔυΛղੳͯ͠ɺίʔυߦ਺΍
 ෳࡶ౓΍εςοϓ਺ͳͲΛՄࢹԽͯ͘͠ΕΔ
 OQNύοέʔδ IUUQTXXXOQNKTDPNQBDLBHFQMBUP

  28. ࣮ࡍͷγεςϜͰݕূͯ͠Έͨ

  29. ࠓճͷݕূର৅γεςϜ ɾ೥݄pSTUDPNNJUͷ3FBDUϓϩδΣΫτ ɾॳظ͸ϑϩϯτΤϯυઐ೚ΤϯδχΞਓ ɾۀ຿ҕୗͱΠϯλʔϯੜͷ׼ͱྦͷ݁থ ɾνʔϜϝϯόʔʮෛ࠴΍͹ͦ͏ʜʯ 

  30. QMBUPͰͷݕূ݁Ռ ສߦʂ ͼͬ͘Γʂ ͓ʁ ҙ֎ͱେৎ෉ʁ

  31. &4-JOUͰͷݕূ݁Ռ ສߦͷதͰFSSPSʂࢥͬͯΑΓগͳ͍ʜ☺

  32. ॥؀తෳࡶ౓ͱόάࠞೖ཰ͷؔ܎ ࢀߟɿIUUQTXXXJOGPRDPNOFXTDZDMPNBUJDDPNQMFYJUZ ॥؀తෳࡶ౓ όάࠞೖ֬཰

  33. ·ͱΊ ɾϦϑΝΫλϦϯάΛͲ͔͜ΒखΛ෇͚Δ͔ͷ ํ਑ΛܾΊΔ൑அࡐྉ͕ू·ͬͨʂ ɹϦϑΝΫλલޙͰ਺஋͕Ͳ͏ͳΔָ͔͠Έ ɾνʔϜϝϯόʔͷίʔυʹରͯ͠ͷةػҙࣝ ͕ߴ·ͬͨ ɹΞʔΩςΫνϟ࡮৽ϓϩδΣΫτ࢝ಈʂ 

  34. 5IBOLT