1ๆœˆ17ๆ—ฅใฏ[ใŠใ‚€ใ™ใณใฎๆ—ฅ](http://www.nnh.to/01/17.html)ใ€ๅกฉใซใŽใ‚Šใจใƒ•ใ‚กใƒŸใƒใ‚ญใฏใ‚ˆใๅˆใ† 1ๆœˆ17ๆ—ฅใฏใŠใ‚€ใ™ใณใฎๆ—ฅใ€ๅกฉใซใŽใ‚Šใจใƒ•ใ‚กใƒŸใƒใ‚ญใฏใ‚ˆใๅˆใ†

้€ๅˆฅไผš

้€ๅˆฅไผšใ‚’ใ—ใŸใ€‚่ฉฑใ‚’่žใ„ใฆใฟใ‚‹ใจใจใฆใ‚‚ๅ‰ๅ‘ใใงๆฌกใฉใ†ใ™ในใใ‹ใ‚’่€ƒใˆใฆใ„ใฆใ€่žใ„ใฆใ„ใฆใ™ใ”ใ„ใชใใจๆ„Ÿใ˜ใŸใ€‚ใฉใ‚“ใชๅ ดๆ‰€ใงใ‚‚ใ†ใพใใ‚„ใฃใฆใ„ใ‘ใใ†ใ ใชใจๆ€ใฃใŸใฎใงๅƒ•ใ‚‚้ ‘ๅผตใฃใฆใปใ—ใ„๏ผใพใ‘ใชใ„ใž๏ผใจใ„ใ†ๆฐ—ๆŒใกใซใชใฃใŸใ€‚

ๅˆฅใซ่ปข่ท่‡ชไฝ“ใฏๆ‚ชใ„ใ“ใจใงใฏใชใ„ใจๅ€‹ไบบ็š„ใซใฏๆ€ใฃใฆใ„ใ‚‹ใ€‚่‡ชๅˆ†ใฎไบบ็”Ÿใ‚’ใซใŠใ„ใฆใใฎๆ™‚ๆœ€ๅ–„ใ ใฃใŸใ‚‚ใฎใŒไปŠใฏใใ†ใ˜ใ‚ƒใชใ„ใ€ใ ใ‹ใ‚‰ใ“ใ‚Œใ‹ใ‚‰ใฏ้•ใฃใŸใƒ†ใƒผใƒžใง้•ใ†้“ใ‚’ๆญฉใ‚€ใ€ใฃใฆใ„ใ†ใ“ใจใชใฎใ ใ‹ใ‚‰ (ๅ€‹ไบบ่งฃ้‡ˆ) ็ด ๆ™ดใ‚‰ใ—ใ„ใ“ใจใงใ‚ใ‚‹ใ€‚

ReactใฎUIใƒฉใ‚คใƒ–ใƒฉใƒชไฝ•ใซใ—ใ‚ˆๅ•้กŒ

ใกใ‚‡ใฃใจๅ‰ใพใงSemantic-UI-Reactใ‚’ๅคš็”จใ—ใฆใŸใ‚“ใ ใ‘ใฉๆœ€่ฟ‘ใฏMaterial-UIใ‚’ใ‚ˆใไฝฟใฃใฆใ‚‹ใ€‚็†็”ฑใฏใ€Material-UIใฎๅฎŒๆˆๅบฆใŒ้ซ˜ใใชใฃใฆใใฆไฝฟใ„ๅ‹ๆ‰‹ใŒ่‰ฏใใชใฃใฆใใŸใ‹ใ‚‰ใ€‚ๅ˜ไฝ“ใงใฎๅฎŒๆˆๅบฆใ‚‚ใ‚ใ‚‹ใŒใ€ไพ‹ใˆใฐใ‚ขใ‚คใ‚ณใƒณใชใ‚“ใ‹ใฏFontAwesomeใชใ‚“ใ‹ใจใ‚‚็ฐกๅ˜ใซ้€ฃๆบใงใใ‚‹ใ‚ˆใ†ใซใชใฃใŸใ‚Šใจใ‹ใ€็‹ฌ่‡ชใ‚นใ‚ฟใ‚คใƒซใ‚’ๅฝ“ใฆใŸใ„ใจใใฏstyled-componentsใงใ„ใ„ๆ„Ÿใ˜ใซใ‚„ใ‚Œใ‚‹ใ€‚ใ—ใ‹ใ‚‚ใใ‚Œใ‚‰ใฎใ„ใ„ๆ„Ÿใ˜ใฎ้€ฃๆบๆ–นๆณ•ใŒใƒ‰ใ‚ญใƒฅใƒกใƒณใƒˆใซใ‚ใฃใŸใ‚Šใ™ใ‚‹ใฎใง่ฆชๅˆ‡ใ€‚

ใŸใ UIใ‚’ๆไพ›ใ™ใ‚‹ใ ใ‘ใ˜ใ‚ƒใชใใฆใใฎๅ…ˆใฎใƒฆใƒผใ‚ถใƒผใŒใ‚‚ใฃใจๆ‹กๅผตใ—ใŸใ„ใ ใ‚ใ†ใชใ€ใ“ใ†ใ„ใ†ไฝฟใ„ๆ–นใจใ‹ใƒ‹ใƒผใ‚บใ‚ใ‚‹ใ ใ‚ใ†ใชใฃใฆใฎใ‚’ใกใ‚ƒใ‚“ใจใƒ‰ใ‚ญใƒฅใƒกใƒณใƒˆใซ่ฝใจใ—ใฆใ„ใ‚‹ใ“ใจใซๆ„Ÿๅ‹•ใ‚’่ฆšใˆใŸใ€‚