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

feb223 id:feb223

es6ã«é–¢ã™ã‚‹feb223ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

async.js ã‚’æ¨ã¦ã¦ Promise ã‚’ä½¿ãŠã†ï¼ - Qiita
â€» async.js ãŒå«Œã„ãªè¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ä»Šã¾ã§ãŠä¸–è©±ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ Node.js v0.12 ã‹ã‚‰ Promise ãŒæ¨™æº–ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã§ async.js ã® parallel ã‚„ series ã§è¡Œã£ã¦ã„ãŸã“ã¨ã‚’ Promise ã§å®Ÿç¾ã—ã‚ˆã†ï¼ã¨ã„ã†è¶£æ—¨ã§ã™ã€‚ parallel (ä¸¦åˆ—å®Ÿè¡Œ) var count = 0; function echo() { var cnt = count++; return new Promise(function (resolve, reject) { setTimeout(function () { console.log(cnt); resolve(cnt); }, Math.random() * 1000); }); } var promises = [echo(), echo(), echo()]; Promise.al
feb223 2016/09/08
javascript

es6
ãƒªãƒ³ã‚¯
JavaScript(ES2015)ã§varã‚„letã‚’ä½¿ã†å¿…è¦ã¯ã»ã¼ç„¡ã„ - id:anatooã®ãƒ–ãƒã‚°
ES2015ã§varã‚„letã‚’ä½¿ã†å ´é¢ã¯ã»ã¨ã‚“ã©ç„¡ã„ã®ã§ã€ã¾ãšconstã‚’ä½¿ã†ã€‚constã ã¨ãƒ€ãƒ¡ãªå ´åˆã«ã¯letã‚’ä½¿ã†ã€‚ èƒŒæ™¯ ES2015ã§ã¯ã€å¤‰æ•°ã‚’å®£è¨€ã™ã‚‹ãŸã‚ã®æ–‡æ³•ã¨ã—ã¦constã¨letãŒå°Žå…¥ã•ã‚ŒãŸã€‚ const foo = 'foo'; let bar = 'bar'; constã¯å†ä»£å…¥ã§ããªã„å¤‰æ•°ã‚’å®£è¨€ã§ãã‚‹ã€‚letã¯å†ä»£å…¥ã§ãã‚‹å¤‰æ•°ã‚’å®£è¨€ã§ãã‚‹ã€‚ const foo = 'foo'; foo = 'hoge'; // ERROR let bar = 'bar'; bar = 'hoge'; // OK ã‚ã‚Œã€ã˜ã‚ƒã‚varã¨letã¯åŒã˜ãªã®ï¼Ÿã£ã¦ã„ã†ã¨ãã†ã§ã¯ãªãã€letã‚„constã¯varã¨ã¯é•ã£ã¦ã€é–¢æ•°ã‚¹ã‚³ãƒ¼ãƒ—ã‚ˆã‚Šã‚‚ç´°ã‹ãªãƒ–ãƒãƒƒã‚¯å˜ä½ã®ã‚¹ã‚³ãƒ¼ãƒ—ã‚’æä¾›ã™ã‚‹ã€‚ä¾‹ãˆã°constã‚„letã‚’ä½¿ã†ã¨ã€ifæ–‡ã‚„foræ–‡ãªã©ã®ãƒ–ãƒãƒƒã‚¯ä¸ã§ã®ã¿æœ‰åŠ¹ãªå¤‰æ•°ã‚’å®£è¨€ã§ãã‚‹ã€‚ ã§ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«
feb223 2016/04/20
javascript

eslint

ES6

TypeScript
ãƒªãƒ³ã‚¯
æ˜¥ã‹ã‚‰ã¯ã˜ã‚ã‚‹ãƒ¢ãƒ€ãƒ³JavaScript / ES2015 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? æ˜¥ã§ã™ãï¼äººã®é…ç½®ãŒãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã•ã‚Œã€ã‚³ãƒ¼ãƒ‰ã‚‚ãƒªãƒ•ã‚¡ã‚¯ã‚¿ãƒªãƒ³ã‚°ã®å£ç¯€ã§ã™ã€‚ ã§ã¯åƒ•ãŒã“ã“ã§ãƒ¢ãƒ€ãƒ³ãªJavaScriptã¨ES2015ã®åˆ©ç‚¹ã‚’èªžã‚‹å½¹ã‚’ã‚„ã‚‹ã®ã§ã€ã¿ãªã•ã‚“ã¯ãƒãƒ¼ãƒ ã‚’èª¬å¾—ã™ã‚‹å½¹ã‚’ã‚„ã£ã¦ãã ã•ã„ã€‚ JavaScriptã®æ´å² ã¾ãšæœ€åˆã«JavaScriptã®æ´å²ã‚’è¸ã¾ãˆã‚‹ã“ã¨ã§ã€ä»Šå¦ã¶ã¹ãã‚‚ã®ã¨ãã®ç†ç”±ã‚’ç¢ºèªã—ã¾ã—ã‚‡ã†ã€‚ ãªãœ2016å¹´ã®è¨˜äº‹ã§ES2016ã§ã¯ãªãã€ES2015ãªã®ã‹ã€ã¨ç–‘å•ã«æ€ã£ãŸæ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãã‚Œã¯ã€ES2015ãŒãŸã ã®å¹´æ¬¡ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã§ã¯ãªãã€ã“ã‚Œã‹ã‚‰å§‹ã¾ã‚‹æ¯Žå¹´ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã®èµ·ç‚¹
feb223 2016/03/17
ES6

javascript

ecmascript
ãƒªãƒ³ã‚¯
ES6 ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ | POSTD
æ—¥ã€…ã®ä»•äº‹ã®ä¸ã§å½¹ã«ç«‹ã¤ES2015ï¼ˆES6ï¼‰ã®ãƒ†ã‚£ãƒƒãƒ—ã‚¹ã€ã‚³ãƒ„ã€ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®è¦‹æœ¬ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã‚³ãƒ³ãƒˆãƒªãƒ“ãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³æ“è¿Žã§ã™ï¼ ç›®æ¬¡ var vs. let / const IIFEã‹ã‚‰ãƒ–ãƒãƒƒã‚¯ãƒ™ãƒ¼ã‚¹ã¸ ã‚¢ãƒãƒ¼é–¢æ•° æ–‡å—åˆ— ãƒ‡ã‚¹ãƒˆãƒ©ã‚¯ãƒãƒ£ãƒªãƒ³ã‚° ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ ã‚¯ãƒ©ã‚¹ ã‚·ãƒ³ãƒœãƒ« ãƒžãƒƒãƒ— WeakMaps Promises ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ Async/Await var vs. let / const var ã®ä»–ã«ã€å€¤ã‚’æ ¼ç´ã™ã‚‹ let ã¨ const ã¨ã„ã†è˜åˆ¥åãŒæ–°ãŸã«è¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚ var ã¨ã¯ç•°ãªã£ã¦ã€ let ã¨ const ã¯ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã®ã‚¹ã‚³ãƒ¼ãƒ—å†…ã§æœ€åˆã«è¨˜è¿°ã•ã‚Œã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ var ã®ä½¿ç”¨ä¾‹ã§ã™ã€‚ var snack = 'Meow Mix'; function getFood(food) { if (food) { var snack
feb223 2016/02/12
javascript

ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ

ES6

ECMAScript
ãƒªãƒ³ã‚¯
Bootstrap4ã®ä¸»ãªæ›´æ–°ç‚¹ - Qiita
ã“ã†ã—ã¦è¦‹ã¦ã¿ã‚‹ã¨ã€ä¸€æ®µéšŽä¸Šã®ã‚µã‚¤ã‚ºãŒè¿½åŠ ã•ã‚ŒãŸã¨ã„ã†ã‚ˆã‚Šã‚‚ã€xs ã¨ sm ã®é–“ãŒç´°ã‹ããªã£ãŸã¨ã„ã†æ„Ÿã˜ã§ã™ãã€‚ flexboxã®ã‚µãƒãƒ¼ãƒˆ $enable-flex: true;ã‚’è¨å®šã™ã‚‹ã“ã¨ã§flexbox LayoutãŒä½¿ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã‚Šã€tableã‚„floatã‚’ä½¿ã£ã¦ã„ãŸæ§˜ã€…ãªãƒãƒƒã‚¯ãŒæ”¹å–„ã•ã‚Œã‚‹ã¨ã®ã“ã¨ã€‚ãŸã ã—ã€IE9ã¯flexbox Layoutã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ãŠã‚‰ãšã€IE10ã§ã‚‚å¤ã„ä»•æ§˜ã«ã—ã‹å¯¾å¿œã—ã¦ã„ãªã„ãŸã‚ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ã“ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¯falseã«ãªã£ã¦ã„ã¾ã™ã€‚ well, thumbnail, panel ã‚’å»ƒæ¢ã€card ã«çµ±ä¸€ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã® well, thumbnail, panelãŒãªããªã‚Šã€cardã«çµ±ä¸€ã•ã‚Œã¾ã—ãŸã€‚ CSSãƒªã‚»ãƒƒãƒˆã‚’ Reboot ã¨ã„ã†ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«çµ±ä¸€ CSSãƒªã‚»ãƒƒãƒˆã«ã¯ã€Bootstrap3ã§ã¯Normalize.cs
feb223 2015/08/26
Bootstrap

css

ES6

sass
ãƒªãƒ³ã‚¯
ã€ŽRequireJSç‰ã¯ã‚‚ã†å¤ã„ã€‚WebPackã¨ã¯ï¼Ÿã€
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€‚ ã‚¢ãƒ¡ãƒ¼ãƒäº‹æ¥æœ¬éƒ¨ ã‚¯ãƒã‚¹ã‚¤ãƒŽãƒ™ãƒ¼ã‚·ãƒ§ãƒ³å®¤ã®ã‚°ãƒ³ã‚¿ï¼ˆ@gunta85ï¼‰ã¨ç”³ã—ã¾ã™ã€‚ ä»Šå›žã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç”¨ã®ã€ ã‚ã‚Šã¨ã‚ã‚‰ã‚†ã‚‹ä¾å˜é–¢ä¿‚ã‚’ç°¡å˜ã«è§£æ±ºã—ã¦ãã‚Œã‚‹ã€ WebPackã¨ã„ã†ã‚¹ã‚°ãƒ¬ãƒ¢ãƒŽã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ å°Žå…¥çµŒç·¯å¤§ããªã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹ã«ã‚ãŸã‚Šã€ä¾å˜é–¢ä¿‚ã‚’è§£æ±ºã—ã¦ãã‚Œã‚‹ã‚‚ã®ã‚’æŽ¢ã—ã¦ã„ã¾ã—ãŸã€‚ ãã®ä¸ã§ã€RequireJSã‚„Browserifyã€Componentãªã©ã‚‚å€™è£œã«æŒ™ãŒã‚Šã¾ã—ãŸãŒã€ è«¸ã€…ã®ç†ç”±ã§WebPackã‚’é¸ã³ã¾ã—ãŸã€‚ ç‰¹å¾´ã®é•ã„ã«ã¤ã„ã¦ã¯ã€ŒWebPack vs Browserifyã€ç‰ã§æ¤œç´¢ã—ã¦ã¿ã‚‹ã¨è‰¯ã„ã‹ã¨æ€ã„ã¾ã™
feb223 2015/02/18
webpack

css

ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ

javascript

ES6
ãƒªãƒ³ã‚¯
ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ES2015(ES6)ã§æ›¸ã„ã¦å…¬é–‹ã™ã‚‹æ‰€ã‹ã‚‰å§‹ã‚ã‚ˆã†
ã“ã®è¨˜äº‹ã¯ECMAScript 2015ã®äº‹å§‹ã‚ã¨ã—ã¦ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ECMAScript 2015ã§æ›¸ã„ã¦å…¬é–‹ã™ã‚‹ã¨ã„ã†ã¨ã“ã‚ã‹ã‚‰å§‹ã‚ã‚‹ã®ãŒã„ã„ã®ã§ã¯ã¨ã„ã†å†…å®¹ã§ã™ã€‚ ECMAScript 2015(ES2015)ã¯ES6ã¨ã‚‚å‘¼ã°ã‚Œã¦ã„ã¦ã©ã¡ã‚‰ã‚‚åŒã˜ã‚‚ã®ã‚’æŒ‡ã—ã¾ã™ãŒã€ã“ã®è¨˜äº‹ã§ã¯ES2015ã«çµ±ä¸€ã—ã¾ã™ã€‚ ECMAScriptã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã¤ã„ã¦ã¯æ¬¡ã®ãƒšãƒ¼ã‚¸ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ ECMAScript Â· JavaScriptã®å…¥é–€æ›¸ #jsprimer 2018-12-27: è¿½è¨˜ textlint/textlint-rule-helperã®masterã¯TypeScriptã®å®Ÿè£…ã¸å¤‰æ›ã•ã‚Œã¦ã„ã¾ã™ã€‚ Babelã®å®Ÿè£…ã¯https://github.com/textlint/textlint-rule-helper/tree/2.0.1ã‹ã‚‰å‚ç…§ã§ãã¾ã™ Babel ã‹ã‚‰ TypeScrip
feb223 2015/02/17
node.js

es6

es6to5

javascript
ãƒªãƒ³ã‚¯
1