[B! javascript][jQuery] gam-22ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

gam-22 id:gam-22

javascriptã¨jQueryã«é–¢ã™ã‚‹gam-22ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

HiBARA Software Blog
å‰å›žã®è¨˜äº‹ã€ŒCoffeeScriptã§ã‚¯ãƒ©ã‚¹ã‚’ã¤ãã‚Šãã®ä¸ã«jQueryã‚¤ãƒ™ãƒ³ãƒˆã‚’æŒãŸã™ã€ã®é–¢é€£ã€ã¨ã„ã†ã‹ç¶šãã§ã™ã€‚ å‰å›žã‚‚ã€thisã®æ‰€åœ¨ã«æ‚©ã¾ã•ã‚ŒãŸã®ã§ã™ãŒã€ä»Šå›žã‚‚åŒã˜ã‚ˆã†ãªæ„Ÿã˜ã§ãƒãƒžã£ãŸã®ã§ä¸€å¿œãƒ¡ãƒ¢ã€‚ ã“ã‚Œã«é–¢ã™ã‚‹è§£ã¯ã€ã‚ã‚Šã¨ã‚¢ãƒã‚³ãƒï¼ˆStack Overflowãªã©ï¼‰ã«ã‚ã‚‹ã®ã§ã™ãŒã€ã“ã®æµã‚Œã§ãƒãƒžã‚‹ã¨ã€ãã®è§£ã«è¾¿ã‚Šç€ã‘ãªã„ï¼ˆã‚°ã‚°ã£ã¦ã‚‚ãã‚ŒãŒè§£ç”ã ã¨æ°—ã¥ã‘ãªã„ï¼‰ã‚ˆã†ãªæ°—ãŒã™ã‚‹ã®ã§ã€ã“ã“ã«æ›¸ã„ã¦ãŠãã¾ã™ã€‚ ãŸã¨ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ã«classã§ä½œã£ãŸ<div>ã‚’ã“ã‚Œã¾ãŸclasså†…ã§å®šç¾©ã—ãŸãƒ¡ã‚½ãƒƒãƒ‰ã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã•ã›ã¾ã™ã€‚ ä»Šå›žã®ä¾‹ã§è¨€ãˆã°ã€å³ã«ç§»å‹•ã—ãŸã‚‰ï¼ˆanimate {â€˜leftâ€™:â€™128â€²}) ã€ä¸‹ã¸ï¼ˆanimate {â€˜topâ€™:â€™128â€²})ã€æ¬¡ã«å·¦ã¸ï¼ˆanimate {â€˜leftâ€™:â€™128â€²})ç§»å‹•ã—ã€æœ€å¾Œã¯å…ƒã®ä½ç½®ï¼ˆanimate {â€˜topâ€™:â€™0â€²})ã«æˆ»ã‚‹ã€
gam-22 2014/05/06
jQuery

é–¢æ•°

document

CoffeeScript

JavaScript
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®JavaScripté–‹ç™ºã¾ã¨ã‚
ã“ã‚“ã«ã¡ã¯ã€ä¸å·ã§ã™ã€‚ ã“ã“1ãƒ»2å¹´ã§ã™ãŒã€ç§ã®æ‹…å½“ã™ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ã€ PHPã‚ˆã‚Šã‚‚JavaScriptã®é–‹ç™ºãŒå¤šã„çŠ¶æ…‹ãŒç¶šã„ã¦ãŠã‚Šã¾ã™ã€‚ JSã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é‡ãã‚‹ã«ã¤ã‚Œã€é–‹ç™ºç’°å¢ƒã‚‚æ®µã€…ã¨æ•´ç†ã•ã‚Œã¦ãã¾ã—ãŸã®ã§ã€ ä¸€æ—¦ã€æœ€è¿‘ã®JSé–‹ç™ºã§åˆ©ç”¨ã—ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ãƒ„ãƒ¼ãƒ«ãªã©ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ â—Backbone.js http://backbonejs.org/ JavaScriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ ä½•ã‚‚ä½¿ã‚ãªã„(ã‚‚ã—ãã¯æˆ‘æµ)ã‚ˆã‚Šã¯ã€ã“ã‚Œã‚’ä½¿ã£ã¦æ¬²ã—ã„ã¨æ€ãˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ åˆ©ç”¨è€…ãŒå¤šãæ—¥æœ¬èªžæƒ…å ±ã‚‚è±Šå¯Œã«ã‚ã‚‹ã®ã¨ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯è‡ªä½“ãŒ1500è¡Œç¨‹åº¦ã¨è»½é‡ãªãŸã‚ã€å¦ç¿’ã‚³ã‚¹ãƒˆã‚’ä½ŽãæŠ‘ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ â—AngularJS http://angularjs.org/ ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å‚™ãˆãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ é«˜æ©Ÿèƒ½ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚„ã€DIã®ä»•çµ„ã¿ã€ãƒ«ãƒ¼ãƒ†
gam-22 2013/07/26
javascript

jQuery

é–‹ç™º

development
ãƒªãƒ³ã‚¯
ã€jQueryã€‘è¨˜äº‹ã‚’é–‹é–‰ã—ãŸã‚Šã™ã‚‹ã€switchHat.js
å°ç²‹ç©ºé–“ã®ä¸ã®äººã«ä¼šã£ãŸæ™‚ã«MT5ã§ã“ã‚“ãªäº‹ã—ãŸã„ã‚“ã™ã‚ˆããƒ¼ã£ã¦è©±ã‚’ã—ã¦ã¦ã€ãã®å¾ŒMTQã«æ›¸ã„ãŸã‚‰ã€é€Ÿæ”»ã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã—ã¦ãã‚Œã¾ã—ãŸï¼ ãƒžã‚¸æ„Ÿè¬ã§ã™ã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã¨ã‹ã§ã€ãƒšãƒ¼ã‚¸ã‚’ç”Ÿæˆã—ãŸããªã„å ´åˆã«ä½¿ãˆã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ PagePublishControllerãƒ—ãƒ©ã‚°ã‚¤ãƒ³: å°ç²‹ç©ºé–“ ã•ã¦ã€ä»Šå›žã¯æŠ˜ã‚ŠãŸãŸã¿ã™ã‚‹JSã‚’çµæ§‹å‰ã‹ã‚‰æ‰€ã€…ã§ä½¿ã£ã¦ã¦ã€æ¯Žå›žã‚½ãƒ¬ã‚’å¾®å¦™ã«æ”¹å¤‰ã—ãŸã‚Šã—ãªãŒã‚‰ä½¿ã£ã¦ãŸã®ã§ã™ãŒã‚‚ã†ã¡ã‚‡ã£ã¨æ±Žç”¨æ€§ã‚’é«˜ã‚ãŸæ„Ÿã˜ã«ã—ãŸãã¦ã€javascript ãŒå…¨ãåˆ†ã‹ã‚‰ãªã„ã®ã«è‰²ã€…ã‚„ã£ã¦ã‚½ãƒ¬ã£ã½ãã—ã¾ã—ãŸã€‚ ã“ã‚Œã¯ã€RedLine Magazineã•ã‚“ã®jQueryã§ãƒªã‚¹ãƒˆã‚’é–‹é–‰ã•ã›ãŸã„ãŒãƒ™ãƒ¼ã‚¹ã§ã™ã€‚2007å¹´11æœˆ08æ—¥ 00:19 ã«ã¡ã‚ƒã£ã‹ã‚Šã—ã£ã‹ã‚Šã‚³ãƒ¡ãƒ³ãƒˆæ®‹ã—ã¦ã¾ã™ãã€‚ ã©ã‚“ãªæ„Ÿã˜ã®æ™‚ã«ä½¿ãˆã‚‹ã‹ã¨è¨€ã„ã¾ã™ã¨ã€ã‚¦ãƒã®ãƒ–ãƒã‚°ãªã‚‰ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«æœ‰ã‚‹ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–éƒ¨åˆ†ã§ã™ã€‚
gam-22 2011/02/16
jQuery

css

JavaScript
ãƒªãƒ³ã‚¯
[JS]ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å¤‰æ›´ã•ã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Sliding Resizable Grid
<textarea name="code" class="html" cols="60" rows="5"> <div class="slidegrid"> <div class="cell bigcell">Big Cell 1</div> <div class="cell">Cell 2</div> <div class="cell">Cell 3</div> <div class="cell">Cell 4</div> </textarea>
gam-22 2010/02/01
å‡„ã„ã€‚

javascript

jQuery

ajax

sugee
ãƒªãƒ³ã‚¯
1