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

aoasagi id:aoasagi

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

${{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}}

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã¨ã„ã†ã‹ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒScrollTween.jsã€
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã¨ã„ã†ã‹ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒScrollTween.jsã€ ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ ä»Šå¹´ã«å…¥ã£ã¦ã‹ã‚‰ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã‚’ç”¨ã„ãŸã‚µã‚¤ãƒˆã‚’ã‚ˆãè¦‹ã‹ã‘ã¾ã™ãã€‚ æ˜¥ãã‚‰ã„ã«è©±é¡Œã«ãªã£ã¦ã€å®šç•ªã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚‚ã‚ã‚‹ã®ã§ã€æœ€è¿‘ã‚‚ã„ã‚ã„ã‚ãªã¨ã“ã‚ã§è¦‹ã‹ã‘ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€æœ€è¿‘ã¯è¦–å·®åŠ¹æžœã§å¥¥è¡Œãã‚’è¡¨ç¾ã™ã‚‹ã¨ã„ã†ã‚ˆã‚Šã‚‚ã€ å˜ç´”ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«é€£å‹•ã—ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ã“ã¨ã‚‚å«ã‚ã¦ã€ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã¨å‘¼ã‚“ã§ã„ã‚‹ãŒå¤šã„ã®ã§ã¯ã¨ã‚‚æ€ã„ã¾ã™ã€‚ ä½•ã‹ã¨è©±é¡Œã®ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã€Œcommã€ã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ã‚‚ãã†ã§ã™ãã€‚ ãã‚“ãªæµè¡Œã«å¾“ã£ã¦ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã‚’å°‘ã—ã”ç´¹ä»‹ã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã®ã¯ã€ã€ŒScrollTween.jsã€ã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ã‚·ãƒ¼ã‚¨ãƒ¼ãƒ¢ãƒã‚¤ãƒ«ç¤¾ã®ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹ãŸã‚ã«é–‹ç™ºã•ã‚Œã€ ã›ã£ã‹ãã ã‹ã‚‰ã¨ã„ã†ã“ã¨ã§ã€å…¬é–‹ã•ã‚Œã¦ã„ã‚‹
aoasagi 2015/04/14
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

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

jQuery
ãƒªãƒ³ã‚¯
[JS]ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã®ãŒæ¥½ã—ããªã‚‹ï¼å¤šå½©ãªãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Jarallax
Loodsmedia ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤å†…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚‚ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã—ã¾ã™ã€‚ Jarallaxã®ä½¿ã„æ–¹ ã€ŒDemo 3ã€ã‚’ä¾‹ã«ã€å®Ÿè£…æ–¹æ³•ã‚’ç°¡å˜ã«ç´¹ä»‹ã—ã¾ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’headå†…ã«å¤–éƒ¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jarallax-0.2.3b.js"></script> HTML HTMLè‡ªä½“ã¯é€šå¸¸é€šã‚Šã«å®Ÿè£…ã—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’é©ç”¨ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ã¯å‚ç…§ã§ãã‚‹ã‚ˆã†id, classãªã©ã‚’ä»˜ã‘ã¾ã™ã€‚ <h1 class="logo">Jarallax</h1> <div class="container" id="slide1"> <h2>è¦‹å‡ºã—ï¼šslide
aoasagi 2015/04/14
webåˆ¶ä½œ

jQuery

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹
ãƒªãƒ³ã‚¯
æ£®å±±ç›´å¤ªæœ—ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ã‚µã‚¤ãƒˆ
æ£®å±±ç›´å¤ªæœ—ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ã‚µã‚¤ãƒˆ
aoasagi 2015/02/26
æœ€è¿‘ä¸€æ—¥ä¸€å›žã¯æ£®å±±ç›´å¤ªæœ—ã®ã‚µã‚¤ãƒˆã«è¡Œã£ã¦ä¸Šã‹ã‚‰ä¸‹ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã—ã¾ã†

WEBãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #6 ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®åŸºæœ¬ | DevelopersIO
ãã‚“ãªè¨³ã§ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãƒ»ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã¤ã„ã¦å°‘ã—å¦ã‚“ã§ã¿ãŸã®ã§ã€è¶…åˆå¿ƒè€…å‘ã‘ï¼ˆâ€»è‡ªåˆ†å«ã‚€ï¼‰ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« - ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼ˆparallaxï¼‰ã‚’ç›´è¨³ã™ã‚‹ã¨è¦–å·®ã§ã™ã€‚è¦–å·®åŠ¹æžœã¨ã¯ã€è¦–ç•ŒãŒç§»å‹•ã™ã‚‹éš›ã«å„ç‰©ä½“ãŒãã‚Œãžã‚Œç•°ãªã£ãŸã‚¹ãƒ”ãƒ¼ãƒ‰ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§ã€å¥¥è¡Œãé–“ã‚’ã¯ã˜ã‚ã¨ã—ãŸè¦–è¦šåŠ¹æžœã‚’æŒ‡ã—ã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¸–ç•Œã§ã¯ãƒ‡ã‚£â—‹ãƒ‹ãƒ¼æ˜ ç”»ã§å¤ãã‹ã‚‰ä½¿ã‚ã‚Œã¦ã„ãŸã‚Šã€ãƒ“ãƒ‡ã‚ªã‚²ãƒ¼ãƒ ã«ãŠã„ã¦ã‚‚æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ã‚²ãƒ¼ãƒ ãªã©ã§æ˜”ã‹ã‚‰ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ JavaScriptï¼ˆjQueryï¼‰ã§ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ 1 | ã‚¹ã‚¯ãƒãƒ¼ãƒ«å€¤ã‚’å–å¾— ã©ã‚Œã ã‘ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‹ã¨ã„ã†å€¤ã‚’å–å¾—ã—ã¾ã™ã€‚ã“ã‚Œã ã‘ã§ã¯ã¾ã ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚‚ä½•ã‚‚ã‚ã‚Šã¾ã›ã‚“ãŒã€å…¨ã¦ã¯ã“ã“ã‹ã‚‰å§‹ã¾ã‚‹ã®ã§ã™ã€‚ $(function() { $(window).scroll(fu
aoasagi 2015/02/25
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

jQuery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§èƒŒæ™¯ç”»åƒã‚’åˆ¥ã€…ã«å‹•ã‹ã™ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœ
é€šå¸¸èƒŒæ™¯ç”»åƒã¯è¨˜äº‹ã‚’ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ä¸€ç·’ã«ç§»å‹•ã™ã‚‹ã‹ã€ã‚‚ã—ãã¯èƒŒæ™¯ç”»åƒãŒå›ºå®šã•ã‚ŒãŸçŠ¶æ…‹ã§ã—ã‹è¨å®šã§ãã¾ã›ã‚“ã€‚ã—ã‹ã—JQueryã‚’ä½¿ã†ã¨èƒŒæ™¯ç”»åƒãŒæ¨ªã€æ–œã‚ãªã©å¥½ããªæ–¹å‘ã«å‹•ã‹ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ä»Šå›žã¯ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã®ã‚ã‚‹2ç¨®é¡žã®ã‚µãƒ³ãƒ—ãƒ«ã¨ã‚³ãƒ¼ãƒ‰ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨é›²ã®èƒŒæ™¯ç”»åƒãŒæ¨ªã«å‹•ã å…ƒã®ã‚³ãƒ¼ãƒ‰ã¯ã‚¢ãƒ¡ãƒ–ãƒã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€Œæ°—çƒã«ä¹—ã£ã¦ã€ã®ã‚³ãƒ¼ãƒ‰ã‚’å…ƒã«å°‘ã‚¢ãƒ¬ãƒ³ã‚¸ã—ã¦ç´¹ä»‹ã—ã¦ã‚ã‚Šã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã¦ã„ãŸã ã‘ã°åˆ†ã‹ã‚‹ã¨ãŠã‚Šã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨é›²ã®èƒŒæ™¯ç”»åƒãŒæ¨ªã«å‹•ãã¾ã™ã€‚ èƒŒæ™¯ç”»åƒã‚’è¨ç½®ã™ã‚‹è¦ç´ å(idåã‚„classå)ã¯ã‚µã‚¤ãƒˆã«ã‚ˆã£ã¦ç•°ãªã‚‹ã¨æ€ã„ã¾ã™ã®ã§ãã‚Œã«åˆã‚ã›ã¦è¦ç´ å(idåã‚„classå)ã¯å¤‰æ›´ã—ã¦ãã ã•ã„ã€‚ ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã§ã¯ç¸¦æ–¹å‘ã¯0pxã«ã—ã¦ã‚ã‚‹ã®ã§æ¨ªæ–¹å‘ã®ã¿ç§»å‹•ã—ã¦ã„ãã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨èƒŒæ™¯ãŒå³ã«2pxã¥ã¤ç§»å‹•ã—ã¾ã™ã€‚ htmlã‚³ãƒ¼ãƒ‰ htmlã®ã‚³ãƒ¼ãƒ‰ã¯è¨˜äº‹ã®å¤–å´
aoasagi 2015/02/25
webåˆ¶ä½œ

èƒŒæ™¯

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹
ãƒªãƒ³ã‚¯
1