[B! jquery][javascript] tkpyoiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tkpyoi id:tkpyoi

jqueryã¨javascriptã«é–¢ã™ã‚‹tkpyoiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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 å…¥é–€
jQuery ã§é«˜å“è³ªãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œ ã“ã®ã‚µã‚¤ãƒˆã§ã¯ jQuery ã‚’ä½¿ã£ã¦é«˜å“è³ªãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€å…ˆã«è¨€ã£ã¦ãŠãã¾ã™ãŒã€ã“ã®ã‚µã‚¤ãƒˆã¯ jQuery ã®å®Œå…¨ãªãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ç§ãŒå®Ÿéš›ã«æ¥å‹™ã§ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ã«å½“ãŸã£ã¦ã€ã‚ˆãä½¿ã†ã‚‚ã®ã€ä¾¿åˆ©ã ã¨æ€ã†ã‚‚ã®ã‚’ä¸å¿ƒã«æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ jQuery ã®åˆ©ç‚¹ã¯ã¾ãŸä»–ã®ãƒšãƒ¼ã‚¸ã§èª¬æ˜Žã—ã¾ã™ãŒã€å¤§ããåˆ†ã‘ã¦ï¼“ã¤æŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ ã²ã¨ã¤ã¯ jQuery ãŒãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã‚‹é•ã„ã‚’å¸åŽã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ã‚ãªãŸã®é–‹ç™ºã‚’å®¹æ˜“ã«ã™ã‚‹ã“ã¨ã€‚ äºŒã¤ç›®ã¯æ¥µã‚ã¦ä¾¿åˆ©ãªãƒ•ã‚¡ãƒ³ã‚¯ã‚·ãƒ§ãƒ³ãŒåˆ©ç”¨å¯èƒ½ã¨ãªã‚‹ã“ã¨ã€‚ãã—ã¦ä¸‰ã¤ã‚ã¯å„ªã‚ŒãŸ UI ã‚’ã‚‚ã¤ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒç›´ã¡ã«åˆ©ç”¨ã§ãã‚‹ã“ã¨ã§ã™ã€‚
tkpyoi 2014/02/06
è¦šãˆãŸã„ã€‚jQueryã€‚

jQuery

javascript

programming

develop

design
ãƒªãƒ³ã‚¯
ï¼ˆå¤§å¦ã®æŽˆæ¥ã‚’é™¤ã„ã¦ï¼‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ´10ãƒ¶æœˆã ã‘ã©å°èª¬æŠ•ç¨¿ã‚µã‚¤ãƒˆDenkinovelä½œã‚Šã¾ã—ãŸ - from __future__ import katryo
ã“ã‚“ã«ã¡ã¯ã‹ã¨ã‚Šã‚‡ãƒ¼ã§ã™ã€‚ ã†ã”ãå°èª¬æŠ•ç¨¿ã‚µã‚¤ãƒˆDenkinovelã¨ã„ã†Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ç¾åœ¨Î²ç‰ˆã¨ã—ã¦ãƒ†ã‚¹ãƒˆãƒ¦ãƒ¼ã‚¶ãƒ¼å‹Ÿé›†ä¸ã§ã™ã€‚ã©ã†ã‹ã¿ãªã•ã‚“ã€ä½¿ã£ã¦ã¿ã¦ãã ã•ã„ã€‚Twitterã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ãŠæŒã¡ãªã‚‰ã€ã™ãã«ç™»éŒ²ã§ãã¾ã™ã€‚ ã©ã†ã„ã†Webã‚µãƒ¼ãƒ“ã‚¹ï¼Ÿ èƒŒæ™¯å¤‰åŒ–ãƒ»BGMãªã©ã®æ¼”å‡ºã®ã‚ã‚‹å°èª¬ã‚’æŠ•ç¨¿ã§ãã‚‹å°èª¬æŠ•ç¨¿ã‚µã‚¤ãƒˆã§ã™ã€‚ ãƒŽãƒ™ãƒ«ã‚²ãƒ¼ãƒ ã¿ãŸã„ãªå°èª¬ãŒç°¡å˜ã«ä½œã‚Œã¦ã€ã™ãã«å…¬é–‹ã§ãã¾ã™ã€‚ ã‚ˆãã‚ã‚‹å°èª¬æŠ•ç¨¿ã‚µã‚¤ãƒˆã¿ãŸã„ã«ã€æŽ²ç¤ºæ¿å½¢å¼ã§ãšã£ã¨æ–‡ç« ãŒç¶šãã®ã§ã¯ãªãã€1ãƒšãƒ¼ã‚¸åˆ†ã ã‘ã®æœ¬æ–‡ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã‚¯ãƒªãƒƒã‚¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚ã‚ã›ã¦æœ¬æ–‡ãŒãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã—ã¦ã„ãã¾ã™ã€‚BGMã‚’æµã—ãŸã‚Šã€æŒ¿çµµã§ã®æ¼”å‡ºã‚‚ã§ãã¾ã™ã€‚ ï¼ˆèƒŒæ™¯ç”»åƒã¯ãã¾ãã‚Œã‚¢ãƒ•ã‚¿ãƒ¼æ§˜ã‚ˆã‚ŠãŠå€Ÿã‚Šã—ã¾ã—ãŸï¼‰ ã„ã¡ã©è¦‹ã¦ã¿ã‚Œã°æ„Ÿè¦šã¯ã¤ã‹ã‚ã¾ã™ã€‚ã“ã¡ã‚‰ã‹ã‚‰è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ãƒŽãƒ™ãƒ«ã‚²ãƒ¼ãƒ ã¿ãŸã„ã§ã™ãŒã€ã‘ã£ã—ã¦ã‚²ãƒ¼ãƒ ã§ã¯ã‚ã‚Šã¾ã›
tkpyoi 2012/11/28
é¢ç™½ãã†ã ã€‚

Twitter

web

ruby

programming

develop

*ã‚ã¨ã§èªã‚€

javascript

rails

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

jquery

javascript

HTML5

css3

web
ãƒªãƒ³ã‚¯
HTML5 Boilerplate: The webâ€™s most popular front-end template
HTML5 Boilerplate helps you build fast, robust, and adapta ble web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.
tkpyoi 2012/09/01
HTML5

html

web

javascript

jquery

css3

css
ãƒªãƒ³ã‚¯
jQueryãƒ»Ajaxå®Ÿè·µã‚µãƒ³ãƒ—ãƒ«
tkpyoi 2012/05/23
javascript

jquery

develop

design
ãƒªãƒ³ã‚¯
jQuery 1.7ç™»å ´ - ã•ã‚‰ãªã‚‹é«˜é€ŸåŒ–å®Ÿç¾
jQuery: The Write Less, Do More, JavaScript Library äººæ°—ã®é«˜ã„JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒjQueryã€ã®æœ€æ–°ç‰ˆã¨ãªã‚‹jQuery 1.7ãŒå…¬é–‹ã•ã‚ŒãŸã€‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚‚jQuery CDN (http://code.jquery.com/jquery-1.7.jsã€http://code.jquery.com/jquery-1.7.min.js)çµŒç”±ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã€‚GoogleãŠã‚ˆã³Microsoftã‚‚è‡ªç¤¾ã®CDNã§jQueryã‚’é…å¸ƒã—ã¦ã„ã‚‹ã€‚jQuery 1.7ã«ãŠã‘ã‚‹ä¸»ãªæ–°æ©Ÿèƒ½ã¯æ¬¡ã®ã¨ãŠã‚Šã€‚ ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã‚’çµ±åˆã™ã‚‹.on()ãŠã‚ˆã³.off()ã®å°Žå…¥ã€‚å¾“æ¥ã§ã‚ã‚Œã°.bind()ã€.unbind()ã€.delegate()ã€.undelegate()ã€.live()ã€.die()ãªã©ã‚’ä½¿ã†ã¨ã“ã‚ã ãŒã€
tkpyoi 2011/11/19
jquery

javascript

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
1æ™‚é–“ã§æºå¸¯ã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã«ã™ã‚‹æ–¹æ³• | GREE Engineering
åˆã‚ã¦ã®æŠ•ç¨¿ã¨ãªã‚Šã¾ã™ã€‚ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®matsuã§ã™ã€‚ æºå¸¯å‘ã‘ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’1æ™‚é–“ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ¦‚è¦ 2011å¹´4æœˆ7æ—¥ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ã¦æºå¸¯é›»è©±ã®æ–°è¦å¥‘ç´„æ•°ã®ã†ã¡ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒå ã‚ã‚‹å‰²åˆãŒ50%ã‚’è¶Šãˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæœ¬æ ¼çš„ã«æ™®åŠã™ã‚‹å…†ã—ãŒè¦‹ãˆã¦ãã¾ã—ãŸã€‚ ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’æ–°è¦æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯æ•°å¤šãå‡ºã¦ã„ã¾ã™ãŒã€æ—¢å˜ã®æºå¸¯ã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ãŒã‚ã¾ã‚Šç´¹ä»‹ã•ã‚Œã¦ã„ãªã„ã®ã§ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’è¡Œã†ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ å®Ÿè£… å…¨éƒ¨ã§8ã‚¹ãƒ†ãƒƒãƒ—ã‚ã‚Šã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’ä¾‹ã«ã¨ã£ã¦èª¬æ˜Žã—ã¾ã™ã€‚ å‰åŠã§ã¯æ–‡å—ã‚³ãƒ¼ãƒ‰ã®å¤‰æ›´ã€HTMLã®å¤‰æ›´ã¨ã„ã£ãŸæ§‹é€ ã‚’å¤‰æ›´ã—ã¾ã™ã€‚å¾ŒåŠã§ã¯çµµæ–‡å—ã‚„æ–‡å—ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¡Œã„ã€ä»•ä¸Šã’ã¨ã—ã¦HTML5ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã£ã¦ã„ãã¾ã™ã€‚æœ€åˆ
tkpyoi 2011/04/27
web

design

develop

javascript

jquery

programming
ãƒªãƒ³ã‚¯
1