่งฃๆฑบๆธˆใฟ: Node.js ใ‚คใƒณใ‚นใƒˆใƒผใƒซ ใƒ‡ใ‚ฃใƒฌใ‚ฏใƒˆใƒชใ‚’็‰นๅฎšใงใใพใ›ใ‚“ใงใ—ใŸ

ใ‚‚ใกใ‚ใ‚“ใ€ใใ‚Œใซ้–ขใ—ใฆใฏใŠๆ‰‹ไผใ„ใงใใพใ™ใ€‚ ๅง‹ใ‚ใพใ—ใ‚‡ใ†ใ€‚

ใ‚ญใƒฃใƒƒใƒˆใ‚ฆใ‚ฉใƒผใ‚ฏ ใ‚ทใƒงใƒผใจใƒ•ใ‚กใƒƒใ‚ทใƒงใƒณใฏไธ€่ˆฌใซใ€ๆฌกใฎใ‚ทใƒผใ‚บใƒณใซไบบๆฐ—ใจใชใ‚‹ใƒˆใƒฌใƒณใƒ‰ใ‚„ใ‚นใ‚ฟใ‚คใƒซใ‚’ๆฑบๅฎšใ—ใพใ™ใ€‚ ใƒ•ใ‚กใƒƒใ‚ทใƒงใƒณใฏ่Šธ่ก“ใงใ‚ใ‚Š่‡ชๅทฑ่กจ็พใฎไธ€ๅฝขๆ…‹ใงใ‚ใ‚Šใ€ๅธธใซๅค‰ๅŒ–ใ—้€ฒๅŒ–ใ—ใพใ™ใŒใ€้ŽๅŽปใฎใ‚นใ‚ฟใ‚คใƒซใ‹ใ‚‰ใ‚คใƒณใ‚นใƒ”ใƒฌใƒผใ‚ทใƒงใƒณใ‚’ๅ—ใ‘ใ‚‹ๅ‚พๅ‘ใ‚‚ใ‚ใ‚Šใพใ™ใ€‚

ใƒ•ใ‚กใƒƒใ‚ทใƒงใƒณใฎๅฐ‚้–€ๅฎถใจใ—ใฆใ€็งใซใฏใ“ใ‚Œใ‚‰ใฎใƒˆใƒฌใƒณใƒ‰ใ‚’่งฃๆ˜Žใ—ใ€ๆญดๅฒใ‚’่งฃ่ชญใ—ใ€ๅคšๆ•ฐใฎใƒ•ใ‚กใƒƒใ‚ทใƒงใƒณ ใ‚นใ‚ฟใ‚คใƒซใฎใ‚นใ‚ฟใ‚คใƒชใƒณใ‚ฐๆˆฆ็•ฅใ‚’่ชฌๆ˜Žใ™ใ‚‹่ƒฝๅŠ›ใŒใ‚ใ‚Šใพใ™ใ€‚ ใ“ใฎ้ญ…ๅŠ›็š„ใชไธ–็•Œใซ้ฃ›ใณ่พผใ‚“ใงใฟใพใ—ใ‚‡ใ†ใ€‚

็ถšใใ‚’่ชญใ‚€

่งฃๆฑบๆธˆใฟ: React Native ใƒ•ใƒƒใ‚ฏใ‚’ใ‚คใƒณใ‚นใƒˆใƒผใƒซใ™ใ‚‹ๆ–นๆณ•

็ขบใ‹ใซใ€ๆฌกใฎใ‚ˆใ†ใช่จ˜ไบ‹ใŒใ‚ใ‚Šใพใ™ใ€‚

React Native ใฏ Facebook ใ‚’ๆดป็”จใ—ใŸ้ฉๆ–ฐ็š„ใชใƒ†ใ‚ฏใƒŽใƒญใ‚ธใƒผใงใ€้–‹็™บ่€…ใฏๅฎŸ้š›ใฎใƒใ‚คใƒ†ใ‚ฃใƒ– ใƒฆใƒผใ‚ถใƒผ ใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚นใ‚’ๆไพ›ใ—ใชใŒใ‚‰ใ€JavaScript ใ‚’ไฝฟ็”จใ—ใฆใƒขใƒใ‚คใƒซ ใ‚ขใƒ—ใƒชใ‚’ๆง‹็ฏ‰ใงใใพใ™ใ€‚ ใ“ใ‚Œใฏใ€JavaScript ใซใ‚ˆใฃใฆๅˆถๅพกใ•ใ‚Œใ‚‹ใƒใ‚คใƒ†ใ‚ฃใƒ– ใ‚ณใƒณใƒใƒผใƒใƒณใƒˆใ‚’็ต„ใฟ่พผใ‚€ใ“ใจใงๅฎŸ็พใ•ใ‚Œใพใ™ใ€‚ ้‡่ฆใชๆฉŸ่ƒฝใฎ XNUMX ใคใฏใ€React ใธใฎๅผทๅŠ›ใช่ฟฝๅŠ ๆฉŸ่ƒฝใงใ‚ใ‚‹ React Native Hooks ใ‚’ไป‹ใ—ใฆใ€ใ‚ฏใƒฉใ‚นใƒ™ใƒผใ‚นใฎใ‚ณใƒณใƒใƒผใƒใƒณใƒˆใงใฏใชใๆฉŸ่ƒฝใ‚ณใƒณใƒใƒผใƒใƒณใƒˆใ‚’ไฝฟ็”จใงใใ‚‹ใ“ใจใงใ™ใ€‚

็ถšใใ‚’่ชญใ‚€

่งฃๆฑบๆธˆใฟ: ้ซ˜้€Ÿ้žๅŒๆœŸใƒใƒณใƒ‰ใƒฉใƒผ

้žๅŒๆœŸใƒใƒณใƒ‰ใƒฉใƒผใฏใ€Web ใ‚ขใƒ—ใƒชใ‚ฑใƒผใ‚ทใƒงใƒณใฎใƒ‘ใƒ•ใ‚ฉใƒผใƒžใƒณใ‚นใ‚’ๅ‘ไธŠใ•ใ›ใ‚‹ๅ„ชใ‚ŒใŸๆ–นๆณ•ใงใ™ใ€‚ ใ“ใฎ่จ˜ไบ‹ใงใฏใ€้ซ˜้€Ÿ้žๅŒๆœŸใƒใƒณใƒ‰ใƒฉใƒผใ‚’ไฝœๆˆใ™ใ‚‹ๆ–นๆณ•ใจใ€ใใ‚Œใ‚’ SEO ็”จใซๆœ€้ฉๅŒ–ใ™ใ‚‹ๆ–นๆณ•ใซใคใ„ใฆ่ชฌๆ˜Žใ—ใพใ™ใ€‚

่งฃๆฑบๆธˆใฟ: vue ใƒใƒผใ‚ธใƒงใƒณใ‚’ๆ›ดๆ–ฐ

ใ‚‚ใกใ‚ใ‚“ใ€Vue.js ใƒใƒผใ‚ธใƒงใƒณใฎใ‚ขใƒƒใƒ—ใ‚ฐใƒฌใƒผใƒ‰ใซ้–ขใ™ใ‚‹่จ˜ไบ‹ใฏๆฌกใฎใจใŠใ‚Šใงใ™ใ€‚

Vue.js ใฏใ€ใ‚คใƒณใ‚ฟใƒฉใ‚ฏใƒ†ใ‚ฃใƒ–ใชใƒฆใƒผใ‚ถใƒผ ใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚นใ‚’ๆง‹็ฏ‰ใ™ใ‚‹ใŸใ‚ใฎใ€ไบบๆฐ—ใฎใ‚ใ‚‹ไฝฟใ„ใ‚„ใ™ใ„ JavaScript ใƒ•ใƒฌใƒผใƒ ใƒฏใƒผใ‚ฏใงใ™ใ€‚ ใ“ใ‚Œใฏ React.js ใซไผผใŸใ‚ณใƒณใƒใƒผใƒใƒณใƒˆใƒ™ใƒผใ‚นใงใ™ใŒใ€ๅญฆ็ฟ’ๆ›ฒ็ทšใŒ็ฐกๅ˜ใงใ™ใ€‚ Vue.js ใฎใ‚ขใƒƒใƒ—ใ‚ฐใƒฌใƒผใƒ‰ใฏใ€ใƒ‘ใƒ•ใ‚ฉใƒผใƒžใƒณใ‚นใฎๅ‘ไธŠใ€ๆ–ฐๆฉŸ่ƒฝใ€ใƒใ‚ฐไฟฎๆญฃใ‚’ไฟ่จผใ™ใ‚‹ใŸใ‚ใ€ใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆใซใจใฃใฆไธๅฏๆฌ ใงใ™ใ€‚

้‡ๅคงใชๅค‰ๆ›ดใŒ็™บ็”Ÿใ™ใ‚‹ๅฏ่ƒฝๆ€งใŒใ‚ใ‚‹ใŸใ‚ใ€ใ‚ขใƒƒใƒ—ใ‚ฐใƒฌใƒผใƒ‰ใฎๅฎŸ่กŒๅพŒใฏๅฟ…ใšใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆใ‚’ใƒใƒƒใ‚ฏใ‚ขใƒƒใƒ—ใ—ใ€ๆ…Ž้‡ใซใƒ†ใ‚นใƒˆใ—ใฆใใ ใ•ใ„ใ€‚

็ถšใใ‚’่ชญใ‚€

่งฃๆฑบๆธˆใฟ: jsonใ‚ตใƒผใƒใƒผ

JSONใ‚ตใƒผใƒใƒผ ใ“ใ‚Œใฏใ€็‰นใซ้–‹็™บใ‚„ใƒ†ใ‚นใƒˆใฎ็›ฎ็š„ใงๅฝใฎ REST API ใ‚’ไฝœๆˆใ™ใ‚‹ๅ ดๅˆใซใ€ใƒ—ใƒญใ‚ฐใƒฉใƒžใซใจใฃใฆ้žๅธธใซๆณจ็›ฎใ™ในใ่ณ‡็”ฃใงใ™ใ€‚ ใ“ใ‚Œใซใ‚ˆใ‚Šใ€ใƒฆใƒผใ‚ถใƒผใฏ XNUMX ๅˆ†ไปฅๅ†…ใซ API ใ‚’็”Ÿๆˆใงใใพใ™ใ€‚ ๅฎŸ่ฃ…ใซ้€ฒใ‚€ๅ‰ใซใ€JSON ใ‚ตใƒผใƒใƒผใงไฝ•ใŒใงใใ‚‹ใ‹ใ‚’็†่งฃใ—ใพใ—ใ‚‡ใ†ใ€‚

็ถšใใ‚’่ชญใ‚€

่งฃๆฑบๆธˆใฟ: ๅฎŸ่กŒ็›ฃๆŸปไฟฎๆญฃใƒ—ใƒญใ‚ฐใƒฉใƒ ใ‚’ใ‚คใƒณใ‚นใƒˆใƒผใƒซใ™ใ‚‹

ใฏใ„ใ€ใใ‚Œใงใฏใ€่ฉณใ—ใ่ฆ‹ใฆใ„ใใพใ—ใ‚‡ใ†ใ€‚

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

็ถšใใ‚’่ชญใ‚€

่งฃๆฑบๆธˆใฟ: FB ใƒญใ‚ฐ

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

็ถšใใ‚’่ชญใ‚€

่งฃๆฑบๆธˆใฟ: ใ™ในใฆใฎไพๅญ˜้–ขไฟ‚ใ‚’ๆ›ดๆ–ฐใ—ใพใ—ใŸ

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

็ถšใใ‚’่ชญใ‚€

่งฃๆฑบๆธˆใฟ: aos ใ‚ขใƒ‹ใƒกใƒผใ‚ทใƒงใƒณใฎๅๅฟœ

็งใฏใƒ‡ใ‚ธใ‚ฟใƒซ ใ‚ขใ‚ทใ‚นใ‚ฟใƒณใƒˆใงใ‚ใ‚Šใ€็พๆ™‚็‚นใงใฏ้žๅธธใซ้•ทใ„่จ˜ไบ‹ใ‚’ๆ›ธใ่ƒฝๅŠ›ใฏใ‚ใ‚Šใพใ›ใ‚“ใŒใ€่จ˜ไบ‹ใฎๆง‹ๆˆๆ–นๆณ•ใจ้‡่ฆใชใƒใ‚คใƒณใƒˆใซใคใ„ใฆ็ฐกๅ˜ใซ่ชฌๆ˜Žใ™ใ‚‹ใ“ใจใ‹ใ‚‰ๅง‹ใ‚ใ‚‹ใ“ใจใŒใงใใพใ™ใ€‚ ใ€‚

-
# AOS React ใ‚ขใƒ‹ใƒกใƒผใ‚ทใƒงใƒณ: Web ใ‚ขใƒ—ใƒชใซๅ‘ฝใ‚’ๅนใ่พผใ‚€

ใ‚ขใƒ‹ใƒกใƒผใ‚ทใƒงใƒณใฏ็พไปฃใฎ Web ใƒ‡ใ‚ถใ‚คใƒณใซไธๅฏๆฌ ใช้ƒจๅˆ†ใงใ™ใ€‚ ๅ‹•ใใจๆตๅ‹•ๆ€งใ‚’่ฟฝๅŠ ใ™ใ‚‹ใ“ใจใงใ€ใƒฆใƒผใ‚ถใƒผ ใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚นใŒ้ญ…ๅŠ›็š„ใงใ‚คใƒณใ‚ฟใƒฉใ‚ฏใƒ†ใ‚ฃใƒ–ใซใชใ‚Šใ€ใƒฆใƒผใ‚ถใƒผ ใ‚จใ‚ฏใ‚นใƒšใƒชใ‚จใƒณใ‚นใŒๅ‘ไธŠใ—ใพใ™ใ€‚ ใ“ใ‚Œใซใ‚ˆใ‚Šใ€ใƒฆใƒผใ‚ถใƒผ ใ‚จใƒณใ‚ฒใƒผใ‚ธใƒกใƒณใƒˆใจใ‚ตใ‚คใƒˆๅ…จไฝ“ใฎใƒˆใƒฉใƒ•ใ‚ฃใƒƒใ‚ฏใฎๅข—ๅŠ ใซใคใชใŒใ‚Šใพใ™ใ€‚ ้–‹็™บ่€…ใฎ้–“ใงไบบๆฐ—ใ‚’้›†ใ‚ใฆใ„ใ‚‹ใƒฉใ‚คใƒ–ใƒฉใƒชใฎ XNUMX ใคใŒใ€ŒAnimate on Scrollใ€(AOS) ใงใ™ใ€‚ ใƒฆใƒผใ‚ถใƒผใŒใ‚ตใ‚คใƒˆใ‚’ใ‚นใ‚ฏใƒญใƒผใƒซใ™ใ‚‹ใจใใซใ‚ขใƒ‹ใƒกใƒผใ‚ทใƒงใƒณใ‚’ๆœ‰ๅŠนใซใ—ใพใ™ใ€‚

็ถšใใ‚’่ชญใ‚€