[B! js][JavaScript] feb223ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

feb223 id:feb223

jsã¨JavaScriptã«é–¢ã™ã‚‹feb223ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (16)

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

ã™ã¹ã¦ã®æ–°ç±³ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«èªã‚“ã§ã»ã—ã„50ã®è³‡æ–™ - Qiita
ã¯ã˜ã‚ã« ã•ã„ãã‚“ã®Webã¯SPAæŠ€è¡“ã‚’ä¸å¿ƒã¨ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãŒè³‘ã‚ã£ã¦ã„ã¾ã™ãðŸ’ª å¾“æ¥ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚’æ‰±ã£ã¦ã„ãŸäººã‚‚ãƒ•ãƒãƒ³ãƒˆã‚’è§¦ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ã„ãŸã‚Šã€ã“ã‚Œã‹ã‚‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ã‚“ã§ã„ãäººã‚‚ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é ˜åŸŸã«èˆˆå‘³ã‚’æŒã£ã¦ã„ã‚‹ã®ã§ã¯ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®çµŒé¨“ãŒæµ…ã„æ–¹ã‚„åˆå¦è€…å‘ã‘ã«ã€ãŠã™ã™ã‚ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚„å‹‰å¼·ã™ã¹ãé ˜åŸŸã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã¨ã‚Šã‚ãˆãšå‹•ã‘ã°è‰¯ã„æ®µéšŽã‹ã‚‰ä¸€æ©é€²ã‚“ã§ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã€è‰¯ã„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ãŸã‚ã«å¿…è¦ãªçŸ¥è˜ã‚’æµ…ãåºƒãç´¹ä»‹ã—ã¾ã™ã€‚ â€»è£œè¶³ æ–°ç±³ã¨è¡¨è¨˜ã—ã¾ã—ãŸãŒã€å®Ÿéš›ã«ã¯æ–°å’ã‚„æœªçµŒé¨“ã§ãªãã€æ–°å’2~3å¹´ç›®ã®è‹¥æ‰‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„ãƒ•ãƒãƒ³ãƒˆåˆ†é‡Žã«è‹¦æ‰‹æ„è˜ã®ã‚ã‚‹ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã‚’å¯¾è±¡ã¨ã—ã¦ã„ã¾ã™ã€‚ æ•°æ—¥ã§ç›®ã‚’é€šã›ã‚‹ã‚ˆã†ãªå†…å®¹ã§ã¯ãªã„ãŸã‚ã€ãƒžã‚¤ãƒ«ã‚¹ãƒˆãƒ¼ãƒ³ã‚„ã‚¹ã‚ãƒ«ã‚»ãƒƒãƒˆã®ä¸€ã¤ã®å‚è€ƒã«ã—ã¦é ‚ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å…¥
feb223 2019/07/12
ãƒ•ãƒãƒ³ãƒˆ

webpack

js

javascript
ãƒªãƒ³ã‚¯
jsdo.it
feb223 2018/03/02
ã‚¬ãƒ©ã‚¹å‰²ã‚Œã‚‹

"Webåˆ¶ä½œ

canvas

javascript

js
ãƒªãƒ³ã‚¯
babel-polyfill / babel-runtime ã®ä»£ã‚ã‚Šã«core-jsã‚’ç›´æŽ¥ä½¿ã†ã®ã¯ã‚¢ãƒªã‹ãƒŠã‚·ã‹ - Qiita
babel-polyfillã¨babel-runtimeã®ä½¿ã„åˆ†ã‘ã«è¿·ã£ãŸã®ã§èª¿ã¹ãŸ ã®ç¶šç·¨ãƒ»è¿½åŠ èª¿æŸ»ã€‚ ä½¿ã„åˆ†ã‘çš„ãªã®ã‚ã‹ã£ãŸã‚‚ã®ã®ã€æœªã ã«ã©ã†ã«ã‚‚å›°ã‚Šã”ã¨ãŒå¤šã„ã®ã§ã€æ›´ã«æ·±æŽ˜ã‚Šã—ã¦ã¿ãŸã€‚ ãã‚Œãžã‚Œã®ãŠã•ã‚‰ã„ & å›°ã‚Šã”ã¨ polyfillã®ãƒšãƒ¼ã‚¸ã§æ”¹ã‚ã¦ãŠã•ã‚‰ã„ã—ã¤ã¤ã€ãã‚Œãžã‚Œã®å›°ã‚Šã”ã¨ã‚’æ›¸ã„ã¦ã¿ã‚‹ babel-polyfill core-jsã¨regenerator-runtimeã‚’èªã¿è¾¼ã‚“ã§ã„ã‚‹ polyfillã¨ã—ã¦ã€windowã‚°ãƒãƒ¼ãƒãƒ«ã‚’æ‹¡å¼µã™ã‚‹ä»•çµ„ã¿ å›°ã‚Šã”ã¨ è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨throw errorã•ã‚Œã¦ã—ã¾ã†ã®ã§ã€ã†ã£ã‹ã‚Šã—ã¦ã‚‹ã¨ãƒãƒžã‚‹ã®ã§æ°—ã‚’ä½¿ã† ä¸Šè¨˜ã®ã‚ˆã†ãªå•é¡Œã®ãŸã‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®å ´åˆã¯ã€åˆ¥é€”dist/polyfill.jsãªã©ã€åˆ¥ç®¡ç†ã—ã¦ã‚’èªã¿è¾¼ã‚€ã€‚ require('babel-polyfill')ã®æ§˜ã«ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ä¸Šã‹ã‚‰èªã¿è¾¼ã‚€ã“ã¨ã¯æŽ¨å¥¨ã•ã‚Œã¦ãªã„ã€‚
feb223 2017/07/07
polyfill

object.assign

javascript

babel

js
ãƒªãƒ³ã‚¯
Introduction Â· ECMAScriptã¨ã¯ä½•ã‹ï¼Ÿ
Introduction ECMAScriptã¨ã¯ä½•ã‹ï¼ŸECMAScriptã®å˜˜ã¯å˜˜ã¨è¦‹æŠœã‘ã‚‹ã‚ˆã†ã« results matching "" No results matching ""
feb223 2017/01/12
ECMAScript

javascript

js

es
ãƒªãƒ³ã‚¯
anime.js
Anime.js (/ËˆÃ¦n.É™.meÉª/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Getting started
feb223 2016/06/29
animation

javascript

js

css

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
jQuery + Flux ã¨ã„ã†é¸æŠžè‚¢ - peroli Developer's Blog
2016 - 05 - 27 jQuery + Flux ã¨ã„ã†é¸æŠžè‚¢ JavaScript Front-End ã“ã‚“ã«ã¡ã¯ã€ SKAhack ã§ã™ã€‚æ™®æ®µã¯MERYã®Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ä¸»ã«æ›¸ã„ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯MERYã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§æŽ¡ç”¨ã—ã¦ã„ã‚‹ jQuery + Flux ã¨ã„ã†æ§‹æˆã‚’ç´¹ä»‹ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãªãœReactã§ã¯ãªã jQuery ã‹ æ™®é€šã¯React + Fluxã§èªžã‚‰ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã§ã™ãŒã€MERYã§ã¯ JavaScript ã® ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ ã®å¤§åŠãŒ jQuery ã«ä¾å˜ã—ã¦ãŠã‚Šã€ç°¡å˜ã«ã¯ jQuery ã‚’æ¨ã¦ã‚‰ã‚Œãªã„çŠ¶æ…‹ã§ã™ã€‚ ã¾ãŸã€Viewã®å¤‰æ›´ã‚’ã™ã‚‹ï¼’ã¤ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ å…±å˜ ã•ã›ã‚‹ã®ã‚‚è‰¯ããªã„ã§ã™ã—ã€MERYã®ã‚µãƒ¼ãƒ“ã‚¹ç‰¹æ€§ä¸Šã€ç¾æ™‚ç‚¹ã§1ç”»é¢ã‚’é »ç¹ã«æ›¸ãæ›ãˆã‚‹ã‚ˆã†ãªå‡¦ç†ã¯å°‘ãªã„ã“ã¨ã€ReactãŒã‚µãƒãƒ¼ãƒˆã—ã¦ã„ãªã„IE8ãªã©å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã‚‚ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã¨ã„
feb223 2016/05/27
"Webåˆ¶ä½œ

*webé–‹ç™º

javascript

js

react.js
ãƒªãƒ³ã‚¯
[JS]ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸå¿«é©æ“ä½œãŒã™ã”ã„ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ•ãƒªãƒƒãƒ—ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å®Ÿè£…ã™ã‚‹è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jQuery Flipster
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã€CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸå¿«é©æ“ä½œãŒæ°—æŒã¡ã„ã„ã•ã¾ã–ã¾ãªãƒ•ãƒªãƒƒãƒ—ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå®Ÿè£…ã§ãã‚‹è»½é‡ï¼ˆ5kbï¼‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‘ã‚¿ãƒ‘ã‚¿ã€ã‚¯ãƒ«ã‚¯ãƒ«ã€ãƒšãƒ©ãƒšãƒ©ã€æœ¬å½“ã«æ°—æŒã¡ã‚ˆãå‹•ãã¾ã™ã€‚ jQuery Flipster -GitHub jQuery Flipsterã®ãƒ‡ãƒ¢ jQuery Flipsterã®ä½¿ã„æ–¹ jQuery Flipsterã®ãƒ‡ãƒ¢ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€Chrome, Safari, iOS Safari, Firefox, IE10+ã§ã€IE8/9ã¯ä¸€éƒ¨ã‚µãƒãƒ¼ãƒˆã§ã™ã€‚ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ã‚‚ã‚¹ãƒžãƒ›ã§ã‚‚ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ã‚‚OKã§ã™ã€‚
feb223 2016/01/15
jQuery

è»½é‡

javascript

JS

carousel

ã‚«ãƒ«ãƒ¼ã‚»ãƒ«

flip
ãƒªãƒ³ã‚¯
ç¤¾å†…å‹‰å¼·ä¼šã§Reactã¨Fluxã«ã¤ã„ã¦å–‹ã£ãŸ - pixiv inside [archive]
é–‹ç™ºãŒå¤§å¥½ããª@geta6ã§ã™ã€‚ React meetupã®ã“ã¨ã‚’å®Œå…¨ã«è¦‹é€ƒã—ã¦ã„ã¦æ‚”ã—ã‹ã£ãŸã®ã§ã€å¤–éƒ¨å…¬é–‹ã®ç¤¾å†…å‹‰å¼·ä¼šã§Reactã¨Fluxã«ã¤ã„ã¦ã®ç™ºè¡¨ã‚’ã—ã¾ã—ãŸã€‚ çµŒç·¯ ç¾åœ¨ãƒ”ã‚¯ã‚·ãƒ–ã§ã¯Reactã§Fluxãªæ„Ÿã˜ã®æ§‹æˆã§æ–°ã‚µãƒ¼ãƒ“ã‚¹ã‚’é–‹ç™ºä¸ã§ã™ã€‚ã“ã‚Œã¾ã§ç¤¾ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã¨ã—ã¦Reactã‚’æŽ¡ç”¨ã—ãŸã“ã¨ã¯ç„¡ãã€ã“ã®æ–°ã‚µãƒ¼ãƒ“ã‚¹ãŒåˆã®æŽ¡ç”¨ã¨ãªã‚‹äºˆå®šã§ã™ã€‚ç¤¾å†…ã®ç©ºæ°—æ„Ÿã¯ã€ŒFluxã‚‚Reactã‚‚ã‚ˆãèžãã—ä½•ã¨ãªãã‚ã‹ã£ã¦ã‚‹ã‘ã©ã€è©³ã—ãã¯çŸ¥ã‚‰ãªã„ã€ã¨ã„ã†æ„Ÿã˜ã§ã—ãŸã€‚ ãã“ã§ã€è‡ªåˆ†ã®ç†è§£åº¦ã®ç¢ºèªã¨ã€ä¸€ç·’ã«é–‹ç™ºã—ã¦ã„ã‚‹ãƒãƒ¼ãƒ ã®äººã‚„ç¤¾å†…å¤–ã®é–‹ç™ºç¾å ´ã®çš†ã•ã‚“ã«å¤§ä½“ã®æ„Ÿè¦šã‚’æŽ´ã‚“ã§ã‚‚ã‚‰ãˆã‚‹ã‚ˆã†ã€ŒReactã¨Fluxã£ã¦ä¸€ä½“å…¨ä½“ãªã‚“ã˜ã‚ƒã‚‰ã»ã„ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§ã€ã–ã£ãã‚Šã¨å¤§æž ã‚’æ‰ãˆã‚‹ç™ºè¡¨ã‚’ã—ã¾ã—ãŸã€‚ è³‡æ–™ speakerdeck.com Reactã¨Fluxã®ã“ã¨ // Speaker Deck ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã¯å…¥ã£ã¦ã„
feb223 2015/06/05
flux

react

javascript

js

react.js
ãƒªãƒ³ã‚¯
gulp.jsã‚’ä½¿ã£ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ“ãƒ«ãƒ‰ã‚’ã™ã‚‹ã€webpack, stylusã€‘ - yutaponã®ãƒ–ãƒã‚°
ã“ã®è¨˜äº‹ã¯Iwate Developers Advent Calendar 2014ã®6æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ Iwate Developers Advent Calendar 2014 - Qiita è¨˜äº‹ã®å†…å®¹ã¯ã¨ã„ã†ã¨ã€å²©æ‰‹ã«ã¾ã£ãŸãé–¢ä¿‚ã‚ã‚Šã¾ã›ã‚“ã€‚ å¦ç”Ÿã®é ƒã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’è»½è¦–ã—ã¦ã‚¯ã‚½ã‚³ãƒ¼ãƒ‰ã‚’é‡ç”£ã—ã¦ã„ãŸã®ã§ã€ä»Šã®å¦ç”Ÿã®æ–¹ã«ã“ã‚“ãªé¢¨ã«ä½œã‚Šå§‹ã‚ã‚‹ã¨ã„ã„ã‚ˆã£ã¦ç´¹ä»‹ã™ã‚‹æ„Ÿã˜ã§æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« æ˜¨ä»Šã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã¯ã¨ã«ã‹ãè¤‡é›‘ã«ãªã£ã¦ãã¦ã„ã¦ã€å¦ç¿’ã‚³ã‚¹ãƒˆãŒåŠç«¯ãªããªã£ã¦ãã¦ã¾ã™ã€‚ angularã¨ã‹backbone.jsã¨ã‹ã€æœ€è¿‘ã§ã¯react+fluxãªã©ã€ãƒˆãƒ¬ãƒ³ãƒ‰ã®ç§»ã‚Šå¤‰ã‚ã‚ŠãŒæ¿€ã—ã„ã§ã™ã€‚ ã¾ãŸGruntã‚„gulp.jsãªã©ã®ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã®æ´»ç”¨ãŒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã¯æ¬ ã‹ã›ãªããªã£ã¦ã„ã¦ã€ä½¿ã£ã¦ãªã„ãªã‚‰ä»Šã™ãå°Žå…¥ã™ã¹ãã€ã¨ã‚‚è¨€ãˆã¾ã™ã€‚ æœ€è¿‘gulp.jsã‚’ä½¿ã£ã¦ã„ã¦ã€gu
feb223 2015/02/16
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

webpack

gulp

js

javascript

stylus
ãƒªãƒ³ã‚¯
<script async>ã§JavaScriptã®éžåŒæœŸèªã¿è¾¼ã¿ã‚’ - fragmentary
JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‹ã‚‰éžåŒæœŸã§èªã¿è¾¼ã‚€ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯å¤ã„ã€ã¨ã„ã†è©±ã‚’ç›®ã«ã—ãŸã®ã¯ã‚‚ã†åŠå¹´å‰ã®ã“ã¨ã€‚ è¨€ã£ãŸã®ã¯Ilya Grigorikã€‚æœˆæœ«ã®Google Japanã§ã®ã‚¤ãƒ™ãƒ³ãƒˆã€æœˆåˆã®HTTP2Conferenceã«ãã‚‹Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ç•Œã®ã™ã”ã„ã²ã¨ã§ã™ã‚ˆã€‚ Script-injected "async scripts" considered harmful - igvita.com ä»¶ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§å‹•çš„ã« script ã‚’ç”Ÿæˆã—ã¦ã€ãã“ã«èªã¿è¾¼ã¿ãŸã„JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¶ã£ã“ã‚“ã§èªã¿è¾¼ã‚€ã¨ã„ã†ã‚‚ã®ã€‚ <script> var script = document.createElement('script'); script.src = "//somehost.com/awesome-widget.js"; document.getEleme
feb223 2014/10/14
js

javascript

ãƒ‘ã‚¿ãƒ¼ãƒ³
ãƒªãƒ³ã‚¯
ã€Œfor ã‚„ã‚ã‚ã€ã¾ãŸã¯ã‚¤ãƒ™ãƒ³ãƒˆãƒ«ãƒ¼ãƒ—ã¨ nextTick() - Block Rockinâ€™ Codes
ã‚‚ã®ã™ã”ãé…ãƒ¬ã‚¹ã§ã™ãŒã€LLDiver ã§ @esehara ã•ã‚“ã® LT ã§ã‚ã£ãŸè©±ã€‚ forã‚„ã‚ã‚ã€ã‚ã‚‹ã„ã¯ã€Œç¹°ã‚Šè¿”ã—ã€ã¨ã„ã†å‘ªç¸›ã‹ã‚‰é€ƒã‚Œã‚‹ãŸã‚ã« ç°¡å˜ã«è¨€ã†ã¨ã€ 1~10 ã¾ã§ã‚’å‡ºåŠ›ã™ã‚‹æ–¹æ³•ã‚’è¤‡æ•°è€ƒãˆã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ for, while, å†å¸°, goto etc.. ã¨å‡ºã¦ã€é€”ä¸ã§çµ‚ã‚ã£ã¡ã‚ƒã£ãŸã®ã§çµè«–ã¯ã‚ˆãã‚ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€ Node ã§ã¯ã©ã‚Œã‚‚ä½¿ã‚ãšã«ã§ãã‚‹ãªã€ã¨æ€ã£ãŸã®ã§ã¡ã‚‡ã£ã¨ä¾‹ã‚’å‡ºã—ã¦ã¿ã¾ã™ã€‚ ã¡ãªã¿ã«ã€ã‚¿ã‚¤ãƒˆãƒ«ã§ãƒã‚¿ãƒãƒ¬ã—ã¦ã„ã‚‹é€šã‚Šã‚¤ãƒ™ãƒ³ãƒˆãƒ«ãƒ¼ãƒ—ã®è©±ã§ã™ã€‚ ãã—ã¦ã‚ˆãã‚ã‚‹ã€Œã‚¤ãƒ™ãƒ³ãƒˆãƒ«ãƒ¼ãƒ—ã¨ã¯ä½•ã‹ã€ã€Œãªãœæ¢ã‚ã¦ã¯ã„ã‘ãªã„ã®ã‹ã€ã€Œprocess.nextTick() ã¨ã¯ä½•ã‹ã€ã€ŒsetImmediate() ã¨ä½•ãŒé•ã†ã®ã‹ã€ ãªã©ã‚’è§£èª¬ã™ã‚‹è‰¯ã„ä¾‹ã ã£ãŸã®ã§ã€æ›¸ã„ã¦ã‚‹ã†ã¡ã«å®Ÿã¯ãã£ã¡ãŒãƒ¡ã‚¤ãƒ³ã®è§£èª¬ã¨ãªã‚Šã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®å®Ÿè¡Œçµæžœã¯ Node v0.11.13 ã§ã™ã€‚(æ›¸
feb223 2014/10/07
JavaScript

api

node.js

js
ãƒªãƒ³ã‚¯
ã€Žã‚³ãƒ¼ãƒ‰ã®ãƒã‚°ã¯ã‚³ãƒ¼ãƒ‰ã§è¦‹ã¤ã‘ã‚ˆã†ï¼ã€
ã“ã‚“ã«ã¡ã¯ã€‚ ã‚¢ãƒ¡ãƒ¼ãƒãƒ”ã‚°ã§Node.jsã‚’ä½¿ã£ã¦é–‹ç™ºã‚’ã—ã¦ã„ã‚‹ä¸æ‘ã¨ç”³ã—ã¾ã™ã€‚ å¹³æ—¥ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€åœŸæ—¥ã¯ä¸»å¤«ã¨ã—ã¦åƒã„ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€æ—©é€Ÿã§ã™ãŒã€ã“ã®è¨˜äº‹ã§ã¯ESLintã‚’ä½¿ã£ã¦ã€JavaScriptã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ãƒã‚°ã‚’ç™ºè¦‹ã™ã‚‹æ‰‹é †ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ESLintã¨ã¯ ESLintã¯Nicholas C. Zakasæ°ãŒä¸å¿ƒã¨ãªã£ã¦é–‹ç™ºã—ã¦ã„ã‚‹JavaScriptã®Lintãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ JavaScriptã®Lintãƒ„ãƒ¼ãƒ«ã¨ã„ãˆã°ã€æœ€è¿‘ã§ã¯JSHintãŒå®šç•ªã ã¨æ€ã„ã¾ã™ã€‚ ESLintã¯JSHintåŒç‰ã®æ©Ÿèƒ½ã‚’æŒã¤ä»–ã€è§£æžãƒ«ãƒ¼ãƒ«ãŒå®Œå…¨ã«ãƒ—ãƒ©ã‚¬ãƒ–ãƒ«ã«ãªã£ã¦ãŠã‚Šã€ç‹¬è‡ªãƒ«ãƒ¼ãƒ«ã‚’è‡ªç”±ã«è¿½åŠ ã§ãã‚‹ã¨ã„ã†ç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ ä¾‹ãˆã°ã€JSHintã§ã„ã†ã¨ã“ã‚ã®ã€strictï¼ˆstrict modeã§å®Ÿè¡Œã•ã‚Œã‚‹ã‹ã‚’ãƒã‚§ãƒƒã‚¯ï¼‰ã¨ã„ã†ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¯ä¸‹è¨˜ã®URLã®ã‚ˆã†ã«å€‹åˆ¥ã®ãƒ«ãƒ¼ãƒ«ã¨ã—ã¦å®Ÿè£…ã•ã‚Œã¦ã„ã¾
feb223 2014/07/10
jshint

js

mocha

JavaScript

eslint

node.js

ãƒ†ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
ã‚«ã‚¸ãƒ¥ã‚¢ãƒ«JavaScript AST
ä»Šæ—¥ã®æ¦‚è¦ å®Ÿã¯ä½¿ã‚ã‚Œã¦ã‚‹JavaScript AST JavaScript AST(Abstract Syntax Tree)ã¨ã¯? JavaScript ASTã‚’ä½¿ã£ãŸãƒ„ãƒ¼ãƒ«ç´¹ä»‹ ä½¿ã†ã ã‘ã˜ã‚ƒãªãã¦æ›¸ã„ã¦ã¿ã‚ˆã† browserify Node.jsã§æ›¸ã‹ã‚ŒãŸã‚‚ã®ã‚’ãƒ–ãƒ©ã‚¦ã‚¶å‘ã‘ã«å¤‰æ›ã™ã‚‹ãƒ„ãƒ¼ãƒ« Nodeç’°å¢ƒã§é–‹ç™º -> browserifyã§ãƒ“ãƒ«ãƒ‰ -> ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ã JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’ å¤‰æ› ã™ã‚‹ â‰’ JavaScript ASTã‚’è¦‹ã¦å¤‰æ› ã™ã‚‹ æœ¬ä½“ã®è‰²ã€…ãªéƒ¨åˆ†ã€transf orm pluginãªã©ã§ASTã‚’ä½¿ã£ã¦ã‚‹
feb223 2014/03/28
JavaScript

ãƒ„ãƒ¼ãƒ«

js
ãƒªãƒ³ã‚¯
Backboneãƒžãƒ³ãŒAngularå‹‰å¼·ä¼šã„ã£ã¦ããŸã‘ã©ãã‚“ãªã«å¥½ãã«ãªã‚Œãªã‹ã£ãŸè©± #ng_jp - mizchi's blog
æœ€åˆã«åƒ•ã®ãƒã‚¸ã‚·ãƒ§ãƒ³ã¯è¡¨æ˜Žã—ã¦ãŠãã‘ã©ã€ä»Šã¾ã§backbone.js, ã¨ã„ã†ã‹ãã®ãƒ©ãƒƒãƒ‘ãƒ¼ã§ã‚ã‚‹chaplin.jsã¹ã£ãŸã‚Šã®ç’°å¢ƒã§é–‹ç™ºã—ã¦ã¦ã€ä»Šã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã‚¼ãƒã‹ã‚‰ä½œã‚Šç›´ã™æ©Ÿä¼šãŒã‚ã‚‹ã®ã§æ¬¡ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªé¸å®šã®ãŸã‚ã«ã¨ã‚Šã‚ãˆãšæ¯”è¼ƒã¨ã—ã¦ angularã‚’è©¦ã—ãŸè¦‹ãŸç¨‹åº¦ã®äººé–“ãªã®ã§ã€æ·±ãã¯ç†è§£ã—ã¦ãªã„ã€‚ Angularã®ãƒ¡ãƒªãƒƒãƒˆ åƒ•ã®æµ…ã„ç†è§£ã¨å‹‰å¼·ä¼šã§ã®è©±ã‚’ç·åˆã—ãŸæ„Ÿã˜ ãƒ¬ãƒ¼ãƒ«ã«ä¹—ã‚Šåˆ‡ã£ãŸæ™‚ã®é–‹ç™ºåŠ¹çŽ‡ãŒåŠç«¯ãªã„ ãƒ¬ãƒ¼ãƒ«ãŒã—ã£ã‹ã‚Šæ•·ã‹ã‚Œã¦ã„ã‚‹ã®ã§é–‹ç™ºè€…ã®èƒ½åŠ›å·®ãŒå•é¡Œã«ãªã‚‰ãªã„ HTMLãŒãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãªã®ã§æ„å‘³çš„ãªä¹–é›¢ãŒå°‘ãªã„ ãƒ“ãƒ¥ãƒ¼ãƒ¢ãƒ‡ãƒ«ã«å¯¾ã™ã‚‹æ“ä½œãŒä¸€è²«ã—ã¦ã„ã¦ãƒ†ã‚¹ã‚¿ãƒ“ãƒªãƒ†ã‚£ãŒã‚ã‚‹ è‡ªåˆ†ã‚‚ãƒ¢ã‚¸ãƒ¥ãƒ©ãƒªãƒ†ã‚£ãŒã‚ã‚‹HTML/CSSã¯å¹»æƒ³ã ã¨æ€ã£ã¦ã„ã‚‹ã®ã§ã€HTMLã«ç›´æŽ¥å±žæ€§ã‚’æ›¸ãã®ã¯åˆ¥ã«æ§‹ã‚ãªã„ã¨æ€ã£ã¦ã„ã‚‹ã€‚ ãŸã ã€é›†å›£é–‹ç™ºã§ã‚‚é–‹ç™ºè€…ã®èƒ½åŠ›å·®ãŒå•é¡Œã«ãªã‚‰ãªã„ã€ã¨ã„ã†ç™ºè¡¨ã‚’ã—ã¦ã„
feb223 2013/12/04
javascript

js

angularjs

backbone.js

angular.js
ãƒªãƒ³ã‚¯
æ—ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç’°å¢ƒ
LiveReload connect + proxy + easymock testem mocha + expect + sinon assem bleã€foreman.... ãªã©ã‚’è©¦ã—ã¦ã¿ãŸè©±ã§ã™
feb223 2013/10/22
JavaScript

é–‹ç™ºç’°å¢ƒ

mocha

js

grunt
ãƒªãƒ³ã‚¯
Handlebars
Semantic templates Handlebars provides the power necessary to let you build semantic templates effectively with no frustration. Mustache-compatible Handlebars is largely compatible with Mustache templates. In most cases it is possible to swap out Mustache with Handlebars and continue using your current templates. Fast execution Handlebars compiles templates into JavaScript functions. This makes th
feb223 2013/01/29
javascript

template

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³

js
ãƒªãƒ³ã‚¯
1