[B! ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹] dtsuka_hbã®ãƒ

dtsuka_hb id:dtsuka_hb

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹dtsuka_hbã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚„ã•ã¾ã–ã¾ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª -Locomotive Scroll
Webãƒšãƒ¼ã‚¸ã‚„ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã§è¦ç´ ãŒãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆå†…ã«å…¥ã£ãŸæ™‚ã«ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚„ã•ã¾ã–ã¾ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ è¦ç´ ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«è¿½å¾“ã—ã¦è¡¨ç¤ºã•ã›ãŸã‚Šã€è¦–å·®åŠ¹æžœã‚’ä½¿ã£ãŸãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚„ã‚«ãƒ¼ãƒ†ãƒ³åŠ¹æžœãªã©ã‚‚ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ Locomotive Scroll Locomotive Scroll -GitHub Locomotive Scrollã®ç‰¹å¾´ Locomotive Scrollã®ãƒ‡ãƒ¢ Locomotive Scrollã®ä½¿ã„æ–¹ Locomotive Scrollã®ç‰¹å¾´ Locomotive Scrollã¯Webãƒšãƒ¼ã‚¸ã‚„ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã§ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆå†…ã®è¦ç´ æ¤œå‡ºã¨è¦–å·®åŠ¹æžœã«ã‚ˆã‚‹ã‚¹ãƒ ãƒ¼ã‚ºãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚virtual-scrollã«ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¨ã—ã¦æ§‹ç¯‰ã•ã‚Œã€è¦ç´ ãŒãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆå†…ã«å…¥ã£ãŸæ™‚ã«c
dtsuka_hb 2022/02/26
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

javascript
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®åŸºæœ¬
jQueryã‚’ãƒ¡ã‚¤ãƒ³ã«HTML5ã‚„CSS3ã‚’ä½¿ã£ãŸãƒªãƒƒãƒãªè¡¨ç¾ã®ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã€‚ã¾ãšã¯ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®åŸºæœ¬ã‹ã‚‰ã€‚ Webã‚µã‚¤ãƒˆã®55ï¼…ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹jQuery ã¯ã˜ã‚ã¾ã—ã¦ã€‚ã‚¯ãƒ©ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€å±±ç”°ã§ã™ã€‚ã€ŒjQueryÃ—HTML5Ã—CSS3ã‚’çœŸé¢ç›®ã«å‹‰å¼·ã€ã¨ã„ã†é€£è¼‰ã‚’ã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã™ã€‚ 2005å¹´2æœˆã«Google mapsãŒç™»å ´ã—ã¦ä»¥æ¥ã€Webé–‹ç™ºè€…ã®é–“ã§JavaScriptã®æ ªã¯ä¸Šæ˜‡ã®ä¸€é€”ã‚’ãŸã©ã£ã¦ã„ã¾ã™ã€‚ãã®å‹¢ã„ã¯ã¨ã©ã¾ã‚‹ã“ã¨ã‚’çŸ¥ã‚‰ãšã€ãƒªãƒƒãƒãªWebã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚‹ã«ã¯ã€Flashã‚’ã¯ã˜ã‚ã¨ã—ãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«é ¼ã‚‹ã¨ã„ã†ã€ãã‚Œã¾ã§ã®å¸¸è˜ã‚’ã™ã£ã‹ã‚Šè¦†ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã•ã‚‰ã«ã€HTML5ã‚„CSS3ã‚‚ç™»å ´ã—ã€å„ãƒ™ãƒ³ãƒ€ã®ãƒ–ãƒ©ã‚¦ã‚¶ãŒWebæ¨™æº–ã®ä»•æ§˜ã«åˆã‚ã›ã¦å®Ÿè£…ã®è¶³ä¸¦ã¿ã‚’æƒãˆå§‹ã‚ã‚‹ãªã©ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«é ¼ã‚‰ãšã¨ã‚‚ãƒªãƒƒãƒãªUIã®Webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å°‘ãªã„æ‰‹é–“ã§ä½œã‚Œ
dtsuka_hb 2013/03/23
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

HTML5

CSS3

jquery
ãƒªãƒ³ã‚¯
[JS]ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ¥½ã—ãã™ã‚‹ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -skrollr
jQueryãªã©ã®ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ä¾å˜ã›ãšã€ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ã§ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã§ãã‚‹è¶…è»½é‡ï¼ˆ2.2KBï¼‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ skrollr -GitHub [ad#ad-2] skrollrã®ãƒ‡ãƒ¢ skrollrã®ä½¿ã„æ–¹ skrollrã®ãƒ‡ãƒ¢ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã¯è¤‡æ•°ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ç•°ãªã‚‹ã‚¹ãƒ”ãƒ¼ãƒ‰ã§å‹•ã‹ã™ã“ã¨ã§å¥¥è¡Œãã®éŒ¯è¦šã‚’èµ·ã“ã™ã‚‚ã®ã§ã€skrollrã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®é‡ã«å¿œã˜ã¦ã€ãƒšãƒ¼ã‚¸ä¸Šã®å„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ã•ã¾ã–ã¾ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’å®šç¾©ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ‡ãƒ¢ã§ã¯ãã®é¢ç™½ã„ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒæ¥½ã—ã‚ã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯3ã¤ã‚ã‚Šã€ã¾ãšã¯skrollrãŒæ¥½ã—ã‚ã‚‹ãƒ¡ã‚¤ãƒ³ã®ãƒ‡ãƒ¢ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
dtsuka_hb 2012/05/07
JavaScript

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

HTML5

CSS3
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹dtsuka_hbã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹dtsuka_hbã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚„ã•ã¾ã–ã¾ãªã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª -Locomotive Scroll

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®åŸºæœ¬

[JS]ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«ã‚’æ¥½ã—ãã™ã‚‹ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -skrollr

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹dtsuka_hbã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚„ã•ã¾ã–ã¾ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª -Locomotive Scroll

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®åŸºæœ¬

[JS]ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ¥½ã—ãã™ã‚‹ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -skrollr

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬2é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹