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

ๅˆๅฟƒ่€…ใงใ‚‚ไฝœใ‚Œใ‚‹ใ‚นใ‚ฏใƒญใƒผใƒซใ‚คใƒณใ‚ฟใƒฉใ‚ฏใ‚ทใƒงใƒณใ€‚็ฌฌ1ๅ›ž JavaScript

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

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

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

HTML/CSS
HTML/CSS
JavaScript
JavaScript
jQuery
jQuery
Interactive Web
Interactive Web
HTML/CSS
HTML/CSS
JavaScript
JavaScript
jQuery
jQuery
Interactive Web
Interactive Web

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

16 ไปถ

  • ใ“ใ‚“ใซใกใฏใ€‚ :)

     

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ12ใงไฝฟ็”จใ—ใŸๅผใฎ่ฃœ่ถณใ‚ฏใƒฉใ‚นใŒ่ฟฝๅŠ ใ•ใ‚Œใพใ—ใŸใ€‚ ^^..

    ใใ—ใฆใ‚ปใ‚ฏใ‚ทใƒงใƒณ12ใƒœใƒผใƒŠใ‚นใฎไพ‹ใ‚‚่ฟฝๅŠ ใ•ใ‚Œใฆใ„ใ‚‹ใฎใงใ€ๅ‚่€ƒใซใ—ใฆใใ ใ•ใ„ใ€‚

     

    ใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™ใ€‚ :)

    0
  • ใ“ใ‚“ใซใกใฏใ€œ๏ผๆœ€่ฟ‘..็‰ฉไพกใ‚‚ไธŠใŒใ‚Šใ™ใŽใฆใฟใ‚“ใช่‰ฒใ€…ใจๅคงๅค‰ใใ†ใงใ™ใญใ… ใ… ..

    ๅฐ‘ใ—ใงใ‚‚ๅฝนใซ็ซ‹ใคใ‚ˆใ†ใซใƒœใƒผใƒŠใ‚นไพ‹ใ‚’่ฟฝๅŠ ใ—ใพใ—ใŸ๏ผ

     

    PSใ€‚ใ‚ˆใใ‚ใ‹ใ‚‰ใชใ„ใ“ใจใ‚’่žใ„ใŸใ‚‰ใŠ็Ÿฅใ‚‰ใ›ใ—ใพใ™ใ€‚

    ใ‚ใ‚ŠใŒใจใ†๏ผšD

    0
  • ใ“ใ‚“ใซใกใฏ:)

    ใƒใƒ‹ใƒฉJSๅฎŒๆˆใ‚ณใƒผใƒ‰ใ‚’ๆทปไป˜ใ—ใฆ่ผ‰ใ›ใพใ—ใŸใ€‚

    ใƒ“ใƒ‡ใ‚ชใ‚ฏใƒฉใ‚นใฏใ™ในใฆใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ใ•ใ‚Œใฆใ„ใพใ™ใ€‚

    ใƒใƒ‹ใƒฉใƒฌใƒƒใ‚นใƒณใฏใ‚ปใ‚ฏใ‚ทใƒงใƒณ2ใ‹ใ‚‰ใ‚ปใ‚ฏใ‚ทใƒงใƒณ6ใพใง่กŒใ‚ใ‚Œใพใ™:)

    ็†็”ฑใฏ

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ7ใ‹ใ‚‰ใ‚ปใ‚ฏใ‚ทใƒงใƒณ11ใซๅ‡บใฆใใ‚‹jqueryใƒ‘ใ‚ฟใƒผใƒณใฏ

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ2๏ฝž6ใงใ™ในใฆๅ‡บใฆใใ‚‹ใฎใง้‡่ค‡ใ™ใ‚‹ๆŽˆๆฅญใชใฎใง็‰นใซๅฟ…่ฆใชใ„ใ‹ใ‚‰ใงใ™ใ‚ˆ๏ผ

    ใ‚‚ใ—้›ฃใ—ใ„้ƒจๅˆ†ใŒใ‚ใ‚Œใฐ่ณชๅ•ใซ่ผ‰ใ›ใฆ้ ‚ใ‘ใ‚Œใฐ่ฟฝๅŠ ใงไฝœใฃใฆใ‚ใ’ใ‚‹ใ‚ˆใ†ใซใ—ใพใ™:)

    ใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™ใ€‚

    1
  • ใ“ใ‚“ใซใกใฏ๏ผ

    ไปŠๆ—ฅใ‚‚ใŠ็Ÿฅใ‚‰ใ›ใ—ใพใ™ใ€‚

    1. Mac Chromeใฎใƒใ‚ฐใƒ‘ใƒƒใƒ

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ5-2 Macใฎใ‚ฏใƒญใƒผใƒ ใƒใƒผใ‚ฐใฏใ€้–‹็™บๆฎต้šŽใฎChromeใƒ–ใƒฉใ‚ฆใ‚ถใงใฏ็™บ็”Ÿใ—ใพใ›ใ‚“๏ผˆ็›ดๆŽฅ็ขบ่ช2022.1.30ๆ—ฅ๏ผ‰

    ้–‹็™บๆฎต้šŽใฎChromeใƒ–ใƒฉใ‚ฆใ‚ถใฏใพใ ๅ…ฌๅผใซ้…ๅธƒใ•ใ‚Œใฆใ„ใชใ„ใŸใ‚ใƒใ‚ฐใŒ็™บ็”Ÿใ—ใพใ™ใŒใ€ๅพŒใซๅ…ฌๅผใƒใƒผใ‚ธใƒงใƒณใŒ้…ๅธƒใ•ใ‚ŒใŸๅ ดๅˆ

    Safari Chromeใฎใƒใ‚ฐใฏ็™บ็”Ÿใ—ใชใ„ใจไบˆๆƒณใ•ใ‚Œใพใ™ใ€‚

     

    2. edgeใƒ–ใƒฉใ‚ฆใ‚ถใ‚นใƒ ใƒผใ‚นใ‚นใ‚ฏใƒญใƒผใƒซ

    ๆ˜จๆ—ฅใ€edgeใƒ–ใƒฉใ‚ฆใ‚ถใฎใƒใ‚คใƒ†ใ‚ฃใƒ–ๆฉŸ่ƒฝใงใ‚ใ‚‹Smoothใ‚นใ‚ฏใƒญใƒผใƒซใ‚’ไฝฟ็”จใ™ใ‚‹ใจใ€ใ‚ปใ‚ฏใ‚ทใƒงใƒณ5-2ใงใƒใ‚ฐใŒ็™บ็”Ÿใ™ใ‚‹ใ“ใจใ‚’ใŠ็Ÿฅใ‚‰ใ›ใ—ใพใ—ใŸใ€‚

    ไปŠๆ—ฅใฎใƒใ‚ฐไฟฎๆญฃใƒ“ใƒ‡ใ‚ชใ‚’ไฝœๆˆใ—ใพใ™ใ€‚

    ็งใŒไปฅๅ‰ใซไฝœใฃใŸauto slideใ‚‚ๅ•้กŒใŒ็”Ÿใ˜ใŸใ‹็ขบ่ชใ—ใฆใฟใพใ—ใŸใ€‚

    SJ AUTO SLIDEใซใ‚‚ไผผใŸใƒญใ‚ธใƒƒใ‚ฏใ‚’ไฝฟใฃใŸใ‚“ใงใ™ใ‚ˆ๏ผ

    ใ—ใ‹ใ—ใ€auto slideใงใฏใƒใ‚ฐใŒ็™บ็”Ÿใ—ใพใ›ใ‚“ใงใ—ใŸใ€‚

    ใใ‚Œใง็†็”ฑใ‚’่ฆ‹ใฆใใ ใ•ใ„ใ€‚

    ็งใฏUI FRใ‚’ไฝœๆˆใ—ใŸใจใใซ็‹ฌ่‡ชใซ้–‹็™บใ—ใŸใ‚นใƒ ใƒผใ‚นใ‚นใ‚ฏใƒญใƒผใƒซๆฉŸ่ƒฝใŒใ‚ใ‚Šใพใ™ใ€‚

    ใ“ใฎๆฉŸ่ƒฝใฎใŸใ‚ใƒใ‚ฐใŒ็”Ÿใ˜ใพใ›ใ‚“ใงใ—ใŸใญใ€‚

    ใ—ใ‹ใ—ใ€ใ“ใฎๆฉŸ่ƒฝใ‚’ๅค–ใ™ใจใƒใ‚ฐใŒ็”Ÿใ˜ใพใ—ใŸใ€‚

    ใคใพใ‚Šใ€็พๅœจedgeใƒ–ใƒฉใ‚ฆใ‚ถใซๅฎŸ่ฃ…ใ•ใ‚Œใฆใ„ใ‚‹ใ‚นใ‚ฏใƒญใƒผใƒซๆŠ€่ก“ใซๅ•้กŒใŒใ‚ใ‚‹ใฎใฏๆ˜Ž็ขบใชไบ‹ๅฎŸใงใ™ใ€‚

    ็งใŒ่€ƒใˆใ‚‹ใจใ€edgeใƒ–ใƒฉใ‚ฆใ‚ถใฏใƒใƒผใ‚ธใƒงใƒณใ‚ขใƒƒใƒ—ใ—ใ€ๆ˜Žใ‚‰ใ‹ใซใ“ใฎๅ•้กŒใซใƒ‘ใƒƒใƒใ‚’ๅฝ“ใฆใ‚‹ใจๆ€ใ„ใพใ™ใ€‚

    ใƒ‘ใƒƒใƒใซใชใ‚Œใฐใ‚ใˆใฆใƒใ‚ฐๅ‡ฆ็†ใ‚’ใ—ใชใใฆใ‚‚ใ„ใ„ใฎใงๅ‚่€ƒใซใ™ใ‚Œใฐใ„ใ„ใ‚ˆใ†ใงใ™ใ€‚

     

    ใ‚นใƒ ใƒผใ‚นใ‚นใ‚ฏใƒญใƒผใƒซๆฉŸ่ƒฝใชใฉใฎๅ ดๅˆใฏใ€ใ•ใพใ–ใพใชๅผใ‚’ไฝœๆˆใ™ใ‚‹ๅฟ…่ฆใŒใ‚ใ‚Šใพใ™ใ€‚

    FRใ ใจๆ€ใ†ใฎใงใ€ใ‚ใกใ“ใกใŒ็ตกใ‚“ใงใ„ใ‚‹ใ‹ใ‚‰

    ๆŽˆๆฅญใงไฝœใ‚‹ใฎใฏไบ‹ๅฎŸไธŠๅคงๅค‰ใ ใจๆ€ใ„ใพใ™ใ€‚

     

    ใใ‚Œใงใ‚‚ใ€ใ•ใพใ–ใพใชใƒใ‚ฐๅ‡ฆ็†ใƒ‘ใ‚ฟใƒผใƒณใ‚’้€šใ˜ใฆไฝ•ใ‹ๅฐ‘ใ—ใงใ‚‚ๅฝนใซ็ซ‹ใฆใฐๅนธใ„ใงใ™ใ€‚

     

    ใ‚ใ‚ŠใŒใจใ†:)

    ๆ—งๆญฃๆœˆใ‚’ใŠ้Žใ”ใ—ใใ ใ•ใ„๏ผšD

     

     

    0
  • ใ“ใ‚“ใซใกใฏ:)

     

    ๆ›ดๆ–ฐๆกˆๅ†…:)

     

    1. jqueryใ‚’ไฝฟใฃใฆใ‚นใ‚ฏใƒญใƒผใƒซใ‚คใƒณใ‚ฟใƒฉใ‚ฏใ‚ทใƒงใƒณใ‚’ๅˆถไฝœใ™ใ‚‹้ƒจๅˆ†ใฎๅฎŸ็ฟ’ใจ่ชฌๆ˜Žใ‚’ใจใ‚‚ใซๆŽˆๆฅญใŒใ™ในใฆ่ฟฝๅŠ ใ•ใ‚Œใพใ—ใŸใ€‚

    ใ‚‚ใ—ๆŽˆๆฅญใŒ้›ฃใ—ใ„ๆ–นใŒใ„ใ‚‹ๅ ดๅˆใฏใ€ใ‚ณใƒผใƒ‰ใ‚’ๆ›ธใ„ใฆ่ชฌๆ˜Žใ™ใ‚‹ๅฎŸ็ฟ’็ทจใฎๆŽˆๆฅญใ‚’ๅ…ˆใซๅ‚่€ƒใ—ใ€ๆฌกใฎ่ชฌๆ˜Ž็ทจใงใ‚‚ใ†ไธ€ๅบฆ็†่งฃใ™ใ‚‹ใƒ‘ใ‚ฟใƒผใƒณใ‚’ไฝฟ็”จใ™ใ‚‹ใจ่‰ฏใ„ใ‚ˆใ†ใงใ™ใ€‚

     

     

    2.ใ‚ปใ‚ฏใ‚ทใƒงใƒณ5-2ใ‚ปใ‚ฏใ‚ทใƒงใƒณ็งปๅ‹•ใ‚คใƒณใ‚ฟใƒฉใ‚ฏใ‚ทใƒงใƒณใซใƒใ‚ฐใŒ่ฆ‹ใคใ‹ใ‚Šใพใ—ใŸใ€‚ใ“ใฎใƒใ‚ฐใฏMAC็’ฐๅขƒใฎChromeใƒ–ใƒฉใ‚ฆใ‚ถใงใƒˆใƒฉใƒƒใ‚ฏใƒ‘ใƒƒใƒ‰ใ‚’ไฝฟ็”จใ—ใŸใจใใซ็™บ็”Ÿใ—ใพใ—ใŸ๏ผˆiMacใƒžใ‚ธใƒƒใ‚ฏใƒžใ‚ฆใ‚นใฏๅ•้กŒใ‚ใ‚Šใพใ›ใ‚“๏ผ‰

    ใƒใ‚ฐใฎๅ†…ๅฎนใฏ

    1ใคใšใค็งปๅ‹•ใ™ใ‚‹ใ‚ปใ‚ฏใ‚ทใƒงใƒณใŒใƒ–ใƒฉใ‚ฆใ‚ถใฎไธ€็•ชไธŠใซ้…็ฝฎใ•ใ‚Œใฆใ„ใ‚‹ใจใใซใƒˆใƒฉใƒƒใ‚ฏใƒ‘ใƒƒใƒ‰ใชใฉใ‚’ๅˆฉ็”จใ—ใฆใ‚ฏใ‚คใƒƒใ‚ฏใ‚นใ‚ฏใƒญใƒผใƒซใ™ใ‚‹ๅ ดๅˆ

    ไธ€็•ชๆœ€ๅˆใฎใ‚ปใ‚ฏใ‚ทใƒงใƒณ็งปๅ‹•ใ‚ขใƒ‹ใƒกใƒผใ‚ทใƒงใƒณใŒๅฎŸ่กŒใ•ใ‚Œใšใ€ใใฎๅพŒใ‹ใ‚‰ใ‚ขใƒ‹ใƒกใƒผใ‚ทใƒงใƒณใŒๅฎŸ่กŒใ•ใ‚Œใ‚‹ๅ ดๅˆใงใ™ใ€‚ (ๆ–ญ็ถš็š„ใซ็™บ็”Ÿ)

     

    ใใฎใƒใ‚ฐใ‚’ๅˆ†ๆžใ—ใŸ็ตๆžœใ€Macใฎใ‚ˆใ†ใชๅ ดๅˆใ€็งปๅ‹•ใ™ใ‚‹ใ‚ปใ‚ฏใ‚ทใƒงใƒณใซๅ…ฅใ‚‹ใจๅ•้กŒใŒ็™บ็”Ÿใ—ใพใ™ใ€‚

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณใซๅ…ฅใฃใŸใจใใซใ‚นใ‚ฏใƒญใƒผใƒซใ‚คใƒ™ใƒณใƒˆใŒๆฉŸ่ƒฝใ—ใชใ„ใ“ใจใ‚’ๆŒ‡ๅฎšใ—ใพใ—ใŸใ€‚

    ใคใพใ‚Šใ€wheelใ‚คใƒ™ใƒณใƒˆใ‚’่ฟฝๅŠ ใ—ใฆใ‚ปใ‚ฏใ‚ทใƒงใƒณใซๅ…ฅใ‚‹ใจใใ€wheelใ‚’ใƒ–ใƒญใƒƒใ‚ฏใ—ใฆๅˆ†ๅฒๅ‡ฆ็†ใ—ใฆใ‚คใƒ™ใƒณใƒˆใซๅฏพใ™ใ‚‹ใƒ‡ใƒ•ใ‚ฉใƒซใƒˆๅ‹•ไฝœใ‚’ใ—ใชใ„ใ‚ˆใ†ใซๆŒ‡ๅฎšใ—ใฆ่งฃๆฑบใ—ใพใ—ใŸใ€‚

     

    ใ—ใ‹ใ—ใ€wheelใ‚คใƒ™ใƒณใƒˆใฎใฟใ‚’ไฝฟ็”จใ™ใ‚‹ใจใ€Windows็’ฐๅขƒใงใƒใ‚ฐใŒ็™บ็”Ÿใ—ใพใ—ใŸใ€‚

    Windows็’ฐๅขƒใงwheelใ‚คใƒ™ใƒณใƒˆใฎใฟใ‚’ไฝฟ็”จใ™ใ‚‹ใจใƒใ‚ฐใŒ็™บ็”Ÿใ™ใ‚‹็†็”ฑใฏ

    Windowsใงใฏใ€ใƒžใ‚ฆใ‚นใƒ›ใ‚คใƒผใƒซใ‚คใƒ™ใƒณใƒˆใŒ็™บ็”Ÿใ™ใ‚‹้ ปๅบฆใŒMacใซๅฏพใ—ใฆ้žๅธธใซไฝŽใ„ใŸใ‚ใ€ใ‚นใ‚ฏใƒญใƒผใƒซๅ€คใ‚’ๆญฃใ—ใๅ–ๅพ—ใงใใชใ„ใƒใ‚ฐใŒ็™บ็”Ÿใ—ใพใ—ใŸใ€‚

    ็ฐกๅ˜ใซ่จ€ใˆใฐใ€ใ‚นใ‚ฏใƒญใƒผใƒซใ‚คใƒ™ใƒณใƒˆใจใƒ›ใ‚คใƒผใƒซใ‚คใƒ™ใƒณใƒˆใŒๅ‘ผใณๅ‡บใ•ใ‚Œใ‚‹ๆ•ฐใŒ็•ฐใชใ‚‹ใจใ„ใ†ใ“ใจใงใ™ใ€‚

     

    ใใฎใŸใ‚ใ€ใ‚ฆใ‚ฃใƒณใƒ‰ใ‚ฆใงใฏๆ—ขๅญ˜ใซไฝœๆˆใ•ใ‚Œใฆใ„ใŸใ‚ณใƒผใƒ‰ใ‚’ใใฎใพใพไฝฟ็”จใ™ใ‚‹ใ‚ˆใ†ใซๅ‡ฆ็†ใ—ใพใ™ใ€‚

    ใคใพใ‚Šใ€Macใงใฏwheelใ‚คใƒ™ใƒณใƒˆใ‚’ไฝฟ็”จใ—ใ€Windowsใงใฏscrollใ‚คใƒ™ใƒณใƒˆใ‚’ไฝฟ็”จใ™ใ‚‹ใ‚ˆใ†ใซๅˆ†ๅฒๅ‡ฆ็†ใ™ใ‚‹ๆŽˆๆฅญใŒ่ฟฝๅŠ ใ•ใ‚Œใ‚‹ไบˆๅฎšใงใ™ใ€‚

     

    ใ“ใฎใƒใ‚ฐใฏใ€Macใงใ‚‚Chromeใงใฎใฟ็™บ็”Ÿใ™ใ‚‹ใƒใ‚ฐใƒฉใ‚ฐใƒผใ‚ฐใƒซใงใƒ‘ใƒƒใƒใŒใงใใ‚‹ใฎใงใ€ๆ—ขๅญ˜ใฎๆŽˆๆฅญใ‚’ๅค‰ๆ›ดใ›ใšใซใƒใ‚ฐไฟฎๆญฃๆ˜ ๅƒใ‚’ไธŠใ’ใ‚‹ใ‚ˆใ†ใซใ—ใพใ™ใ€‚

    ๏ผˆUIๅฎŸ่ฃ…ๆ™‚ใซใ‚นใ‚ฏใƒญใƒผใƒซใ‚คใƒ™ใƒณใƒˆใงใ‚นใ‚ฏใƒญใƒผใƒซใฎไฝ็ฝฎใ‚’ๅค‰ๆ›ดใ™ใ‚‹ใจใใซใƒขใƒผใ‚ทใƒงใƒณใ‚’ๅ…ฅใ‚Œใ‚‹ใจไฝœๆฅญใŒๅฐ‘ใ—้ขๅ€’ใงใ™ใ€‚๏ผ‰

     

    3.ใƒใƒ‹ใƒฉjs ๅค‰ๆ›ดไฝœๆฅญใŒใ™ในใฆๅฎŒไบ†ใ—ใพใ—ใŸใ€‚

    ๆ—ขๅญ˜ใฎใ‚ธใ‚งใ‚คใ‚ฏใ‚จใƒชใƒผใงไฝœๆˆใ•ใ‚Œใฆใ„ใŸ้ƒจๅˆ†ใ‚’ใƒใƒ‹ใƒฉjsใซๅค‰ๆ›ดใ™ใ‚‹ๆŽˆๆฅญใŒ่ฟฝๅŠ ใ•ใ‚Œใ‚‹ไบˆๅฎšใงใ™ใ€‚

    ใใฎใ‚ณใƒผใƒ‰ใฏใ€ieใจๅคใ„ใƒ–ใƒฉใ‚ฆใ‚ถใ‚’่€ƒๆ…ฎใ›ใšใซๆ›ธใ‹ใ‚Œใฆใ„ใพใ™ใ€‚

     

    ใƒใƒ‹ใƒฉjsใ‚ณใƒผใƒ‰ใฎๅค‰ๆ›ดใŒ็ฐกๅ˜ใ™ใŽใ‚‹ใฎใงใ€ใ‚ปใ‚ฏใ‚ทใƒงใƒณ5ใ€6ใ‚’้™คใๆฎ‹ใ‚Šใฏๅˆๅฟƒ่€…ใฎๆ–นใ‚‚่‡ชๅˆ†ใงๅค‰ๆ›ดใงใใ‚‹ใจๆ€ใ„ใพใ™ใ€‚

     

    ใƒใƒ‹ใƒฉjsใซๅค‰ๆ›ดใ—ใŸๅฎŒๆˆใ‚ณใƒผใƒ‰ใฏใ‚ปใ‚ฏใ‚ทใƒงใƒณๅˆฅใฎๆœ€ๅพŒใฎstepใƒ•ใ‚กใ‚คใƒซใซไฝœๆˆใ•ใ‚Œใ€ใพใšใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ใ™ใ‚‹ไบˆๅฎšใงใ™ใ€‚ ๏ผˆ1ๆœˆๆœซ๏ฝž2ๆœˆไธŠๆ—ฌ๏ผ‰

     

    ใใ—ใฆใƒใƒ‹ใƒฉjsใซๅค‰ๆ›ดใ™ใ‚‹้Ž็จ‹ใฎๆŽˆๆฅญใฏ2ๆœˆไธญใซใ™ใฃใใ‚Šใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ใ™ใ‚‹ไบˆๅฎšใงใ™ใ€‚

    ๆ›ดๆ–ฐใ•ใ‚ŒใŸๆŽˆๆฅญใŒ่‹ฆๅŠดใ—ใฆใ„ใ‚‹ๆ–นใซๅคšใใฎใŠๅฝนใซ็ซ‹ใฆใฐๅนธใ„ใงใ™ใ€‚

     

     

    ใงใฏใ€ๆ˜Žใ‘ใพใ—ใฆใŠใ‚ใงใจใ†ใ”ใ–ใ„ใพใ™ใ€‚

    ใ‚ใ‚ŠใŒใจใ†๏ผšD

    1
  • ใ“ใ‚“ใซใกใฏ:)

    ใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆ็Šถๆณใ‚’ใŠ็Ÿฅใ‚‰ใ›ใ—ใพใ™ใ€‚

    ใ‚นใ‚ฏใƒญใƒผใƒซใ‚คใƒณใ‚ฟใƒฉใ‚ฏใ‚ทใƒงใƒณใงๆœ€ใ‚‚ๅŸบๆœฌ็š„ใง้‡่ฆใช้ƒจๅˆ†ใŒใ‚ปใ‚ฏใ‚ทใƒงใƒณ2ใ€œ5ใงใ™๏ผ

    ไธ€ๅบฆใ“ใฎ้ƒจๅˆ†ใฏๆ–ฐใ—ใไฝœใ‚ŠไธŠใ’ใฆใŠใใ€ๅ‰ใ‚ˆใ‚Šใ‚‚็†่งฃใ—ใ‚„ใ™ใ„ใจๆ€ใ„ใพใ™๏ผ

     

    - ใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใ‚นใ‚ฑใ‚ธใƒฅใƒผใƒซใ‚ฌใ‚คใƒ‰ -

    ๅฎŸ้š›ใ€็งใฏ้ฆ–ใŒใ‹ใชใ‚Šๆ‚ชใ„ใงใ™ใ€‚็–ฒใ‚Œใฆใ„ใ‚‹ใจใ€็‚Ž็—‡ใŒใƒใƒณใ‚ตใƒ ใซใชใ‚Šใ€้ฆ–ใŒใ‚ˆใใƒญใƒƒใ‚ฏใ•ใ‚Œใพใ™ใ€‚

    ใ ใ‹ใ‚‰ไปฅๅ‰ใซ้Œฒ้Ÿณใ—ใŸใจใใซใ‚‚ใ‹ใชใ‚Š่‹ฆๅŠดใ—ใพใ—ใŸใ€‚

    ้Ÿณ้‡ใ‚’่‰ฏใ้Œฒ้Ÿณใ—ใ‚ˆใ†ใจๅฃฐใ‚’ๅคงใใ่ฆ‹ไธŠใ’ใ‚‹ใจใŽใ“ใกใชใ„้ƒจๅˆ†ใ‚‚ใงใใพใ—ใŸใ€‚

     

    ไปŠๅ›žใ‚‚็„ก็†ใ—ใฆใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใ‚’้€ฒใ‚ใฆใ‹ใ‚‰้ฆ–ใซ็‚Ž็—‡ใŒ็”Ÿใ˜ใพใ—ใŸใ€‚

    ไปฅๅ‰ใซใ‚ธใ‚งใ‚คใ‚ณใƒผใƒชใƒผใงๆ›ธใ‹ใ‚ŒใŸ้ƒจๅˆ†ใฎๅฎŸ็ฟ’็ทจๆŽˆๆฅญใฏใ€1ๆœˆๆœซ้ ƒใฎใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใŒๅฎŒไบ†ใ™ใ‚‹ใ‚ˆใ†ใงใ™ใ€‚ :(

     

    ใใ—ใฆใƒใƒ‹ใƒฉjsใซๅค‰ๆ›ดใ™ใ‚‹ๆŽˆๆฅญใฏ2ๆœˆไธญๆ›ดๆ–ฐใซใชใ‚‹ไบˆๅฎšใงใ™ใ€‚

    ๆ€ฅใ„ใงๅพ…ใฃใฆใ„ใ‚‹ไบบใ‚‚ใ„ใ‚‰ใฃใ—ใ‚ƒใ‚‹ใจๆ€ใ„ใพใ™ใ€‚

    ใงใใ‚‹ใ ใ‘ๆ—ฉใๅ……ๅฎŸใ—ใŸใƒฌใƒƒใ‚นใƒณใ‚’ไฝœๆˆใ—ใพใ—ใ‚‡ใ†ใ€‚

     

    ใ‚ใ‚ŠใŒใจใ†:)

     

     

     

     

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

    ใพใšใ€ใ‚นใ‚ฏใƒญใƒผใƒซใ‚คใƒณใ‚ฟใƒฉใ‚ฏใ‚ทใƒงใƒณใ‚’ๅ—่ฌ›ใ—ใฆใใ‚ŒใŸๅ—่ฌ›็”Ÿใฎ็š†ใ•ใ‚“ใซๅฟƒใ‹ใ‚‰ๆ„Ÿ่ฌใฎ่จ€่‘‰ใ‚’ไผใˆใพใ™ใ€‚ ^_^

    ็งใŒใ‚นใ‚ฏใƒญใƒผใƒซใ‚คใƒณใ‚ฟใƒฉใ‚ฏใ‚ทใƒงใƒณใ‚’ๅˆใ‚ใฆไฝœใฃใŸๅฝ“ๆ™‚ใ€ๅŽŸ็†็†่งฃใซ้‡็‚นใ‚’็ฝฎใ„ใฆๆŽˆๆฅญใ‚’ๅˆถไฝœใ—ใพใ—ใŸใ€‚

    ๆ™‚้–“ใŒๆตใ‚Œใฆใฟใ‚‹ใจใ€ๅ—่ฌ›็”Ÿใฎ็š†ใ•ใ‚“็š†ใ‚’ๆบ€่ถณใ•ใ›ใฆใ‚ใ’ใ‚‹ใ“ใจใŒใงใใชใ„ใ“ใจใŒๅˆ†ใ‹ใ‚Šใพใ—ใŸใ€‚

    ใใ‚Œใงใ€ๆ—ขๅญ˜ใฎใ‚ฏใƒฉใ‚นใฏ็†่ซ–็ทจใจใ—ใฆๆฎ‹ใ•ใ‚Œใฆใ„ใพใ™ใ€‚

    ๅ…ฅ้–€่€…ใฎ็š†ใ•ใ‚“ใพใง็š†ใŒ็†่งฃใงใใ‚‹ใ‚ˆใ†ใซไฝœใฃใฆๅญฆใถๅฎŸ็ฟ’็ทจๆŽˆๆฅญใ‚’(jqueryไฝฟ็”จ)่ฟฝๅŠ ใ—ใ€

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณๅ…จไฝ“ใงใฏใชใ„ใ‹ใ‚‚ใ—ใ‚Œใพใ›ใ‚“ใŒใ€jqueryใ‚’ๅผ•ใ„ใŸใƒใƒ‹ใƒฉSCRIPTใงใ‚นใ‚ฏใƒญใƒผใƒซใ‚คใƒณใ‚ฟใƒฉใ‚ฏใ‚ทใƒงใƒณใ‚’ๅฎŸ่ฃ…ใ™ใ‚‹ใ‚ฏใƒฉใ‚นใ‚’่ฟฝๅŠ ใ—ใŸใ„ใจๆ€ใ„ใพใ™ใ€‚ ๏ผˆๅˆ†้‡ใŒๅคšใ™ใŽใชใ„ๅ ดๅˆใฏใ€ใ™ในใฆใฎใ‚ปใ‚ฏใ‚ทใƒงใƒณใƒใƒ‹ใƒฉใ‚ฏใƒฉใ‚นใ‚’่ฟฝๅŠ ไบˆๅฎš๏ผ‰

    ๅˆ่จˆ2ใคใฎๆŽˆๆฅญใŒ็„กๆ–™ใง่ฟฝๅŠ ใ•ใ‚Œใพใ™ใ€‚

    ็งใฏ็งใŒไฝœใฃใŸๆŽˆๆฅญใซ่ฒฌไปปๆ„Ÿใ‚’ๆ„Ÿใ˜ใ€็š†ใ•ใ‚“ใซๆบ€่ถณใงใใ‚‹ๆŽˆๆฅญใ‚’ไฝœใ‚Šใพใ™ใ€‚

    ใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใฏ1ๆœˆไปฅๅ†…ใซๅฎŒไบ†ใ™ใ‚‹ไบˆๅฎšใงใ€็‰นๅˆฅใชไบ‹้ …ใŒใ‚ใ‚‹ๅ ดๅˆใฏ2ๆœˆไธญใซ็ต‚ไบ†ใ™ใ‚‹ไบˆๅฎšใงใ™ใ€‚

    ใ‚‚ใ†ไธ€ๅบฆใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™ใ€‚

    ใ‚ใ‚ŠใŒใจใ†:)

     

     

     

     

    2
  • ใ“ใ‚“ใซใกใฏ:)

    ๅ—่ฌ›็”Ÿใฎ็š†ใ•ใ‚“็š†ใ€ๅ…ƒๆฐ—ใซไปฒ่‰ฏใใ—ใฆใ„ใพใ™ใ‹๏ผŸ

    ็›ธ้•ใงใฏใชใใ€ไปŠๆ—ฅใฎใ‚นใ‚ฏใƒญใƒผใƒซใ‚คใƒณใ‚ฟใƒฉใ‚ฏใ‚ทใƒงใƒณใ‚ตใƒณใƒ—ใƒซใ‚ณใƒผใƒ‰ใŒๆ›ดๆ–ฐใ•ใ‚Œใฆ้€ฃ็ตกใ•ใ›ใฆใ„ใŸใ ใใพใ—ใŸใ€‚

    ใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆๅ†…ๅฎนใฏไปฅไธ‹ใฎ้€šใ‚Šใงใ™ใ€‚

    1.ใ‚ปใ‚ฏใ‚ทใƒงใƒณ10ๅฎŒๆˆใ‚ณใƒผใƒ‰ใ‚’่ฟฝๅŠ 

    2.ใ‚ปใ‚ฏใ‚ทใƒงใƒณ11ๅฎŒๆˆใ‚ณใƒผใƒ‰ใ‚’่ฟฝๅŠ 

    ๅ˜็‹ฌใงใ‚ณใƒผใƒ‰ๅˆ†ๆžใŒๅฏ่ƒฝใชๆ–นใฏๅฎŒๆˆใ‚ณใƒผใƒ‰ใ‚’ๅ‚็…งใ—ใฆใ„ใŸใ ใ‘ใ‚Œใฐใจๆ€ใ„ใพใ™ใ€‚

    ๅ‹‰ๅผทใŒ็›ฎ็š„ใฎๆ–นใฏใ€ใ‚ปใ‚ฏใ‚ทใƒงใƒณ10ใ€ใ‚ปใ‚ฏใ‚ทใƒงใƒณ11ใซใ‚ใ‚‹ใƒŸใƒƒใ‚ทใƒงใƒณใ‚’ๅ‡ฆ็†ใ—ใฆใฟใฆใใ ใ•ใ„ใ€‚

    ใ‚ปใ‚ฏใ‚ทใƒงใƒณ10ใจใ‚ปใ‚ฏใ‚ทใƒงใƒณ11ใฏใ€ๅ…ˆใซๅญฆใ‚“ใ ๅ†…ๅฎนใ‚’ๆŒใฃใฆไฝœใฃใŸๆŽˆๆฅญใชใฎใงใ€ไธ€ไบบใง่งฃๆฑบใ—ใฆใฟใ‚‹ใ“ใจใ‚’ใŠๅ‹งใ‚ใ—ใพใ™:)

    ใ‚ใ‚ŠใŒใจใ†๏ผšD

    1

๏ฟฅ15,382