inflearn logo
็Ÿฅ่ญ˜ๅ…ฑๆœ‰
inflearn logo

ๅฎŸๅ‹™ใซใ™ใใซ้ฉ็”จใงใใ‚‹ใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰ใƒ†ใ‚นใƒˆ - 1้ƒจใ€‚ใƒ†ใ‚นใƒˆใฎๅŸบ็คŽ๏ผšๅ˜ไฝ“ใƒ†ใ‚นใƒˆใƒป็ตๅˆใƒ†ใ‚นใƒˆ

ใ“ใฎ่ฌ›็พฉใ‚’้€šใ—ใฆใ€ใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰ใƒ†ใ‚นใƒˆใฎๅ…จไฝ“็š„ใช็จฎ้กžใ‚’ๆŠŠๆกใ—ใ€็ŠถๆณใซๅˆใฃใŸ้ฉๅˆ‡ใชใƒ†ใ‚นใƒˆใ‚’้ธๆŠžใ™ใ‚‹ใ“ใจใงใ€ไฟก้ ผๆ„Ÿใฎใ‚ใ‚‹ใƒ†ใ‚นใƒˆใ‚’ไฝœๆˆใ™ใ‚‹ๆ–นๆณ•ใ‚’ๅญฆใณใพใ™ใ€‚

้›ฃๆ˜“ๅบฆ ๅˆ็ดš

ๅ—่ฌ›ๆœŸ้–“ ็„กๅˆถ้™

Software Test
Software Test
JavaScript
JavaScript
React
React
vitest
vitest
Software Test
Software Test
JavaScript
JavaScript
React
React
vitest
vitest

ใŠ็Ÿฅใ‚‰ใ›

3 ไปถ

  • hanjungv๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ใ“ใ‚“ใซใกใฏ๏ผ
    ่ฌ›็พฉใŒใƒชใƒชใƒผใ‚นใ•ใ‚Œใ€ใ“ใ“ๆ•ฐใƒถๆœˆ้–“ใ€vitestใ€storybookใ€cypressใฎใƒใƒผใ‚ธใƒงใƒณใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใŒใ‚ใ‚Šใพใ—ใŸใ€‚

    ๅฎŸ้š›ใซ่จญๅฎšใ‚„ไฝœๆˆๆ–นๆณ•ใŒๅคงๅน…ใซๅค‰ๆ›ดใ•ใ‚ŒใŸ้ƒจๅˆ†ใŒใชใใ€ใ™ใฐใ‚„ใใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใฏใ•ใ›ใพใ›ใ‚“ใงใ—ใŸใŒใ€่จญๅฎšใซๅฝน็ซ‹ใคใ‚ˆใ†ใซใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใ—ใฆใŠใใพใ—ใŸใ€‚

    ๅคงๅน…ใซๅค‰ๆ›ดใ•ใ‚ŒใŸๅ†…ๅฎนใฏstorybook-addon-react-router-v6ไพๅญ˜ใ‚’storybook-addon-remix-react-routerใซๅค‰ๆ›ดใ•ใ‚ŒใฆใŠใ‚Šใ€ๅคงใใๅค‰ใ‚ใฃใŸๅ†…ๅฎนใฏใ‚ใ‚Šใพใ›ใ‚“ใฎใงใ”ๅ‚่€ƒใใ ใ•ใ„ใ€‚

    ๆฎ‹ใ‚Šใฎใƒฉใ‚คใƒ–ใƒฉใƒชไพๅญ˜ใฎๅค‰ๅŒ–ใซใฏไปฅไธ‹ใฎๅ†…ๅฎนใŒใ‚ใ‚Šใพใ™ใ€‚

    • node: 19 -> 20

    • vitest: 0 -> 2

    • storybook: 7 -> 8

    • cypress: 12 -> 13

    • ใ‚ขใ‚ฏใ‚ทใƒงใƒณใƒใƒผใ‚ธใƒงใƒณใฎๆ›ดๆ–ฐ

    latestใƒ–ใƒฉใƒณใƒใง็ขบ่ชใงใใพใ™ใฎใงๅ‚่€ƒใซใ—ใฆใใ ใ•ใ„๏ผ

    ใ•ใ‚‰ใซๆ™‚้–“ใŒ็ตŒใคใซใคใ‚ŒใฆRQใฎใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใ‚„ใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆๆง‹้€ ใฎ้ƒจๅˆ†ใ‚‚ๆ”นๅ–„ใŒๅฟ…่ฆใชๅ ดๅˆใฏใ€testใƒ–ใƒฉใƒณใƒใซใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ใ—ใฆใ‹ใ‚‰ๅ†ๅบฆๆŒจๆ‹ถใ™ใ‚‹ใ‚ˆใ†ใซใ—ใพใ™ใ€‚

    ใงใฏใ€ๆฅฝใ—ใ„ใŠ็ฅใ„ใซใชใฃใฆใŠไผ‘ใฟใใ ใ•ใ„ใ€‚ใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™๏ผ

    0
  • hanjungv๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ใ“ใ‚“ใซใกใฏ๏ผ่ฌ›็พฉใง็ดนไป‹ใ—ใฆใ„ใ‚‹mswใฎใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใŒใ‚ใ‚Šใ€ๅ…ฑๆœ‰ใ—ใพใ™ใ€‚

    msw 2.0ใŒใƒชใƒชใƒผใ‚นใ•ใ‚Œใฆใ‹ใ‚‰3ใƒถๆœˆใปใฉใซใชใ‚Šใพใ—ใŸใ€‚่ฌ›็พฉๆ’ฎๅฝฑใ‚’็ต‚ใˆใ‚‹้€”ไธญใซ็™บๅฃฒใ•ใ‚Œใฆๅฐ‘ใ—ๆˆธๆƒ‘ใ„ใพใ—ใŸใŒ( ๐Ÿ˜‡ ) ใ‚ใ‚‹็จ‹ๅบฆๅฎ‰ๅฎšใ—ใŸใ‚‰ใ‚ณใƒผใƒ‰ใ‚’ๆ›ดๆ–ฐใ—ใฆๅ…ฑๆœ‰ใ‚’ๅทฎใ—ไธŠใ’ใ‚‹ไบˆๅฎšใงใ—ใŸใ€‚

    ๆŠฝ่ฑกๅŒ–ใƒฌใƒ™ใƒซใŒๅค‰ใ‚ใ‚‹ใซใคใ‚Œใฆใ€APIไป•ๆง˜ใŒๅคงใ€…็š„ใซๅค‰ใ‚ใ‚Šใ€ReadableStreamใธใฎใ‚ตใƒใƒผใƒˆใ€ESMไบ’ๆ›ใชใฉใฎๅ†…ๅฎนใŒ่ฟฝๅŠ ใ•ใ‚Œใพใ—ใŸใ€‚ไธ€่ฆ‹ใ™ใ‚‹ใจๅคงใใๅค‰ใ‚ใฃใŸใ‚ˆใ†ใซ่ฆ‹ใˆใพใ™ใŒใ€ๆ€ใฃใŸใ‚ˆใ‚Šๅค‰ๅŒ–ใฏๅคงใใใชใๅ€‹ไบบ็š„ใซไฝฟใฃใฆใฟใ‚‹ใ‹ใ‚‰ใšใฃใจๆ˜Ž็ขบใซใชใฃใฆใ‚ˆใ‹ใฃใŸใงใ™ใญ๏ผ

    ่ฌ›็พฉใ‚’ๅ—่ฌ›ใ•ใ‚Œใ‚‹ๆ–นใ€…ใŒๆททไนฑใ—ใชใ„ใ‚ˆใ†ใซใƒ–ใƒฉใƒณใƒใ‚’ๅˆ†ใ‘ใฆๆ›ดๆ–ฐใ—ใพใ—ใŸใฎใงใ€ๅ†…ๅฎนใ‚’ๅ‚่€ƒใซใ—ใฆไธ€็ท’ใซๅ‹‰ๅผทใ—ใฆใฟใฆใใ ใ•ใ„ใ€‚

    ใงใฏใ€ๆ—ฅใŒๅฏ’ใใชใฃใŸใฎใซ้ขจ้‚ชใซๆฐ—ใ‚’ใคใ‘ใฆ่‰ฏใ„ไธ€ๆ—ฅใซใชใฃใฆใใ ใ•ใ„๏ผ


    โš ใพใ msw-storybook-addonใฎใ‚ตใƒใƒผใƒˆใŒๅฎŒ็’งใซ่กŒใ‚ใ‚Œใฆใ„ใชใ„็Šถๆ…‹ใชใฎใงใ€ใ‚ซใƒŠใƒชใƒผใƒใƒผใ‚ธใƒงใƒณใ‚’้ฉ็”จใ—ใŸ็‚นใ‚’ใ”ไบ†ๆ‰ฟใใ ใ•ใ„ใ€‚

    0
  • hanjungv๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ๏ฝฅ

    ไฟฎๆญฃๆธˆใฟ

    ใ“ใ‚“ใซใกใฏ๏ผๅฎŸๅ‹™ใซใ™ใใซ้ฉ็”จใ™ใ‚‹ใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰ใƒ†ใ‚นใƒˆ่ฌ›็พฉ่ฌ›ๅธซใ‚ณใƒผใƒ‰ใ‚ธใƒงใƒผใ‚ซใƒผใƒปใ‚ชใƒ•ใงใ™ใ€‚

    ใ‚ใ„ใ•ใคใŒๅฐ‘ใ—้…ใ‹ใฃใŸใ€‚
    ๅ…ˆ่ผฉใจๅŒๅƒšใฎ้–‹็™บ่€…ใฎ็š†ๆง˜ใ€ๆ˜Žใ‘ใพใ—ใฆใŠใ‚ใงใจใ†ใ”ใ–ใ„ใพใ™ใ€‚ ๐Ÿ™‡
    ่ฌ›็พฉใŒ็™บๅฃฒใ•ใ‚Œใฆใ‹ใ‚‰ใ€ใ„ใคใฎใพใซใ‹ๆœˆใ‚’ๆŽงใˆใฆใŠใ‚Šใ€ 350ๅˆ†ไปฅไธŠไธ€็ท’ใซใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰ใƒ†ใ‚นใƒˆใซใคใ„ใฆๅ‹‰ๅผทใ—ใฆใ„ใพใ™ใ€‚
    ใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™๏ผ

    ใ‚‚ใ—่ฌ›็พฉใ‚’ๅ—่ฌ›ใ—ใชใŒใ‚‰ๆ‚ฉใฟใซใชใ‚‹้ƒจๅˆ†ใŒ็”Ÿใ˜ใฆใ„ใพใ›ใ‚“ใ‹๏ผŸ
    ใ ใจใ—ใŸใ‚‰ใ€ใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใซไผผใŸๆ‚ฉใฟใ‚’ใ—ใฆใ„ใ‚‹ๆ–นใŒใ„ใ‚‹ใ‹ใฉใ†ใ‹ใ€ไธ€ๅบฆ่ฆ‹ใฆใฟใ‚‹ใจใ„ใ„ใจๆ€ใ„ใพใ™ใ€‚
    ใ‚‚ใ—ใใ†ใงใชใ‘ใ‚Œใฐใ€ๆฅฝใซ่ณชๅ•ใ—ใฆใใ ใ•ใ„๏ผใงใใ‚‹ใ ใ‘ๆ—ฉใ็ขบ่ชใ—ใฆๅ›ž็ญ”ใ•ใ›ใฆใ„ใŸใ ใใพใ™ใ€‚
    ๏ผˆใ“ใ‚Œใพใงใ™ในใฆใฎ่ณชๅ•ใซๅ›ž็ญ”ใ‚’12ๆ™‚้–“ไปฅๅ†…ใซ้€ฒใ‚ใฆใ„ใพใ™ใ€‚๏ผ‰
    ใ™ใงใซๅคšใใฎๆ–นใŒ่ณชๅ•ใ‚’ๆฎ‹ใ—ใฆใใ‚Œใพใ—ใŸใ€‚
    ไธ€็ท’ใซๆ‚ฉใ‚“ใงใฟใ‚‹่ณชๅ•ใ‚‚่ผ‰ใ›ใฆใใ ใ•ใฃใฆๅ‹‰ๅผทใ—ใชใŒใ‚‰ไธ€็ท’ใซ่ฆ‹ใฆใฟใ‚‹ใจๅฝนใซ็ซ‹ใคใ‚ˆใ†ใงใ™ใ€‚
    ๏ผˆ ๐Ÿ’กใ‚ˆใ่ณชๅ•ใŒใ‚ใ‚‹ๅ ดๅˆใฏใ€ไธ€็ท’ใซๅ…ฑๆœ‰ใ™ใ‚‹ใ“ใจใ‚’ๅฟƒ้…ใ—ใฆใฟใพใ—ใ‚‡ใ†ใ€‚๏ผ‰

    • ่ณชๅ•ใ‚’่ฆ‹ใ‚‹๏ผš https ://bit.ly/3NWe78i

    ใใ—ใฆใ€1้ƒจใ‚’ๅ—่ฌ›ใ•ใ‚ŒใŸๆ–นใฎใŸใ‚ใซ้€ฒ่กŒใ—ใฆใ„ใŸๅ‰ฒๅผ•ใ‚ฏใƒผใƒใƒณใฏๅฝ“ๅˆ†่ฟฝๅŠ ใงใ•ใ‚‰ใซ้€ฒ่กŒใ‚’ใ™ใ‚‹ใ“ใจใซใ—ใพใ—ใŸใ€‚
    1้ƒจใ‚’ใ™ในใฆๅ—่ฌ›ใ•ใ‚ŒใŸๅ ดๅˆใฏใ€2้ƒจ่ณผๅ…ฅๅ‰ใซไธ‹่จ˜ใ‚ฏใƒผใƒใƒณใ‚’็™ป้Œฒใ—ใฆใ‹ใ‚‰่ณผๅ…ฅใ™ใ‚‹ใจใ€ใ‚ˆใ‚Šๅฎ‰ใ่ณผๅ…ฅใ™ใ‚‹ใ“ใจใŒใงใใพใ™ใ€‚
    ใ‚ฏใƒผใƒใƒณ็•ชๅทใฏไปฅๅ‰ใจๅŒใ˜ๆŠ•็จฟใซใ‚ณใƒกใƒณใƒˆใจใ—ใฆๆฎ‹ใ—ใพใ—ใŸใ€‚

    ่ฌ›็พฉใŒๅฅฝใใชๆ–นใฏๆ˜ฏ้žๅ—่ฌ›่ฉ•ใ‚’ใŠ้ก˜ใ„ใ—ใพใ™ใ€‚
    ใ“ใฎ่ฌ›็พฉใŒใ‚ใชใŸใŒใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰ใฎใƒ†ใ‚นใƒˆๅญฆ็ฟ’ใซๅฝน็ซ‹ใคใ“ใจใ‚’้ก˜ใฃใฆใ„ใพใ™ใ€‚
    ใใ‚Œใงใฏใ€่‰ฏใ„ไธ€ๆ—ฅใ‚’้Žใ”ใ—ใฆใใ ใ•ใ„๏ผ ๐Ÿ‘‹

    0

๏ฟฅ9,760