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

[ไธ€ๆ—ฅ10ๅˆ†|Web Project] HTML/JS/CSSใง่‡ชๅˆ†ใ ใ‘ใฎๅฟƒ็†ใƒ†ใ‚นใƒˆใ‚ตใ‚คใƒˆใ‚’ไฝœใ‚‹

HTML/JS/CSSใ ใ‘ใ‚’ๆŒใฃใฆ็›ดๆŽฅๅฟƒ็†ใƒ†ใ‚นใƒˆใ‚ตใ‚คใƒˆใ‚’ไฝœๆˆใ—ใ€้…ๅธƒใ—ใฆใฟใ‚‹Projectใ‚ตใ‚คใƒˆใ‚’ๅˆถไฝœใ—ใพใ™ใ€‚

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

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

HTML/CSS
HTML/CSS
JavaScript
JavaScript
Bootstrap
Bootstrap
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Bootstrap
Bootstrap
Thumbnail

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

2 ไปถ

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

    ใ“ใ‚“ใซใกใฏใ€ใƒ‘ใƒณใƒ€ใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐใงใ™:)

    ็งใŒๅˆใ‚ใฆไฝœใฃใŸใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆๅž‹่ฌ›็พฉใงใ™ใŒใ€ๆ€ใฃใŸใ‚ˆใ‚Šๅคšใใฎไบบใ€…ใŒ้–ขๅฟƒใ‚’ๆŒใฃใฆใใ‚Œใฆๅฟƒใ‹ใ‚‰้ฉšใใพใ—ใŸใ€‚

    ไปŠๅ›žใฎMBTIใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆ่ฌ›็พฉใ‚’้€ฒใ‚ใชใŒใ‚‰ใ€

    ใใฎใƒชใƒณใ‚ฏใซใ‚ขใ‚ฏใ‚ปใ‚นใ—ใŸๅ›ž็ญ”่€…ใฎ็ตๆžœใ‚’ๅˆฅใซไฟๅญ˜ใ—ใŸใ„ใจใ„ใ†ๆ„่ฆ‹ใ‚’ใ„ใŸใ ใใพใ—ใŸใ€‚

    ๅ˜ใซHTML/JS/CSSใ ใ‘ใ‚’ๆ‰ฑใ†ไปŠๅ›žใฎใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆใจใฏ็•ฐใชใ‚Šใ€

    ใ“ใฎๅ•้กŒใ‚’่งฃๆฑบใ™ใ‚‹ใซใฏใ€ใ‚ตใƒผใƒใƒผใ‚’ๆง‹็ฏ‰ใ—ใฆๅฑ•้–‹ใ™ใ‚‹ๆ–นๆณ•ใ‚’็ŸฅใฃใฆใŠใๅฟ…่ฆใŒใ‚ใ‚Šใพใ™ใ€‚

    https://www.mbtifriends.site/

    ใƒฆใƒผใ‚ถใƒผใฎๅ›ž็ญ”ใ‚’ไฟๅญ˜ใ—ใ€่ชฐใงใ‚‚ๆŽฅ็ถšใ—ใฆ่‡ชๅˆ†ใ ใ‘ใฎใƒชใƒณใ‚ฏใ‚’ไฝœๆˆใงใใ‚‹ใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆใ‚’ไฝœใฃใฆใฟใพใ—ใŸใ€‚

    ใ‚ตใƒผใƒใƒผใฏexpressใ€DBใฏMongoDBใ‚’ไป‹ใ—ใฆๆง‹็ฏ‰ใ•ใ‚Œใ€ejsๆ–‡ๆณ•ใ‚’ไฝฟ็”จใ—ใพใ—ใŸใ€‚

    ใƒชใƒณใ‚ฏใ‚’ไฝœๆˆใ™ใ‚‹ใจใ€่‡ชๅˆ†ใ ใ‘ใฎใƒชใƒณใ‚ฏใ‚’ไป˜ไธŽใ—ใ€ใใฎใƒชใƒณใ‚ฏใซใ‚ˆใ‚‹็ตๆžœใ‚’็ขบ่ชใงใใพใ™ใ€‚

    ใ“ใฎใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆใซๅŸบใฅใ„ใฆ่ฌ›็พฉใ‚’ไผ็”ปใ—ใฆใ„ใพใ™ใ€‚

    ใฉใ†ใ‚„ใ‚‰็œŒ่ฌ›็พฉใ‚ˆใ‚Šใฏ้›ฃๆ˜“ๅบฆใŒใ‹ใชใ‚ŠไธŠใŒใ‚‹ใฎใงใ€็†่ซ–ใจไธฆ่กŒใ—ใฆ้€ฒ่กŒใ•ใ‚Œใใ†ใงใ™ใ€‚

    ็งใฎ่ฌ›็พฉใ‚’ๅ—่ฌ›ใ—ใฆใใ ใ•ใฃใŸๅ—่ฌ›่€…ใฎๆ–นใ€…ใฎๆ„่ฆ‹ใ‚’่žใใŸใ‚ใซใ€ใ“ใฎใ‚ˆใ†ใชๆŠ•็จฟใ‚’ไฝœๆˆใ™ใ‚‹ใ“ใจใซใชใ‚Šใพใ—ใŸใ€‚

    ใฉใ‚“ใชๆ–นๅ‘ใงใ‚‚ๆ„Ÿ่ฌใฎๆฐ—ๆŒใกใงๅˆปใ‚“ใง่žใใพใ™ใ€‚

    ใ“ใฎๆŠ•็จฟใฎใ‚ณใƒกใƒณใƒˆใ‚„nani6765@gmail.comใซใƒ•ใ‚ฃใƒผใƒ‰ใƒใƒƒใ‚ฏใ—ใฆใ„ใŸใ ใใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™๏ผ

    ใใ‚ŒใงใฏไปŠๆ—ฅใ‚‚ๆฅฝใ—ใ„ไธ€ๆ—ฅใซใชใ‚Šใพใ™ใ‚ˆใ†ใซ:)

    Happy Coding!

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

    ใ“ใ‚“ใซใกใฏใƒ‘ใƒณใƒ€ใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐใงใ™๏ผ

    1ๆ—ฅ10ๅˆ†ใ€Webใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆใ‚’ๅ—่ฌ›ใ™ใ‚‹ๆ–นใซใŠ็Ÿฅใ‚‰ใ›ใ‚’ๆฎ‹ใ™ใ‚ˆใ†ใซๆ›ธใ‹ใ‚Œใพใ—ใŸใ€‚

    QnAใงAnswer้ ˜ๅŸŸใ‚’ใƒœใ‚ฟใƒณใงใฏใชใ็”ปๅƒใจใ—ใฆๅฎŸ่ฃ…ใ™ใ‚‹ๆ–นๆณ•ใซใคใ„ใฆใ€

    ๅ—่ฌ›่€…ใฏ็งใซ่ณชๅ•ใ‚’ๆฎ‹ใ—ใพใ—ใŸใ€‚

    ๆœฌๅฝ“ใซใพใจใ‚‚ใช่ณชๅ•ใ ใจๆ€ใ†ใซไป–ใฎๆ–นใจใ‚‚ใ“ใฎๅ†…ๅฎนใ‚’ๅ…ฑๆœ‰ใ™ใ‚‹ใŸใ‚ใซ่ฟฝๅŠ ็š„ใซๆ˜ ๅƒใ‚’ๆ’ฎๅฝฑใ—ใพใ—ใŸใ—ใ€

    [่ณช็–‘ๅฟœ็ญ”]ใ‚ปใ‚ฏใ‚ทใƒงใƒณใง่ฌ›็พฉใ‚’่กŒใ„ใพใ—ใŸใ€‚

    ใ“ใฎใ‚ˆใ†ใซๆ˜ ๅƒใ‚’่ฆ–่ดใ—ใชใŒใ‚‰ๆœฌไบบใฎใ‚ขใ‚คใƒ‡ใ‚ขใงใ‚ฆใ‚งใƒ–ใ‚ตใ‚คใƒˆใ‚’ใ•ใ‚‰ใซ็™บๅฑ•ใ•ใ›ใŸใ„ใฎใงใ™ใŒใ€

    ใ‚‚ใ—ๅฎŸ่ฃ…ใซๅฐ‘ใ—่‹ฆๅŠดใ™ใ‚Œใฐใ€ใ„ใใ‚‰ใงใ‚‚่ณชๅ•ใ—ใฆใ„ใŸใ ใ‘ใ‚Œใฐๅนธใ„ใงใ™:)

    ็งใ‚‚ๅŠ›ใŒๅฑŠใใพใง็ญ”ใˆใ‚’ๅทฎใ—ไธŠใ’ใ€ๅฟ…่ฆใชใ‚‰ไปŠใฎใ‚ˆใ†ใซๆ˜ ๅƒใ‚’ๆ’ฎๅฝฑใ—ใฆ่ฌ›็พฉใงไธŠใ’ใ‚‹ใ‚ˆใ†ใซใ—ใพใ™ใ€‚

    ใใฎๆ™‚ใฎใŸใ‚ใซไฝœใฃใŸ่ณช็–‘ๅฟœ็ญ”ใ‚ปใ‚ฏใ‚ทใƒงใƒณใงใ‚‚ใ‚ใ‚Šใพใ™๏ผ

    ใใ‚ŒใงใฏไปŠๆ—ฅใ‚‚ๆฅฝใ—ใ„ใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐใ—ใฆใใ ใ•ใ„:)

    - ใƒ‘ใƒณใƒ€ใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐใƒ‰ใƒชใƒผใƒ 

    1

็„กๆ–™