Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ESLintとCyclomatic complexityの話

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

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
Nice to meet you, Deno!
90f8b0a76f7dc881ae2e10aaf91c62d0?s=48 yahooshiken
0
88
コンポーネント管理の失敗とこれからのやっていき💪
90f8b0a76f7dc881ae2e10aaf91c62d0?s=48 yahooshiken
2
510
2019/07/11_POLを支えるProduct teamとmonday.com
90f8b0a76f7dc881ae2e10aaf91c62d0?s=48 yahooshiken
1
62
採用活動は究極のオンボーディングである
90f8b0a76f7dc881ae2e10aaf91c62d0?s=48 yahooshiken
1
740
エンジニアインターンが考えるマネジメントキャリアパス
90f8b0a76f7dc881ae2e10aaf91c62d0?s=48 yahooshiken
0
1.5k

Other Decks in Programming

See All in Programming
Amazon SageMakerでImagenを動かして猫画像生成してみた
5426a03f740cd61fa5e0d4bfdb7a6cc8?s=48 hotoke_neko
0
130
Efficient UI testing in Android
2b0404a5db1a74f01bf3bf94d142e28c?s=48 alexzhukovich
2
130
Amazon Lookout for Visionで 筆跡鑑定してみた
B3cc0e7ba8e6c941f08a2e6f69d3e4c2?s=48 cmnakamurashogo
0
180
There's an API for that!
6b6e72d297aa0270654a0d4575f1287e?s=48 mariatta
PRO
0
110
SwiftUIで「意図」を伝える / swiftui_intention
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
2
150
Pythonによる開発をアップデートするライブラリの紹介
4b46b5f1acab7f5a64c0036c1fc39f31?s=48 daikikatsuragawa
1
1.3k
kintone × LINE Bot で餃子検定Botを作った話
9452778272d5d1a19e897f4b75204fb2?s=48 naberina
0
350
Records の使い方はこれでいいの？
をみんなで考えたい / Java DO #20
8c6c1f0c4c41d0640ade76bd71e9e475?s=48 gishi_yama
0
130
Register-based calling convention for Go functions
86d54dc23ace2b5920f7d5777949ed8f?s=48 cjamhe01385
0
420
Pythonで鉄道指向プログラミング
Cc15f7fbb06e96bdb56992e3d42ea8cd?s=48 usabarashi
0
140
Getting Started With Data Structures
Fbe54abf4094d19f1548783d072a7fa7?s=48 adoranwodo
1
270
Cloudflare WorkersでGoのHTTPサーバーを動かすライブラリを作った話
5e511bb6d01d856b4ec7a0e5b1f6a2f0?s=48 syumai
0
150

Featured

See All Featured
Code Reviewing Like a Champion
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
506
37k
How New CSS Is Changing Everything About Graphic Design on the Web
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
213
11k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
In The Pink: A Labor of Love
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
131
21k
Building Better People: How to give real-time feedback that sticks.
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
344
17k
Visualization
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
125
12k
Why You Should Never Use an ORM
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
47
7.7k
Practical Orchestrator
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
178
8.7k
Testing 201, or: Great Expectations
A9704266587836f7e784235e5073b93e?s=48 jmmastey
21
5.5k
Clear Off the Table
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
79
290k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.3k
Automating Front-end Workflow
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1351
200k

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