[B! es2015][ES6] takaesuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

takaesu id:takaesu

es2015ã¨ES6ã«é–¢ã™ã‚‹takaesuã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

ES6 ã‚’å¦ã¹ã‚‹ tower-of-babel ã‚’ä½œã‚Šã¾ã—ãŸã€‚ (workshopper ã®ä½œã‚Šæ–¹) - from scratch
ã•ã¦ã€NodeSchool ãŒé–‹æ ¡ã•ã‚ŒãŸæ™‚ã«ã€ES6ã‚’å¦ã¹ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«çš„ãªã‚‚ã®ãŒã»ã—ã„ã¨æ€ã„ã€tower-of-babelã¨ã„ã†åå‰ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãƒ„ãƒ¼ãƒ«ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ github.com ã“ã®ãƒ„ãƒ¼ãƒ«ã¯npm/node.jsã‚’ä½¿ã£ã¦ä½œã£ã¦ã„ã¾ã™ã€‚å®Ÿéš›ã«å‹•ã‹ã™ã¨ãã¯npmãŒã‚ã‚Œã°å‹•ãã¾ã™ã€‚ npmã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯ä»–ã®è¨˜äº‹ã‚’å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚npmãŒå…¥ã£ã¦ã„ã‚Œã°ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ã™ã‚Œã°å®Ÿè¡Œå¯èƒ½ã§ã™ã€‚ $ npm install tower-of-babel -g $ tower-of-babelãã†ã™ã‚‹ã¨ä¸‹è¨˜ã®ã‚ˆã†ãªãƒ€ã‚¤ã‚¢ãƒã‚°ãŒèµ·å‹•ã™ã‚‹ã®ã§ã‚¨ã‚¯ã‚µã‚µã‚¤ã‚ºã‚’é¸æŠžã—ã¦å„ç¨®å•é¡Œã‚’è§£ã„ã¦ãã ã•ã„ã€‚ å…¨ã¦ã®å•é¡Œã‚’è§£ãçµ‚ã‚ã£ãŸé ƒã«ã¯ãªã‚“ã¨ãªã ES6 ã®æ§‹æ–‡ãŒä½¿ã„ãŸããªã£ã¦ãã‚‹ã¯ãšã§ã™ã€‚ ãªã«ã‹å•é¡ŒãŒã‚ã‚Œã°æ°—è»½ã« tower-of-babel ã®ãƒªãƒã‚¸ãƒˆãƒªã«é€£çµ¡ã‚’ãã ã•ã„ã€‚ github.com ä»¥ä¸‹
takaesu 2016/09/02
es6

es2015

javascript
ãƒªãƒ³ã‚¯
webpack(v1)ã¨babelã§ES6ã‚³ãƒ¼ãƒ‰ã‚’ã•ãã£ã¨æ›¸ã - getalog
æœ€ä½Žé™ã®ã‚³ã‚¹ãƒˆã§æœ€è¿‘ã‚ˆãèžãã„ã„æ„Ÿã˜ã®jsã‚’æ›¸ããŸã„æ™‚ã®æ§‹æˆã‚’ãšã‚‰ãƒ¼ã£ã¨æ›¸ã„ã¦ã¿ã‚‹ æº–å‚™ã™ã‚‹ã‚‚ã® node/npm (æœ€è¿‘ã¯rbenvã‚¯ãƒãƒ¼ãƒ³ã®nodenvãŒã„ã„æ„Ÿã˜ã€æ“ä½œã¯åŒã˜) webpack babel .babelrc .babelrcã‚’è¨ç½®ã—ã¨ãã¨babelã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè¨å®šãŒã“ã„ã¤ã®ä¸èº«ã§æ›¸ãæ›ã‚ã‚‹ Reactã‚’ä½¿ã‚ãªã„ãªã‚‰ã€presetã®reactã¯ã„ã‚‰ãªã„ export defaultã•ã‚ŒãŸãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’importã—ãŸæ™‚ã«.defaultã§å¼•ãã®ã‚’è¨±ã›ã‚‹ãªã‚‰ã€add-module-exportsã¯ã„ã‚‰ãªã„(å¾Œè¿°) Reactã„ã‚‹ { "presets": [ "es2015", "stage-0", "react" ], "plugins": [ "add-module-exports" ] } ã„ã‚‰ãªã„ { "presets": [ "es2015", "stage-0"
takaesu 2016/06/24
ã™ã”ã„å‚è€ƒã«ãªã‚‹ï¼ï¼

webpack

babel

es2015

react

ES6
ãƒªãƒ³ã‚¯
ES6ã®æ–°æ©Ÿèƒ½: ã€Œletã€ã€Œconstã€å®£è¨€ã‚’èª¿ã¹ã¦ã¿ãŸ - Qiita
JavaScript ã¯ES6ã«ã‚ˆã£ã¦ã„ã‚ã„ã‚ã¨æ©Ÿèƒ½ãŒå……å®Ÿã™ã‚‹ã“ã¨ã«ãªã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€classã¨ã‹generatorã¨ã‹ãŒã‚ˆãå–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã‚‹ã¨æ€ã£ç«‹ã¦ãŸã®ã§ã€ã¦ã£ãã‚Šã“ã‚Œã ã‘ã ã¨æ€ã£ãŸã®ã§ã™ã‚ˆã€‚ ã¾ã•ã‹ä»–ã«ã‚‚æ©Ÿèƒ½ãŒã‚ã‚‹ã¨ã¯ã€‚ã€‚ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ã‚ã¾ã‚Šè©±é¡Œã«ç™»ã£ã¦ã„ãªã„ã‚ˆã†ã«è¦‹ãˆã‚‹æ–°æ©Ÿèƒ½ã€‚ã€‚ã€‚ã¨ã„ã†ã‹æ–°å®£è¨€ã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸ ã¾ã•ã‹ã®è¨˜äº‹æ›¸ãã§å¹´è¶Šã™ã¨ã¯ãƒ»ãƒ»ãƒ» å®£è¨€ãŒè¿½åŠ ã•ã‚Œã¦ãŸï¼ JSã®å®£è¨€æ–‡ã¨ã„ãˆã°ã€ã€Œvarã€ã—ã‹ãªã‹ã£ãŸã®ã§ã™ãŒã€ãªã‚“ã¨ES6ã«ã¦ã€ã€Œletã€ã€Œconstã€ãŒè¿½åŠ ã•ã‚Œã¦ã„ãŸã‚ˆã†ã§ã™ã€‚ ã„ã¾ã®ã¨ã“ã‚ã€'use strict'ã‚’ä½¿ã‚ãªã„ã¨å‹•ãã¾ã›ã‚“ã§ã—ãŸã€‚ let ãƒ»ãƒ»ãƒ» ã€Œå†å®£è¨€ã€ãŒä¸å¯ ã¾ãšã¯ã€Œletã€å®£è¨€ã§ã™ã€‚ ã“ã„ã¤ã¯ç«¯çš„ã«ã„ã†ã¨ã€ã€Œå†å®£è¨€ãŒã§ããªã„ã€å®£è¨€ã§ã™ã€‚ ç°¡å˜ãªä¾‹ã‚’ä»¥ä¸‹ã«ç¤ºã—ã¦ã„ã¾ã™ã€‚
takaesu 2016/05/05
es6

es2015

javascript
ãƒªãƒ³ã‚¯
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
takaesu 2016/02/19
es6

es2015

javascript

Cheatsheet

ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
ãƒªãƒ³ã‚¯
Hello, ES6 ~ã“ã‚Œã‹ã‚‰è¿Žãˆã‚‹JSã®ãƒŸãƒ©ã‚¤~ - @yoshiko_pg
takaesu 2016/02/11
es6

javascript

ECMAScript6

es2015
ãƒªãƒ³ã‚¯
1