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

Kechol id:Kechol

javascriptã«é–¢ã™ã‚‹Kecholã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (60)

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

CSS will-changeãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã„ã¦çŸ¥ã£ã¦ãŠãã¹ãã“ã¨ | POSTD
ã¯ã˜ã‚ã« WebKitç³»ãƒ–ãƒ©ã‚¦ã‚¶ã§CSS transf ormã‚„animationã¨ã„ã£ãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ã£ãŸæ™‚ã«ç™ºç”Ÿã™ã‚‹ã€â€œä¾‹ã®ã¡ã‚‰ã¤ãâ€ã€‚ã“ã‚Œã«æ°—ã¥ã„ãŸã“ã¨ã®ã‚ã‚‹äººãªã‚‰ã°ã€ãŠãã‚‰ãâ€œãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ãƒ»ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³â€ã¨ã„ã†ç”¨èªžã‚’ã“ã‚Œã¾ã§ã«ã‚‚è€³ã«ã—ãŸã“ã¨ãŒã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ CPU, GPU, ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ãƒ»ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ ä¸€è¨€ã§è¨€ã†ã¨ã€ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ãƒ»ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã¯ã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãƒ»ãƒ—ãƒã‚»ãƒƒã‚·ãƒ³ã‚°ãƒ»ãƒ¦ãƒ‹ãƒƒãƒˆï¼ˆGPUï¼‰ã‚’ç”¨ã„ã¦ã‚»ãƒ³ãƒˆãƒ©ãƒ«ãƒ»ãƒ—ãƒã‚»ãƒƒã‚·ãƒ³ã‚°ãƒ»ãƒ¦ãƒ‹ãƒƒãƒˆï¼ˆCPUï¼‰ã®å‡¦ç†é‡ã‚’è»½æ¸›ã—ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°å‡¦ç†ã‚’åŠ¹çŽ‡åŒ–ã™ã‚‹ã“ã¨ã§ã™ã€‚ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ãƒ»ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’æœ‰åŠ¹ã«ã—ã¦CSSå‡¦ç†ã‚’ä½¿ã†ã¨ã€ãƒšãƒ¼ã‚¸ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒé€Ÿããªã‚Šã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºãŒé«˜é€ŸåŒ–ã•ã‚Œã¾ã™ã€‚ åå‰ã®é€šã‚Šã€CPUã¨GPUã¯ã©ã¡ã‚‰ã‚‚ãƒ—ãƒã‚»ãƒƒã‚·ãƒ³ã‚°ãƒ»ãƒ¦ãƒ‹ãƒƒãƒˆã§ã™ã€‚CPUã¯ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã®ãƒžã‚¶ãƒ¼ãƒœãƒ¼ãƒ‰ã«å–ã‚Šä»˜ã‘ã‚‰ã‚Œã¦ã„ã‚‹éƒ¨å“ã§ã€ã»
Kechol 2014/07/01
ã¯ã‚„ããƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã—ã¦ãã‚ŒãŸã‚‰å¬‰ã—ã„ãªã

css

webkit

javascript

web

ãƒ–ãƒ©ã‚¦ã‚¶

é«˜é€ŸåŒ–
ãƒªãƒ³ã‚¯
æœ€é«˜ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžï¼ˆã¾ãŸã¯ç§ã¯å¦‚ä½•ã«ã—ã¦å¿ƒé…ã™ã‚‹ã®ã‚’æ¢ã‚ã¦ã‚³ãƒ¼ãƒ‰ã‚’æ„›ã™ã‚‹ã‚ˆã†ã«ãªã£ãŸã‹ï¼‰ | POSTD
å¸¸ã«ä¸–ç•Œã®ã©ã“ã‹ã§èª°ã‹ãŒã€ã“ã®ä¸–ã§ä¸€ç•ªã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¯ä½•ã‹ã¨ã„ã†ãƒˆãƒ”ãƒƒã‚¯ã§æŠ•ç¨¿ã—ã€å¿˜ã‚ŒåŽ»ã‚‰ã‚ŒãŸè¨€èªžã®ã™ã°ã‚‰ã—ã„ä¸€é¢ã‚„ã€æ–°ã—ã„è¨€èªžã®æœ‰ç”¨æ€§ã‚’ä¸»å¼µã—ã¦ã„ã¾ã™ã€‚ã©ã†ã‚„ã‚‰ã€ãã®é †ç•ªãŒç§ã«å›žã£ã¦ããŸã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãã‚ãã‚ç§ã‚‚ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«ã¤ã„ã¦ã®è‡ªåˆ†ã®è€ƒãˆã‚’çš†ã•ã‚“ã«ãŠä¼ãˆã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ å§‹ã‚ã«å°‘ã—è¨€ã„è¨³ã‚’ã•ã›ã¦ãã ã•ã„ã€‚30ä»¥ä¸Šã®è¨€èªžã§é–‹ç™ºã—ãŸçµŒé¨“ãŒã‚ã‚Šã€ä»–ã®äººãŒæ›¸ã„ãŸå¤šãã®ã‚³ãƒ¼ãƒ‰ã¨æ‚ªæˆ¦è‹¦é—˜ã‚’ã—ã¦ããŸé–‹ç™ºè€…ã§ã‚‚ãªã„é™ã‚Šã€ã€Œè‡ªåˆ†ã®æ„è¦‹ã«ã¯å®¢è¦³æ€§ãŒã‚ã‚‹ã€ã¨ã¯ã¨ã¦ã‚‚è¨€ãˆãªã„ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªã‚ã‘ã§ã€ã“ã®ãƒˆãƒ”ãƒƒã‚¯ã‚’å–ã‚Šä¸Šã’ã‚‹ä»–ã®å¤šãã®äººã¨åŒã˜ã‚ˆã†ã«ã€ç§ã®æ„è¦‹ã‚‚åã£ã¦ã„ã¾ã™ã€‚å¤šãã®è¨€èªžã«ç²¾é€šã—ãŸé–‹ç™ºè€…ãŒã“ã®è©±é¡Œè‡ªä½“ã‚’ä¸æ¯›ã ã¨æ„Ÿã˜ã‚‹ã®ã¯ã€ã“ã®ã›ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ è¦ç´„: ã™ã°ã‚‰ã—ã„è¨€èªž æ—©é€Ÿã€ã“ã®ãƒ–ãƒã‚°é™å®šã¨ã„ã†ã“ã¨ã§ã€ç§ãŒè€ƒãˆã‚‹â€ã™ã°ã‚‰ã—ã„è¨€èªžâ€ã‚’ç™ºè¡¨ã—ã¾ã—ã‚‡ã†ã€‚ ã‚¢ã‚»ãƒ³ãƒ–ãƒªè¨€èªžï¼š ãƒž
Kechol 2014/06/25
javascript

python

haskell

ocaml

golang

clojure

programming
ãƒªãƒ³ã‚¯
ã‚ã‚‹ä¸ç´šãƒ—ãƒã‚°ãƒ©ãƒžã®å‘Šç™½ | POSTD
ç§ã¯ä¸ç´šãƒ¬ãƒ™ãƒ«ã®ãƒ—ãƒã‚°ãƒ©ãƒžã§ã™ã€‚ åŸºæœ¬ã‚’ç†è§£ã™ã‚‹ã®ã¯å¾—æ„ã§ã™ã€‚éŽåŽ»ã®å¤±æ•—ã‚’ãã¡ã‚“ã¨åˆ†æžã§ãã‚‹ãã‚‰ã„çµŒé¨“ã‚’é‡ãã¦ã„ã¾ã™ã—ã€ã‚‚ã£ã¨çŸ¥ã‚‹ã¹ãã“ã¨ã¯å±±ã»ã©ã‚ã‚‹ã“ã¨ã‚‚åˆ†ã‹ã£ã¦ã„ã¾ã™ã€‚ ç‰¹ç†ã™ã¹ãã¯ã€è‡ªåˆ†ã§èº«ã«ã¤ã‘ã‚‹ã¹ãã“ã¨ã‚’çŸ¥ã£ãŸã†ãˆã§ã€ãã‚Œã‚’å¸åŽã—ã‚ˆã†ã¨ç©æ¥µçš„ã‹ã¤ç²¾åŠ›çš„ã«å–ã‚Šçµ„ã‚“ã§ã„ã‚‹ç‚¹ã§ã—ã‚‡ã†ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒžã¨ã—ã¦ã®èƒ½åŠ›ã¯å¹³å‡çš„ãªã‚‚ã®ã«éŽãŽãªã„ã¨ã€å¿ƒã‹ã‚‰ç´å¾—ã™ã‚‹ã¾ã§æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã—ãŸã€‚ä»Šã§ã¯ã€ã‚ˆãç†è§£ã§ããªã„ã¾ã¾ã«èª°ã‹ã®æ„è¦‹ã‚’å—ã‘å£²ã‚Šã™ã‚‹å¿…è¦ãªã©æ„Ÿã˜ã¦ã„ã¾ã›ã‚“ã€‚çŸ¥ã‚‰ãªã„ã“ã¨ãŒã‚ã£ã¦ã‚‚ã€ãã‚Œã‚’ä»–äººã«æ‚Ÿã‚‰ã‚Œã‚‹ã®ã¯æ€–ãã‚ã‚Šã¾ã›ã‚“ã€‚ ã§ã‚‚ä»¥å‰ã¯é•ã„ã¾ã—ãŸã€‚ä¿¡ã˜ã‚‰ã‚Œãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ç§ã¯ã‹ã¤ã¦ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®é”äººã ã£ãŸã®ã§ã™ã€‚ è‡ªåˆ†ã®èƒ½åŠ›ã‚’èª¤ã£ã¦è©•ä¾¡ã—ã¦ã„ãŸã®ã¯ã€æ¯”è¼ƒçš„å¤ç‹¬ãªç’°å¢ƒã§ã‚¹ã‚ãƒ«ã‚’å¦ã‚“ã ãŸã‚ã§ã—ã‚‡ã†ã€‚å½“æ™‚ã¯ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã‚’æŒã£ã¦ã„ã‚‹ã“ã¨ã•ãˆã€ã¡ã‚‡ã£ã¨ç‰¹åˆ¥ãªã“ã¨ã§ã—ãŸã€‚ä½¿ã„æ–¹ã‚’çŸ¥ã£ã¦ã„ã‚‹ã¨ãªã‚Œã°ã€ãª
Kechol 2014/06/23
è‡ªåˆ†

ãƒ¡ãƒ‡ã‚£ã‚¢

javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
JavaScriptã®èªã¿è¾¼ã¿ã«ãŠã‘ã‚‹éžåŒæœŸã‚¹ã‚¯ãƒªãƒ—ãƒˆæ³¨å…¥ã®æ‚ªå½±éŸ¿ | POSTD
Synchronousï¼ˆåŒæœŸï¼‰ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯åŠ¹çŽ‡ãŒæ‚ªã„ã€‚ã¨ã„ã†ã®ã‚‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ã«DOMæ§‹ç¯‰ã‚’ã•ã›ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’èªã¿è¾¼ã¾ã›ã€æ®‹ã‚Šã®ãƒšãƒ¼ã‚¸ã‚’ãƒªãƒãƒ¼ãƒ‰ã™ã‚‹å‰ã«å®Ÿè¡Œã—ã¦ã—ã¾ã„ã¾ã™ã€‚ä»Šã•ã‚‰ãªè©±ã§ã™ãŒã€ã“ã‚ŒãŒã‚ã‚Œã‚ã‚Œãƒ—ãƒã‚°ãƒ©ãƒžãŒasynchronousï¼ˆéžåŒæœŸï¼‰ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ã‚ˆãä½¿ã†ã‚ˆã†ã«ãªã£ãŸç†ç”±ã§ã™ã€‚ã“ã“ã«åˆ†ã‹ã‚Šã‚„ã™ã„ä¾‹ãŒã‚ã‚Šã¾ã™ã€‚  <script src="http://somehost.com/awesome-widget.js"></script>  <script> var script = document.createElement('script'); script.src = "http://somehos
Kechol 2014/06/20
javascript
ãƒªãƒ³ã‚¯
JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ã‚‚ã†ã“ã‚Šã”ã‚Š | POSTD
JavaScriptã§ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æ›¸ãã®ã¯ã‚‚ã†ã‚„ã‚ã¾ã—ã‚‡ã†ã€‚ JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ã‚‚ã®ã¯ã€ã‚ãŸã‹ã‚‚é¿ã‘ã‚‰ã‚Œãªã„æ»ã¨ç¨Žé‡‘ã®ã‚ˆã†ãªã‚‚ã®ã€çµ¶å¯¾ã«ã¶ã¡ã‚ãŸã‚‹é¿ã‘ã‚‰ã‚Œãªã„ã‚‚ã®ã¨ã„ã‚ã‚Œã¦ã„ã¾ã™ã€‚ã“ã£ãã‚Šèžã„ã¦ã¿ã¾ã—ã‚‡ã†ã€æ–°ã—ã„ã‚¦ã‚§ãƒ–ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒå§‹ã¾ã‚‹ã¨ãã€ä¸€ç•ªåˆã‚ã«èžã‹ã‚Œã‚‹è³ªå•ã¯ï¼Ÿåä¸å…«ä¹ã¯ã€Œã©ã®JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ä½¿ã£ã¦ã„ã‚‹ã®ï¼Ÿã€ã§ã—ã‚‡ã†ãã€‚æ˜¨ä»Šã®æ¥ç•Œã«ãŠã„ã¦JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ã‚‚ã®ã¯æœ¬å½“ã«æ ¹æ·±ãæµ¸é€ã—ã¦ã„ã‚‹ã®ã§ã™ã€‚ã§ã‚‚ã€ã ã‹ã‚‰å¿…é ˆã ã¨ã„ã†ã‚‚ã®ã§ã¯ãªã„ã®ã§ã™ã€‚å®Ÿéš›ã€ã‚‚ã†ä½¿ã†ã¹ãã§ã¯ãªã„ã®ã§ã™ã€‚ ã©ã†ã—ã¦ã“ã†ã„ã£ãŸçµè«–ã«è‡³ã£ãŸã®ã‹ã€æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ Angularã«Backboneã€Emberãƒ»ãƒ»ãƒ» ã“ã“ã®ã¨ã“ã‚é•·ã„é–“ã€ ã‚¦ã‚§ãƒ–ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã¨ã¯HTML+CSS+JSã€ã¨ç°¡æ½”ã«æŠ€è¡“ç”¨èªžã®ç¾…åˆ—ã§ã¾ã¨ã‚ã‚‰ã‚Œã¦ã—ã¾ã£ã¦ã„ã¾ã—ãŸãŒã€ãã“ã«ã¯ã‚‚ã£ã¨ã´ã£ãŸã‚Šè¡¨ã™ç”¨èªžâ€œå¤§æ··ä¹±â€
Kechol 2014/06/18
ç¢ºã‹ã«JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã„ã£ã±ã„ã‚ã‚Šã™ãŽã‚‹

javascript
ãƒªãƒ³ã‚¯
hew.ioÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼ hew.io ã¯ã€ã‚ãªãŸãŒãŠæŽ¢ã—ã®æƒ…å ±ã®å…¨ã¦ã®æœ€æ–°ã‹ã¤æœ€é©ãªã‚½ãƒ¼ã‚¹ã§ã™ã€‚ä¸€èˆ¬ãƒˆãƒ”ãƒƒã‚¯ã‹ã‚‰ã“ã“ã‹ã‚‰æ¤œç´¢ã§ãã‚‹å†…å®¹ã¯ã€hew.ioãŒå…¨ã¦ã¨ãªã‚Šã¾ã™ã€‚ã‚ãªãŸãŒãŠæŽ¢ã—ã®å†…å®¹ãŒè¦‹ã¤ã‹ã‚‹ã“ã¨ã‚’é¡˜ã£ã¦ã„ã¾ã™ï¼
Kechol 2014/03/31
ãƒ©ã‚¤ãƒ–ãƒ©ãƒªæ¤œç´¢ã‚µãƒ¼ãƒ“ã‚¹ã€‚è¦‹ãŸç›®ãŒç¶ºéº—ç›®ã€‚

javascript

ios

android

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
Node.jsã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã‚’Promiseã‚„Generatorã‚’ä½¿ã£ã¦è§£æ¶ˆã™ã‚‹ - HackerNewsç¿»è¨³ã—ã¦ã¿ãŸ
ã€ŒHackerNewsç¿»è¨³ã—ã¦ã¿ãŸã€ãŒ POSTD (ãƒã‚¹ãƒˆãƒ»ãƒ‡ã‚£ãƒ¼) ã¨ã—ã¦ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸï¼ ã“ã®è¨˜äº‹ã¯ã“ã“ã§ã‚‚å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Original article: Managing Node.js Callback Hell with Promises, Generators and Other Approaches by Marc Harter ä¸‹ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ãŒã€è¦ªã—ã¿ã‚’ã“ã‚ã¦ã€Œã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã€ã¨ã‹ã€Œæ»ã®ãƒ”ãƒ©ãƒŸãƒƒãƒ‰ã€ã¨ã‹å‘¼ã°ã‚Œã¦ã„ã‚‹ã®ã¯ã”å˜ã˜ã§ã™ã‚ˆãã€‚ doAsync1(function () { doAsync2(function () { doAsync3(function () { doAsync4(function () { }) }) }) ã“ã®çŠ¶æ…‹ãŒã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã‹ã©ã†ã‹ã¯ã€æ„è¦‹ã®åˆ†ã‹ã‚Œã‚‹ã¨ã“ã‚ã§ã—ã‚‡ã†ã€‚ãƒã‚¹ãƒˆãŒã„ãã‚‰æ·±ãã¦ã‚‚å…¨ãå•é¡ŒãŒãªã„ã‚³ãƒ¼ãƒ‰ã‚‚ã‚ã‚‹ã‹ã‚‰ã§
Kechol 2014/03/07
javascript

nodejs
ãƒªãƒ³ã‚¯
JavaScriptã§bind()ã‚’ä½¿ã£ã¦éƒ¨åˆ†é©ç”¨ã™ã‚‹ - HackerNewsç¿»è¨³ã—ã¦ã¿ãŸ
ã€ŒHackerNewsç¿»è¨³ã—ã¦ã¿ãŸã€ãŒ POSTD (ãƒã‚¹ãƒˆãƒ»ãƒ‡ã‚£ãƒ¼) ã¨ã—ã¦ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸï¼ ã“ã®è¨˜äº‹ã¯ã“ã“ã§ã‚‚å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Original article: Partial Application in JavaScript using bind() by Pascal Hartig JavaScriptã®ä¸ã«ã¯ã‚³ãƒ¼ãƒ‰ã‚’ã‚‚ã£ã¨ã‚·ãƒ³ãƒ—ãƒ«ã§è¦‹ã‚„ã™ãã§ãã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã‚ã‚‹ã®ã«ã€ã‚ã¾ã‚Šä½¿ã‚ã‚Œã¦ã„ãªã„ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚çš†ã•ã‚“ã‚‚Function.prototype.bindã¯ã”å˜ã˜ã§ã—ã‚‡ã†ã€‚é »ç¹ã«ä½¿ã‚ã‚Œã¦ã„ãŸvar that = thisã‚„var self = thisã®ä»£ã‚ã‚Šã«ãªã‚‹é–¢æ•°ã§ã™ã€‚ã‚ˆãã‚ã‚‹ã®ãŒä»¥ä¸‹ã®ã‚ˆã†ãªä¾‹ã§ã™ã€‚ this.setup = function () { this.on('event', this.handleEvent.bind(this)); }; ç¬¬1å¼•æ•°ãŒ
Kechol 2014/03/06
javascript
ãƒªãƒ³ã‚¯
Pythonã«ã‚µãƒ¨ãƒŠãƒ©ã‚’ - HackerNewsç¿»è¨³ã—ã¦ã¿ãŸ
ã€ŒHackerNewsç¿»è¨³ã—ã¦ã¿ãŸã€ãŒ POSTD (ãƒã‚¹ãƒˆãƒ»ãƒ‡ã‚£ãƒ¼) ã¨ã—ã¦ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸï¼ ã“ã®è¨˜äº‹ã¯ã“ã“ã§ã‚‚å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Original article: Saying Goodbye To Python by Ian Bicking ãšã£ã¨å…ˆå»¶ã°ã—ã«ã—ã¦ããŸè¨˜äº‹ã‚’æ›¸ãã¾ã™ã€‚æ±ºåˆ¥å®£è¨€ã§ã¯ãªãï¼ˆãšã„ã¶ã‚“å‰ã«é›¢ã‚Œã¦ã„ã¾ã™ã—ï¼‰ã€ãŸã è‡ªåˆ†ãŒæ©ã‚“ã§ããŸé“ã‚’æŒ¯ã‚Šè¿”ã£ãŸã«éŽãŽã¾ã›ã‚“ã€‚Pythonã®ä¸–ç•Œã«åˆ¥ã‚Œã‚’å‘Šã’ã¦ãšã„ã¶ã‚“çµŒã¤ã®ã«ã€ã“ã‚Œã¾ã§ã‚µãƒ¨ãƒŠãƒ©ã‚’è¨€ã†å‹‡æ°—ãŒãªã‹ã£ãŸã®ã§ã™ã€‚ ä½•å¹´ã‚‚å‰ã«Pythonã‚’å’æ¥ã—ãŸã¨ã¯ã„ãˆå¤šå°‘ã®æ„›ç€ã¯æ®‹ã£ã¦ãŠã‚Šã€æˆ»ã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚‹ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚PyCon 2013ã¸ã®æè°ãŒå´ä¸‹ã•ã‚ŒãŸã“ã¨ã¯é ã«ãã¾ã—ãŸãŒï¼ˆé¢ç™½ã„è©±ã‚’ã—ã‚ˆã†ã¨æ€ã£ã¦ã„ãŸã®ã«ï¼ï¼‰ã€ã“ã®ä»¶ã§è‡ªåˆ†ã¯ã‚‚ã†Pythonã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®ä¸€å“¡ã§ã¯ãªã„ã®ã ã¨ç¢ºä¿¡ã—ã¾ã—ãŸã€‚ Pythonã¯ç§ãŒåˆã‚ã¦ï¼ˆã‚‚ã—ã‹ã—ãŸ
Kechol 2014/03/06
ã€Œã¾ãŸã„ã¤ã‹ãŠä¼šã„ã—ã¾ã—ã‚‡ã†ã€

python

ä»•äº‹

javascript

èªã¿ç‰©
ãƒªãƒ³ã‚¯
Cookies vs Tokens. Getting auth right with Angular.JS
We just added a new updated article that covers the same topic. You can find it here: Cookies vs Tokens: The definitive guide. Introduction There are basically two different ways of implementing server side authentication for apps with a frontend and an API: The most adopted one, is Cookie-Based Authentication (you can find an example here) that uses server side cookies to authenticate the user on
Kechol 2014/01/22
Tokenãƒ™ãƒ¼ã‚¹ã®èªè¨¼

javascript
ãƒªãƒ³ã‚¯
60fps scrolling using pointer-events: none
60fps scrolling using pointer-events: none Paul Lewis did an interesting article a while back about avoiding unnecessary paints through disabling hover effects as the user scrolls, which is a great approach. The down side being managing all your hover states through a parent class. UPDATE: Iâ€™ve done a follow up article which demonstrates a more robust technique. That approach doesnâ€™t scale well an
Kechol 2013/11/28
ã“ã‚Œã¯æ€ã„ã¤ã‹ãªã„ã€CSSä½¿ã†ã®ã‹

JavaScript

css
ãƒªãƒ³ã‚¯
The Modern JavaScript Tutorial
We want to make this open-source project available for people all around the world. Help to translate the content of this tutorial to your language!
Kechol 2013/11/24
javascript
ãƒªãƒ³ã‚¯
JavaScript Garden
JavaScript Garden ã¯JavaScriptã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒ è¨€èªžã®ä¸€ç•ªå¥‡å¦™ãªéƒ¨åˆ†ã«ã¤ã„ã¦ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆé›†ã§ã™ã€‚ ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯JavaScriptã¨ã„ã†è¨€èªžã«æ…£ã‚Œã¦ã„ãªã„ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒã“ã®è¨€èªžã«ã¤ã„ã¦æ·±ãçŸ¥ã‚ã†ã¨ã™ã‚‹éš›ã«éé‡ã™ã‚‹ã€è‰¯ãã‚ã‚‹é–“é•ã„ãƒ»å°ã•ãªãƒã‚°ãƒ»ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å•é¡Œãƒ»æ‚ªã„ç¿’æ…£ãªã©ã‚’é¿ã‘ã‚‹ç‚ºã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã‚’ä¸Žãˆã¾ã™ã€‚ JavaScript Gardenã¯JavaScriptã‚’æ•™ãˆã‚‹äº‹ã‚’ç›®çš„ã«ã—ã¦ã„ã¾ã›ã‚“ã€‚ã“ã®ã‚¬ã‚¤ãƒ‰ã®é …ç›®ã‚’ç†è§£ã™ã‚‹ç‚ºã«ã¯ã€ã“ã®è¨€èªžã«å¯¾ã™ã‚‹å‰æçŸ¥è˜ãŒã‚ã‚‹äº‹ã‚’æŽ¨å¥¨ã—ã¾ã™ã€‚ã“ã®è¨€èªžã®åŸºç¤Žéƒ¨åˆ†ã«ã¤ã„ã¦ã¯Mozilla Developer Networkã®ã‚¬ã‚¤ãƒ‰ ãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ è‘—è€… ã“ã®ã‚¬ã‚¤ãƒ‰ã¯æ„›ã™ã¹ãStack Overflowã®2äººã®ãƒ¦ãƒ¼ã‚¶ãƒ¼Ivo Wetzel (åŸ·ç†)ã¨Zhang Yi Jiang (ãƒ‡ã‚¶ã‚¤ãƒ³)ã«ã‚ˆã£ã¦ä½œã‚‰ã‚Œã¾ã—ãŸã€‚ è²¢çŒ®è€… è²¢çŒ®
Kechol 2013/11/17
é¢ç™½ã„

javascript
ãƒªãƒ³ã‚¯
Backbone.jså…¥é–€ ã€ŒEventsã€ - Qiita
é–²è¦§ä¸Šã®æ³¨æ„ ã“ã®è¨˜äº‹ã§å¯¾è±¡ã¨ã—ã¦ã„ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³0.5.3ã¯çµæ§‹å¤ã„ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„ã€‚ã“ã®è¨˜äº‹ã§ã„ãˆã°ã€bindã¯ç„¡ããªã‚Šã€ç¾åœ¨ã§ã¯onã‚„listenToãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ãã®ä»–ã®å‰²ã‚Šã¨æ–°ã—ã„æƒ…å ±ã¯ Backbone.js Advent Calendar 2012 ãªã©ã«ã‚ã‚Šã¾ã™ã€‚ ï¼ˆè¿½è¨˜ã“ã“ã¾ã§ï¼‰ ãƒã‚¿åˆ‡ã‚Œæ„ŸãŒå¦ã‚ãªã„Backbone.js Advent Calendarã§ã™ãŒã€ä»Šå›žã‹ã‚‰ä½•å›žã‹ã«åˆ†ã‘ã¦æ‡‡åˆ‡ä¸å¯§ãªå…¥é–€è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ãé€²ã‚ã¦ã„ãäºˆå®šã§ã™ã€‚ Events View Model Viewã¨Modelã®é€£æº Collection Viewã¨Modelã¨Collectionã®é€£æº Routerã¨History ãªãŠã“ã“ã§æ‰±ã†Backbone.jsã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.5.3ã§ã™ã€‚ #Backbone.jså…¥é–€ ã€ŒEventsã€ Backbone.js
Kechol 2013/04/22
backbone.js

javascript
ãƒªãƒ³ã‚¯
Diet Style ï½žå¥³æ€§ã®ãƒ€ã‚¤ã‚¨ãƒƒãƒˆãƒ©ã‚¤ãƒ•ã‚’ã‚‚ã£ã¨æ¥½ã—ãâ™ªï½ž
ãƒ€ã‚¤ã‚¨ãƒƒãƒˆãƒ‰ãƒªãƒ³ã‚¯ã«ã¯é…µç´ ãƒ»é’æ±ãƒ»ã‚¹ãƒ ãƒ¼ã‚¸ãƒ¼ãƒ»ç½®ãæ›ãˆãªã©ã®å•†å“ãŒã‚ã‚Šã¾ã™ã€‚æœ¬å½“ã«åŠ¹æžœãŒã‚ã‚‹ã®ã‹ï¼ï¼Ÿäººæ°—ã®ã‚ã‚‹ãƒ€ã‚¤ã‚¨ãƒƒãƒˆãƒ‰ãƒªãƒ³ã‚¯ãã‚Œãžã‚Œã®åŠ¹æžœã‚„å£ã‚³ãƒŸãªã©è©³ã—ãèª¿æŸ»ã—ãŸè¨˜äº‹ã‚’æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚
Kechol 2013/02/02
Firefox OSã®UI Components.

javascript

firefox

Firefox OS
ãƒªãƒ³ã‚¯
The web's scaffolding tool for modern webapps | Yeoman
Get started and then find a generator for your webapp. Generators are available for Angular, Backbone, React, Polymer and over 5600+ other projects. One-line install using npm: npm install -g yo What's Yeoman?Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. To do so, we provide a generator ecosystem. A generator is basically a plugin tha
Kechol 2012/11/22
html5

javascript
ãƒªãƒ³ã‚¯
Opal: Ruby to Javascript Compiler
Opal Ruby to Javascript Compiler It is source-to-source, making it fast as a runtime. Opal includes a compiler (which can be run in any browser), a corelib and runtime implementation. The corelib/runtime is also very small. Opal Documentation opal.min.js opal-parser.min.js Use the CDN Opal is hosted on GitHub . You can join the community by chatting on Gitter at opal/opal or on Freenode IRC (chann
Kechol 2012/10/18
ruby2javascript.

ruby

javascript
ãƒªãƒ³ã‚¯
Useful Node.js Tools, Tutorials And Resources â€” Smashing Magazine
Luca Degasperi brings this round-up with the most useful resources for Node.js. From handy tools to detailed tutorials, not to mention in-depth articles and resources on this promising techno logy. Created by Ryan Dahl in 2009, Node.js is a relatively new techno logy which has gained a lot of popularity among Web developers recently. However, not everyone knows what it really is. Node.js is essentia
Kechol 2012/03/14
node.js

ã¾ã¨ã‚

javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
Remove onClick delay on webkit for iPhone â€“ Matteo Spinelli's Cubiq.org
Developing on the webkit for iPhone I encountered a curious delay on onClick events. It seems that the click is triggered with about 300 milliseconds delay. While this is unnoticeable on a standard web page, it can be annoying on a web application. Fortunately the click event can be overridden thus eliminating the delay. I assume that 300ms is the time frame Apple guesses an user needed to perform
Kechol 2012/03/05
clickdelayã‚’è§£æ¶ˆã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«

Javascript

iphone

webkit
ãƒªãƒ³ã‚¯
1é€±é–“ã§ãƒˆãƒªãƒ“ã‚¢å…±æœ‰ã‚µã‚¤ãƒˆâ€trivistâ€ã‚’ä½œã£ã¦ã¿ãŸ
ã“ã“ã®ã¨ã“ã‚ã€ãƒ–ãƒã‚°ã®æ›´æ–°ã‚‚ãƒ„ã‚¤ãƒƒã‚¿ãƒ¼ã®ã¤ã¶ã‚„ãã‚‚å®Œå…¨ã«ã‚¹ãƒˆãƒƒãƒ—ã—ã¦ã„ã¾ã—ãŸã€‚ é›†ä¸åŠ›ã®ãªã„@tfmagicianã«ã—ã¦ã¯çã—ã„ã“ã¨ã§ã™ã€‚ ä½•ã‚’ã—ã¦ã„ãŸã‹ã€‚ ã“ã‚“ãªã‚¦ã‚§ãƒ–ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã£ã¦ã„ã¾ã—ãŸã‚ˆã€‚ ã€Žtrivistã€ãŠã‚‚ã—ã‚ã„ãƒˆãƒªãƒ“ã‚¢ãƒ»é›‘å¦ã‚’ç´¹ä»‹ï¼ å®Ÿã¯ã“ã‚Œã€ä½œæˆæœŸé–“1é€±é–“ã§ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªã‚µã‚¤ãƒˆãªã®ã§ã€æã‚‰ãã€é–‹ç™ºã«æ…£ã‚ŒãŸäººãªã‚‰1é€±é–“ã¯ä½™è£•ã§ã—ã‚‡ã†ã€‚ ä»Šæ—¥ã¯ã€ã¾ã ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ãŸé–‹ç™ºã€ã‚ã‚‹ã„ã¯ã‚¦ã‚§ãƒ–ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ã®é–‹ç™ºè‡ªä½“ã«æ…£ã‚Œã¦ã„ãªã„äººã«å‘ã‘ã¦ã€é«˜é€Ÿé–‹ç™ºã«é–¢ã™ã‚‹tipsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ é«˜é€Ÿé–‹ç™ºã¨ã¯ä½•ã‹è€ƒãˆã‚‹ ã¾ãšã€é«˜é€Ÿé–‹ç™ºã‚’å¯èƒ½ã«ã™ã‚‹â€æœ€å¼·æœ€å¤§ã®é”æ³•â€œã‚’è€ƒãˆã¾ã—ã‚‡ã†ã€‚ ãã‚Œã¯ã“ã‚Œã§ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ãªã„ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ãªã„ã§ã€ã‚·ã‚¹ãƒ†ãƒ ãŒå‡ºæ¥ã‚Œã°ãªã‚“ã¨è‰¯ã„ã“ã¨ã‹ï¼ ã“ã‚Œã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã¨ã£ã¦ã€å½“ãŸã‚Šå‰ã®ã“ã¨ã§ã™ã€‚ ã—ã‹ã—ã€ã“ã‚Œã‚’å¿µé ã«ç½®ãã®ã¨ç½®ã‹ãªã„ã®ã§ã¯ã€ã¾ã‚‹ã§é–‹ç™ºé€Ÿ
Kechol 2011/01/11
ä¸€é€±é–“ã§WBã‚µãƒ¼ãƒ“ã‚¹ã‚’ã¤ãã‚‹ã£ã¦ã®ã¯ã¤ã¾ã‚Šã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã—ãªã„ã£ã¦ã“ã¨ã€‚

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

Webã‚µãƒ¼ãƒ“ã‚¹

é–‹ç™º

javascript

php

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸