React็’ฐๅขƒๆง‹็ฏ‰ใฎๆ•™็ง‘ๆ›ธ

ยท ใ‚คใƒณใƒ—ใƒฌใ‚น NextPublishing
แžŸแŸ€แžœแž—แŸ…โ€‹แžขแŸแžกแžทแž…แžแŸ’แžšแžผแž“แžทแž…
111
แž‘แŸ†แž–แŸแžš

แžขแŸ†แž–แžธแžŸแŸ€แžœแž—แŸ…โ€‹แžขแŸแžกแžทแž…แžแŸ’แžšแžผแž“แžทแž€แž“แŸแŸ‡

ๆœฌๆ›ธใฏReactใ‚’ใƒ†ใƒผใƒžใซใ€Webใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰้–‹็™บใฎ็’ฐๅขƒๆง‹็ฏ‰ใ‚’1ใค1ใคไธๅฏงใซ่งฃ่ชฌใ—ใพใ™ใ€‚็‰นใซ่จญๅฎšใŒ่ถณใ‚Šใชใ„็Šถๆ…‹ใงๅ‹•ใ‹ใ™ใจใฉใ†ใชใ‚‹ใฎใ‹ใ€ใชใœใใฎ่จญๅฎšใŒๅฟ…่ฆใชใฎใ‹ใซใคใ„ใฆ่ธใฟ่พผใ‚“ใง่ชฌๆ˜Žใ—ใฆใ„ใพใ™ใ€‚็’ฐๅขƒๆง‹็ฏ‰ใฎ้›ฃใ—ใ•ใฏใ€่จญๅฎšใ‚’ใฉใ‚Œใ‹1ใคใงใ‚‚้–“้•ใˆใ‚‹ใจๅ‹•ใ‹ใชใ„ใ“ใจใซใ‚ใ‚Šใพใ™ใ€‚ใใฎใŸใ‚ใ€็’ฐๅขƒๆง‹็ฏ‰ใ‚’ใ™ใ‚‹้š›ใฏ1ใค1ใคใฎ่จญๅฎšใง่‡ชๅˆ†ใŒไฝ•ใ‚’ใ—ใฆใ„ใ‚‹ใฎใ‹ใ‚’ๆญฃ็ขบใซๆŠŠๆกใ—ใชใ‘ใ‚Œใฐใ„ใ‘ใพใ›ใ‚“ใ€‚ใ“ใฎๆœฌใงใฏๆš—้ป™็š„ใซใ€Œใใ†ใ„ใ†ใ‚‚ใฎใ ใ‹ใ‚‰ใ€ใจๆ€ใ‚ใ‚ŒใŒใกใช่จญๅฎšใซๆณจ็›ฎใ—ใ€่งฃ่ชฌใ—ใพใ™ใ€‚ใฉใฎ่จญๅฎšใ‚’่ถณใ•ใชใ‘ใ‚Œใฐๅ‹•ใ‹ใชใ„ใฎใ‹ใ€ใ‚ตใƒณใƒ—ใƒซใ‚ณใƒผใƒ‰ใ‚’็คบใ—ใชใŒใ‚‰ๅญฆใถใ“ใจใŒใงใใพใ™ใ€‚
ใ€็›ฎๆฌกใ€‘
็ฌฌ1็ซ ใ€€Node.jsใ‚’ไฝฟใฃใŸใƒ“ใƒซใƒ‰็’ฐๅขƒๆ•ดๅ‚™
็ฌฌ2็ซ ใ€€Babelใ‚’ไฝฟใฃใŸใƒˆใƒฉใƒณใ‚นใƒ‘ใ‚คใƒซ
็ฌฌ3็ซ ใ€€TypeScriptใ‚’ไฝฟใฃใŸใ‚ณใƒณใƒ‘ใ‚คใƒซ
็ฌฌ4็ซ ใ€€webpackใ‚’ไฝฟใฃใŸใƒใƒณใƒ‰ใƒซใจใƒ“ใƒซใƒ‰
็ฌฌ5็ซ ใ€€ESLintใ‚’ไฝฟใฃใŸ้™็š„่งฃๆž
็ฌฌ6็ซ ใ€€Prettierใ‚’ไฝฟใฃใŸใƒ•ใ‚ฉใƒผใƒžใƒƒใƒˆ
็ฌฌ7็ซ ใ€€Storybookใ‚’ไฝฟใฃใŸใ‚ณใƒณใƒใƒผใƒใƒณใƒˆ็ฎก็†
็ฌฌ8็ซ ใ€€Jestใ‚’ไฝฟใฃใŸใƒ†ใ‚นใƒˆ
็ฌฌ9็ซ ใ€€0ใ‹ใ‚‰็’ฐๅขƒใ‚’ไฝœใฃใฆใฟใ‚‹
ไป˜้ŒฒAใ€€ใƒใƒผใ‚ธใƒงใƒณใฎ่ฟฝๅพ“

แžขแŸ†แž–แžธโ€‹แžขแŸ’แž“แž€แž“แžทแž–แž“แŸ’แž’

็ด„3ๅนด้–“ใ€ๅคงๆ‰‹ไบ‹ๆฅญไผš็คพใซใฆๅ–ถๆฅญใ‚„้–‹็™บใ‚’็ตŒ้จ“ใ—ใ€็พๅœจใฏใƒ•ใƒชใƒผใƒฉใƒณใ‚นใจใ—ใฆ็‹ฌ็ซ‹ใ€‚2019ๅนด2ๆœˆใ‹ใ‚‰ๆ ชๅผไผš็คพTechBowlใŒๆไพ›ใ™ใ‚‹TechTrainใงใƒกใƒณใ‚ฟใƒผใ‚’ๅง‹ใ‚ใ‚‹ใ€‚2019ๅนด7ๆœˆใซใฏๆ ชๅผไผš็คพKaizen Platformใซใฆ็คพๅ†…ๆจชๆ–ญใฎใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰้–‹็™บๅŸบ็›คใƒปใƒ†ใ‚นใƒˆๅŸบ็›คใฎ่จญ่จˆใƒป้–‹็™บใƒปไฟๅฎˆใ‚’ๆ‹…ๅฝ“ใ™ใ‚‹ใ€‚็พๅœจใฏๆ–ฐใ‚ขใƒผใ‚ญใƒ†ใ‚ฏใƒใƒฃ็งป่กŒใซๅ‘ใ‘ใŸใƒ†ใ‚นใƒˆใ‚„ใƒ‰ใ‚ญใƒฅใƒกใƒณใƒˆใฎๆ•ดๅ‚™ใ€ใƒ‘ใƒƒใ‚ฑใƒผใ‚ธใ‚ฌใƒผใƒ‡ใƒ‹ใƒณใ‚ฐใจใใฎ่ชฟๆŸปใซๅพ“ไบ‹ใ—ใฆใ„ใ‚‹ใ€‚

แžขแžถแž“โ€‹แž–แŸแžแŸŒแž˜แžถแž“

แž‘แžผแžšแžŸแž–แŸ’แž‘แž†แŸ’แž›แžถแžแžœแŸƒ แž“แžทแž„โ€‹แžแŸแž”แŸ’แž›แŸแž
แžŠแŸ†แžกแžพแž„แž€แž˜แŸ’แž˜แžœแžทแž’แžธ Google Play Books แžŸแž˜แŸ’แžšแžถแž”แŸ‹ Android แž“แžทแž„ iPad/iPhone แŸ” แžœแžถโ€‹แž’แŸ’แžœแžพแžŸแž˜แž€แžถแž›แž€แž˜แŸ’แž˜โ€‹แžŠแŸ„แž™แžŸแŸ’แžœแŸแž™แž”แŸ’แžšแžœแžแŸ’แžแžทแž‡แžถแž˜แžฝแž™โ€‹แž‚แžŽแž“แžธโ€‹แžšแž”แžŸแŸ‹แžขแŸ’แž“แž€โ€‹ แž“แžทแž„โ€‹แžขแž“แžปแž‰แŸ’แž‰แžถแžแžฑแŸ’แž™โ€‹แžขแŸ’แž“แž€แžขแžถแž“แž–แŸแž›โ€‹แž˜แžถแž“แžขแŸŠแžธแž“แž’แžบแžŽแžทแž แžฌแž‚แŸ’แž˜แžถแž“โ€‹แžขแŸŠแžธแž“แž’แžบแžŽแžทแžโ€‹แž“แŸ…แž‚แŸ’แžšแž”แŸ‹แž‘แžธแž€แž“แŸ’แž›แŸ‚แž„แŸ”
แž€แžปแŸ†แž–แŸ’แž™แžผแž‘แŸแžšโ€‹แž™แžฝแžšแžŠแŸƒ แž“แžทแž„แž€แžปแŸ†แž–แŸ’แž™แžผแž‘แŸแžš
แžขแŸ’แž“แž€แžขแžถแž…แžŸแŸ’แžŠแžถแž”แŸ‹แžŸแŸ€แžœแž—แŸ…แž‡แžถแžŸแŸ†แžกแŸแž„แžŠแŸ‚แž›แž”แžถแž“แž‘แžทแž‰แž“แŸ…แž€แŸ’แž“แžปแž„ Google Play แžŠแŸ„แž™แž”แŸ’แžšแžพแž€แž˜แŸ’แž˜แžœแžทแž’แžธแžšแžปแž€แžšแž€แžแžถแž˜แžขแŸŠแžธแž“แž’แžบแžŽแžทแžแž€แŸ’แž“แžปแž„แž€แžปแŸ†แž–แŸ’แž™แžผแž‘แŸแžšแžšแž”แžŸแŸ‹แžขแŸ’แž“แž€แŸ”
eReaders แž“แžทแž„โ€‹แžงแž”แž€แžšแžŽแŸโ€‹แž•แŸ’แžŸแŸแž„โ€‹แž‘แŸ€แž
แžŠแžพแž˜แŸ’แž”แžธแžขแžถแž“แž“แŸ…แž›แžพโ€‹แžงแž”แž€แžšแžŽแŸ e-ink แžŠแžผแž…แž‡แžถโ€‹แžงแž”แž€แžšแžŽแŸแžขแžถแž“โ€‹แžŸแŸ€แžœแž—แŸ…แžขแŸแžกแžทแž…แžแŸ’แžšแžผแž“แžทแž€ Kobo แžขแŸ’แž“แž€แž“แžนแž„แžแŸ’แžšแžผแžœโ€‹แž‘แžถแž‰แž™แž€โ€‹แžฏแž€แžŸแžถแžš แž แžพแž™โ€‹แž•แŸ’แž‘แŸแžšแžœแžถแž‘แŸ…โ€‹แžงแž”แž€แžšแžŽแŸโ€‹แžšแž”แžŸแŸ‹แžขแŸ’แž“แž€แŸ” แžŸแžผแž˜แžขแž“แžปแžœแžแŸ’แžแžแžถแž˜โ€‹แž€แžถแžšแžŽแŸ‚แž“แžถแŸ†แž›แž˜แŸ’แžขแžทแžแžšแž”แžŸแŸ‹แž˜แž‡แŸ’แžˆแž˜แžŽแŸ’แžŒแž›แž‡แŸ†แž“แžฝแž™ แžŠแžพแž˜แŸ’แž”แžธแž•แŸ’แž‘แŸแžšแžฏแž€แžŸแžถแžšโ€‹แž‘แŸ…แžงแž”แž€แžšแžŽแŸแžขแžถแž“แžŸแŸ€แžœแž—แŸ…โ€‹แžขแŸแžกแžทแž…แžแŸ’แžšแžผแž“แžทแž€แžŠแŸ‚แž›แžŸแŸ’แž‚แžถแž›แŸ‹แŸ”