[B! Babel] masayoshinymã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

masayoshinym id:masayoshinym

Babelã«é–¢ã™ã‚‹masayoshinymã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (18)

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

concatã ã‚‰ã‘ã«ãªã‚‹template literal - Qiita
Babelã§å¤‰æ›ã•ã‚ŒãŸã‚ã¨ã®ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã‚‹ã¨ã€ä¸€è¦‹ç„¡é§„ã«ã‚‚æ€ãˆã‚‹ã‚³ãƒ¼ãƒ‰ãŒç”Ÿæˆã•ã‚Œã¦ã„ãŸã®ã§ã™ãŒã€å®Ÿã¯ãã‚ŒãŒå¿…è¦ã ã£ãŸã€ã¨ã„ã†ãŠè©±ã§ã™ã€‚ Template Literalã¨ã¯ ES5ã¾ã§ã®JavaScriptã§ã¯ã€æ–‡å—åˆ—ã‚’åˆæˆã™ã‚‹ã«ã¯ã€Œ1ã¤1ã¤+æ¼”ç®—åã§é€£çµã—ã¦ã„ãã€ã€ŒArray.prototype.joinã§é€£çµã™ã‚‹ã€ãªã©ã®æ‰‹æ³•ãŒã‚ã£ãŸã®ã§ã™ãŒã€ã©ã¡ã‚‰ã®æ–¹æ³•ã«ã—ã¦ã‚‚ã©ã®ã‚ˆã†ãªæ§‹é€ ã®æ–‡å—åˆ—ãŒã§ãã‚‹ã‹ã€åˆ†ã‹ã‚Šã¥ã‚‰ã„ã‚‚ã®ã§ã—ãŸã€‚ ES6ã§ã¯ã€ä»–è¨€èªžã®ã‚ˆã†ã«æ–‡å—åˆ—é€”ä¸ã§å¼å±•é–‹ãŒã§ãã‚‹ã€Template LiteralãŒç™»å ´ã—ã¦ã„ã¾ã™1ã€‚å¼•ç”¨ç¬¦ã¨ã—ã¦`...`ã‚’ä½¿ã„ã€å¼å±•é–‹ã¯ãã®é€”ä¸ã«${...}ã¨æ›¸ãã¨ã„ã†ã€ä»–è¨€èªžã¨æ¯”ã¹ã¦ã‚‚ãã“ã¾ã§é•å’Œæ„Ÿã®ãªã„è¨˜æ³•ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Babelã§ã®å¤‰æ›çµæžœ ã§ã€ä¾‹ã«ã‚ˆã£ã¦IEã¯éžå¯¾å¿œãªã®ã§ï¼ˆMDNï¼‰ã€IEã‚’åˆ‡ã‚Šæ¨ã¦ã‚‰ã‚Œãªã„ç’°å¢ƒã§ã¯Babelã§ã®å¤‰æ›ãŒå¿…è¦ã¨ãªã‚Šã¾ã™ã€‚ã“
masayoshinym 2019/07/16
Babel

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç³»èªç‰©
ãƒªãƒ³ã‚¯
Django Compressor + Babel ã§ Django ã§ã‚‚ç°¡å˜ã« ES6 ã‚³ãƒ¼ãƒ‰ã‚’æ‰±ã†æ–¹æ³• - ymyzkâ€™s blog
ECMAScript 6 ã®å®Ÿè£…ã¯å„å‡¦ç†ç³»ã§å°‘ã—ãšã¤é€²ã‚“ã§ã„ã¾ã™ãŒ, ç¾å®Ÿçš„ã« Web ãƒ–ãƒ©ã‚¦ã‚¶ã§ ECMAScript 6 ã®ã‚³ãƒ¼ãƒ‰ã‚’å®Ÿè¡Œã™ã‚‹ã«ã¯ä¸€éƒ¨ã®æ©Ÿèƒ½ã®ã¿ã‚’ç”¨ã„ã‚‹ã‹, Babel ç‰ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã‚’ç”¨ã„ã¦ ECMAScript 5 äº’æ›ã®ã‚³ãƒ¼ãƒ‰ã«å¤‰æ›ã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™. ã“ã®è¨˜äº‹ã§ã¯ Python ã® Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Django ã¨ Django ã§é™çš„ãƒ•ã‚¡ã‚¤ãƒ«ã®åœ§ç¸®ç‰ã‚’è¡Œã† Django Compressor ã¨ Babel ã‚’çµ„ã¿åˆã‚ã›ã¦åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™. ç’°å¢ƒ Pythonãƒ»Djangoãƒ»Django Compressorãƒ»Node.js (io.js)ãƒ»Babel ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚ŒãŸç’°å¢ƒãŒã‚ã‚Š, é©å½“ãª Django ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒç”Ÿæˆã§ãã¦ã„ã‚‹ã‚‚ã®ã¨ä»®å®šã—ã¾ã™. Django ã¨ Django Compressor ã¯ pip
masayoshinym 2019/03/04
Django

Babel

å¾Œã§è©¦ã™
ãƒªãƒ³ã‚¯
webpackã¨Babelã®åŸºæœ¬ã‚’ç†è§£ã™ã‚‹(1) â€•webpackç·¨â€• - Qiita
ç‹¬å¦ã®å†…å®¹ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚èª¤ã‚ŠãŒã”ã–ã„ã¾ã—ãŸã‚‰ã€ã”é€£çµ¡ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ ãƒªãƒ³ã‚¯ webpackã¨Babelã®åŸºæœ¬ã‚’ç†è§£ã™ã‚‹(1) â€•webpackç·¨â€•ï¼ˆæœ¬è¨˜äº‹ï¼‰ webpackã¨Babelã®åŸºæœ¬ã‚’ç†è§£ã™ã‚‹(2) â€•Babelç·¨â€• webpackã¨Babelã®åŸºæœ¬ã‚’ç†è§£ã™ã‚‹(3) â€•webpackã¨Babelç·¨â€• webpackã¨Babelã®åŸºæœ¬ã‚’ç†è§£ã™ã‚‹(4) â€•Reactç·¨â€• webpackã¨Babelã®åŸºæœ¬ã‚’ç†è§£ã™ã‚‹(5) â€•Sassç·¨â€• æ¦‚è¦ ã“ã®è¨˜äº‹ã®æ¦‚è¦ ç›®çš„ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ç’°å¢ƒæ§‹ç¯‰ã«åˆ©ç”¨ã•ã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã¸ã®ç†è§£ã‚’æ·±ã‚ã‚‹ æœ¬è¨˜äº‹ã®ã‚´ãƒ¼ãƒ« webpackã§JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’çµåˆã™ã‚‹æ–¹æ³•ã‚’çŸ¥ã‚‹ å¯¾è±¡è€… WEBãƒ•ãƒãƒ³ãƒˆæ‹…å½“è€… HTML,CSS,JavaScript(es2015å«ã‚€)ã®åŸºæœ¬çš„ãªæ§‹æ–‡ã‚’ç†è§£ã—ã¦ã„ã‚‹äºº npmã®åˆ©ç”¨æ–¹æ³•ã‚’ç†è§£ã—ã¦ã„ã‚‹äºº ç’°å¢ƒãƒ»ãƒãƒ¼ã‚¸ãƒ§ãƒ³ Windows1
masayoshinym 2019/03/04
Webpack

Babel
ãƒªãƒ³ã‚¯
How to Use ES2015 Today with Babel and Gulp | Constant Contact Tech Blog
masayoshinym 2018/01/24
ES6

gulp

Babel

trouble
ãƒªãƒ³ã‚¯
babel-plugin-transform-es2015-template-literals Â· Babel
masayoshinym 2018/01/24
ES6

gulp

Babel

trouble
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ãƒ—ãƒ«ã ã‘ã©ã‚·ãƒƒã‚«ãƒªåƒãæœ€æ–°ã®ECMAScripté–‹ç™ºç’°å¢ƒ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
masayoshinym 2017/10/26
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

é–‹ç™ºç’°å¢ƒæ§‹ç¯‰

Babel

Webpack

ã„ã¤ã‹è©¦ã™
ãƒªãƒ³ã‚¯
ES2015å†å…¥é–€ - Qiita
ES2015ã¨ã¯ï¼Ÿ å°†æ¥çš„ã«ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã•ã‚Œã‚‹äºˆå®šã® ã€Œä»Šã¾ã§ã®JS(ES5)ã«æ§˜ã€…ãªæ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚ŒãŸæ–°ä»•æ§˜ã€ ã®ã“ã¨ã€‚ ES6ã¨ã‚‚è¨€ã£ãŸã‚Šã—ã¾ã™ã€‚ ç¾åœ¨ã¯ä¸€éƒ¨ã®ã¿ï¼ˆChromeã¯å¯¾å¿œï¼‰ã§æ©Ÿèƒ½ãŒå®Ÿè£…ã•ã‚Œã¦ã„ãŸã‚Šã€ã•ã‚Œã¦ã„ãªã‹ã£ãŸã‚Šã€‚ Babelã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«æ©Ÿèƒ½ã®ä¸€è¦§ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ https://babeljs.io/docs/learn-es2015/ BABELã£ã¦ï¼Ÿ ES2015ä»•æ§˜ã®Javascriptã‚’ES5ä»•æ§˜ã«æ•´å½¢ã™ã‚‹ãƒ„ãƒ¼ãƒ« ã§ã™ã€‚ ES2015ã«å¯¾å¿œã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã®ãŸã‚ã«ã€ ã€ŒES2015ã®è¨˜æ³•ã§æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã€ => ã€ŒES5ã€ ã¨ã—ã¦ãã‚Œã‚‹ã€‚ å¯¾å¿œã—ã¦ã„ãªã„ã‚“ãªã‚‰å¿…è¦ãªã„ã®ã§ã¯ï¼Ÿ å°†æ¥çš„ã«ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã«å®Ÿè£…ã•ã‚Œã¦ã„ã ã‚‚ã®ãªã®ã§ã€ä»Šã‹ã‚‰ä½¿ã£ã¦æ…£ã‚Œã¦ãŠã„ãŸæ–¹ãŒã‚ˆã•ãã†ã§ã™ã€‚ ES2015ã§æ›¸ã„ã¦ã¿ã‚ˆã† ES2015ã«ã¤ã„ã¦ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒã‚ã£ãŸã®ã§ã‚„ã£ã¦
masayoshinym 2017/06/15
ES6

Babel
ãƒªãƒ³ã‚¯
babel-preset-envã‚’ç°¡å˜ã«ã•ã‚ã£ã¦ã¿ãŸã€‚ - Qiita
æœ€è¿‘ã€babel-preset-envãªã‚‹ç‰©ã‚’çŸ¥ã£ãŸã®ã§ã€ã©ã‚“ãªç‰©ãªã®ã‹ã‚’èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ çŸ¥ã£ãŸãã£ã‹ã‘ã¯ã€ babel-preset-envæ¥½ â€” ã‚ˆã“ãŸ (@yokotak0527) 2016å¹´11æœˆ25æ—¥ ã§ã™ã€‚ã‚ã¨ã€ babel-preset-env is 1.0! New `useBuiltIns` option as suggested by @keyanzhang + electron support by @paulcbettshttps://t.co/L3ygdLljVT pic.twitter.com/XCjaVkHLps â€” Henry Zhu (@left_pad) 2016å¹´12æœˆ9æ—¥ babel-preset-env is 1.0!ã¨ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ãŒæµã‚Œã¦ããŸã®ã§ã€ä½¿ã£ã¦ã¿ãŸã„ãªãƒ¼ã¨æ€ã£ãŸã—ã ã„ã§ã™ã€‚ Babelã¨ã¯ ES2015,ES2016ãªã©ã®æ–°ã—ã„Java
masayoshinym 2016/12/13
Babel
ãƒªãƒ³ã‚¯
http://www.oklab.org/2016/01/04/setting-es6-webpack-babel/
masayoshinym 2016/09/26
Webpack

Babel

å®Ÿè£…ãƒ†ã‚¯
ãƒªãƒ³ã‚¯
Babel: ãƒ–ãƒ©ã‚¦ã‚¶å‘ã‘ã« Polyfill ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æœ‰åŠ¹åŒ–ã™ã‚‹ | DriftwoodJP
å‰å›žã®ç¶šãã€‚ babel-polyfill/dist/polyfill.js ã‚’èªã¿è¾¼ã‚€ã€‚ [markdown] â€œ`prettyprinted % $(npm bin)/babel 6.6.5 (babel-core 6.7.4) â€œ` > * [Babel: ES6 -> ES5 ã¸ãƒˆãƒ©ãƒ³ã‚¹ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ | deadwood](https://www.d-wood.com/blog/2016/04/11_7913.html) ## Polyfill ã¨ã¯ ãƒˆãƒ©ãƒ³ã‚¹ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸãŒã€ãƒ–ãƒ©ã‚¦ã‚¶ã§ ES6 ã‚’ãƒ•ãƒ«åˆ©ç”¨ã™ã‚‹ãŸã‚ã«ã¯ Polyfill ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã¿è¾¼ã‚€å¿…è¦ãŒã‚ã‚‹ã€‚ > * [Babelã‚’ä½¿ã£ã¦æ¬¡æœŸJavaScriptã€ES6ã‚’ä½“é¨“ã—ã‚ˆã† : ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚°](http://blog.asial.co.jp/1434) > > ãƒ–ãƒ©ã‚¦ã‚¶ã§ã€Babelã§å¤‰æ›ã—ãŸ
masayoshinym 2016/08/08
Babel
ãƒªãƒ³ã‚¯
Javascriptã§Generatorã‚’ä½¿ã† - Qiita
Generator æ‰‹ã‚’ä»˜ã‘ã‚ˆã†ã‹è¿·ã£ã¦ã„ãŸæ‰€ã§Async Awaitã¨ã‹ã‚‚å‡ºã¦ããŸã—ã‚‚ã†ã„ã„ã‚„ãâ€¦ã¨æ€ã£ã¦ãŸã‚“ã§ã™ãŒã€ä½•ã‹ã¨ã‚„ã£ã±ã‚Šä½¿ã„ãƒ‰ã‚³ãƒã¯ã‚ã‚Šãã†ã ã£ãŸã®ã§ã€‚ ä¾‹ãˆã°p5.jsã¨ã‹ã¿ãŸã„ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ã§drawã¨ã‹ãŒãƒ«ãƒ¼ãƒ—ã•ã‚Œã‚‹ã‚ˆã†ãªã‚„ã¤ã€‚ ç¹°ã‚Šè¿”ã—å‡¦ç†ã«ãªã‚‹ã®ã§ Generator ãŒæ´»ãã¦ãã‚‹ã€‚ const newMessage = function* (mes) { var counter = 500; while (true) { fill("#fff"); text(`${mes.user}\n${mes.text}`, counter, 200) counter = counter - 10; yield false; if (counter < 20) { break; } } yield true; }
masayoshinym 2016/07/27
Webpack

Babel

ã„ã¤ã‹ç†è§£ã—ãŸã„
ãƒªãƒ³ã‚¯
Node.jsãŒES5ã¨ES6(ES2015)ã«å¯¾å¿œã—ã¦ã‚‹ã“ã¨ã«ä»Šã•ã‚‰æ°—ã¥ã„ã¦ã€ä½¿ã£ã¦ã¿ãŸã‚‰æ„Ÿå‹•ã—ãŸæ–°è¦ç´ - ã»ã‚“ã˜ã‚ƒãƒ¼ãã£ã¨
Pythonã‚’å ªèƒ½ã—ãŸã®ã§Javascriptã«æˆ»ã£ã¦ããŸã€‚ Javascriptã§Pythonã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã¿ãŸã„ãªæ©Ÿèƒ½ã¯ãªã„ã®ã‹ãªã€ ã¨èª¿ã¹ã¦ã¿ã‚‹ã¨ã€ES6(ES2015)ã§è¿½åŠ ã•ã‚Œã€Node.jsã¯ES6å¯¾å¿œæ¸ˆã¿ã‚‰ã—ã„ã€‚ ãã†ã„ãˆã°ES5ã‚‚ES6ã‚‚ã‚ˆãèª¿ã¹ãŸã“ã¨ãªã„ãªã€ã¨æ€ã£ã¦ èª¿ã¹ã¦ã¿ã‚‹ã¨ã€ä¾¿åˆ©æ©Ÿèƒ½ãŒå±±ã»ã©è¿½åŠ ã•ã‚Œã¦ã¦ã³ã£ãã‚Šã€‚ Javascriptå¥½ãã€ã¨è¨€ã„ãªãŒã‚‰å¤§åˆ†é…ã‚ŒãŸã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ãŸã‚ˆã†ã ã€‚ ã¨ã‚Šã‚ãˆãšä»Šå¾Œçµ¶å¯¾ä½¿ãŠã†ï¼ã¨æ±ºã‚ãŸè¦ç´ ã‚’ç·´ç¿’ãŒã¦ã‚‰ã¾ã¨ã‚ã¦ãŠãï¼ ã¾ãšã¯constã¨let ä»Šã¾ã§varã‚’ä½¿ã£ã¦ãŸå¤‰æ•°å®£è¨€ã«constã¨letãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ constã¯å†ä»£å…¥ã—ãªã„å®šæ•°å®£è¨€ã€letã¯ãƒ¬ã‚ã‚·ã‚«ãƒ«ã‚¹ã‚³ãƒ¼ãƒ—ã®å¤‰æ•°å®£è¨€ã€‚ const products = [ {name: "it em1", price: 10}, {name: "it em2", price: 20}
masayoshinym 2016/07/07
Babel

Node.js

ES6
ãƒªãƒ³ã‚¯
Babel + React + Webpack ã®æœ€å°æ§‹æˆã²ãªå½¢ä½œã£ãŸ - Qiita
Help us understand the probl em. What is going on with this article?
masayoshinym 2016/07/06
Webpack

React

Babel

å¾Œã§è©¦ã™
ãƒªãƒ³ã‚¯
Babelã®æ‰‹ã»ã©ã | å‰ç·¨ Babelã¨ã¯
Babelã®æ‰‹ã»ã©ã å‰ç·¨ Babelã¨ã¯ Babelã¯ãƒ–ãƒ©ã‚¦ã‚¶ã«ã¾ã ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„ã‚ˆã†ãªJavaScriptã®æ¬¡ä¸–ä»£ã®æ¨™æº–æ©Ÿèƒ½ã‚’ã€ç¾åœ¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹Node.jsè£½ã®ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ©ã§ã™ã€‚BabelãŒã©ã®ã‚ˆã†ãªåƒãã‚’ã™ã‚‹ã‹è§£èª¬ã—ã¾ã™ã€‚ Babelã¨ã¯ ä»Šå›žç´¹ä»‹ã™ã‚‹Babelï¼ˆãƒãƒ™ãƒ«ï¼‰*ã¯ã€æ¬¡ä¸–ä»£ã®JavaScriptã®æ¨™æº–æ©Ÿèƒ½ã‚’ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µãƒãƒ¼ãƒˆã‚’å¾…ãŸãšã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹Node.jsè£½ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚æ¬¡ä¸–ä»£ã®æ¨™æº–æ©Ÿèƒ½ã‚’ä½¿ã£ã¦æ›¸ã‹ã‚ŒãŸã‚³ãƒ¼ãƒ‰ã‚’ã€ãã‚Œã‚‰ã®æ©Ÿèƒ½ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚å‹•ãã‚³ãƒ¼ãƒ‰ã«å¤‰æ›ï¼ˆãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ï¼‰ã—ã¾ã™ã€‚ ã€Œæ¬¡ä¸–ä»£ã®JavaScriptã®æ¨™æº–æ©Ÿèƒ½ã€ã¨ã„ã†ã®ã¯ECMAScriptï¼ˆä»¥é™ã€ESã¨å‘¼ã³ã¾ã™ï¼‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³6ã‚„7ã§è¿½åŠ ã•ã‚ŒãŸï¼ˆã‚‹ï¼‰æ©Ÿèƒ½ã€ãã—ã¦ã•ã‚‰ã«ãã®å…ˆã®æ¨™æº–æ©Ÿèƒ½ã§ã™ã€‚ *æ³¨ï¼šå…ƒã€…ã¯6to5ã¨ã„ã†åå‰ Babelã¯ã‚‚ã¨ã‚‚ã¨6to5ã¨ã„ã†å
masayoshinym 2016/07/02
Babel
ãƒªãƒ³ã‚¯
Babel6ã§Mochaã¨Chaiã‚’ä½¿ã£ãŸãƒ†ã‚¹ãƒˆã‚’æ›¸ã - Qiita
ã¯ã˜ã‚ã« æœ€è¿‘Reactã¨ã‹è§¦ã£ã¦ã„ã¾ã™ã€‚Githubä¸Šã¨ã‹ã§ã„ã‚ã„ã‚ãªã‚³ãƒ¼ãƒ‰ã‚’è¦‹ã•ã›ã¦ã„ãŸã ãã®ã§ã™ãŒã€Reactå‘¨è¾ºã¯Reduxã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§Babelä½¿ã£ã¦ã‚‹ã‘ã©ã€ãƒ†ã‚¹ãƒˆã¯Facebookã®Jestã‚’ä½¿ã£ã¦ã„ã¦ã‚ã‚“ã¾ã‚ŠBabelä½¿ãˆã¦ãªã‹ã£ãŸã‚Šã€ã‚‚ã¯ã‚„ãƒ†ã‚¹ãƒˆæ›¸ã„ã¦ãªã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ ãã‚‚ãã‚‚Reactã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã®ã§ã€ã‚ã¾ã‚Šãƒ†ã‚¹ãƒˆã‚’æ›¸ããŸããªããªã‚‹ã®ã‚‚ã‚ã‹ã‚Šã¾ã™ã€‚ã§ã™ãŒã€Railsã‚„ã£ã¦ã¦ã‚‚ãªã‚‹ã¹ããƒ†ã‚¹ãƒˆã‚’æ›¸ãã“ã¨ã‚’å°Šé‡ã™ã‚‹é›°å›²æ°—ã«ãªã£ã¦ãã¦ã„ã‚‹ã®ã§ã€Reactå‘¨è¾ºã§ã‚‚ãƒ†ã‚¹ãƒˆã‚’æ›¸ã„ã¦ã„ããŸã„ã®ã§ã™ã€‚ãã“ã§ã€Jestã§ã¯ãªãã¦Mochaã¨Chaiã‚’ä½¿ã£ã¦ãƒ†ã‚¹ãƒˆã‚’æ›¸ãã«ã¯ã©ã†ã™ã‚‹ã¹ããªã®ã‹ã¨æ€ã„ã€ã¾ã¨ã‚ã¾ã—ãŸã€‚ ç’°å¢ƒ node: v5.1.0 npm: 3.3.12 ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆ
masayoshinym 2016/07/01
React

Babel

ã„ã¤ã‹èªã‚€
ãƒªãƒ³ã‚¯
Babel ã‚’ä½¿ã£ã¦ React ã® jsx ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
masayoshinym 2016/05/31
Babel

React

ã„ã¤ã‹ç†è§£ã—ãŸã„
ãƒªãƒ³ã‚¯
gulp+watchify+browserify+babel+reactã§ãƒ“ãƒ«ãƒ‰ãŒé€Ÿããªã‚‰ãªã„ - tanaka's Programming Memo
watchifyã§ãƒ“ãƒ«ãƒ‰ã®é«˜é€ŸåŒ–ã‚’å›³ã‚ã†ã¨ã—ãŸã¨ã“ã‚ã€ãƒ“ãƒ«ãƒ‰ã™ã‚‹ãŸã³ã«é…ããªã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ åŽŸå› ã¯ã€Browserifyã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã—ã¦ã„ãªã„ã“ã¨ã§ã—ãŸã€‚ä»¥ä¸‹ã€ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã¨Watchifyã¨Browserifyã®éƒ¨åˆ†ã®æŠœç²‹ã§ã™ã€‚propsãŒå¿…è¦ã§ã—ãŸã€‚ var jsSrcPath = "./ãƒ“ãƒ«ãƒ‰ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã®ãƒ‘ã‚¹/"; var jsSrcFile = "app.jsx"; var jsDestPath = "./å‡ºåŠ›å…ˆã®ãƒ‘ã‚¹/"; var bundler; var props = { entries: jsSrcPath + jsSrcFile, debug: true, cache: {}, packageCache: {}, fullPaths: true }; bundler = watchify( browserify( props ) ); function rebun
masayoshinym 2016/03/08
gulp

React

Babel
ãƒªãƒ³ã‚¯
C#é–‹ç™ºè€…ã®ãŸã‚ã®æœ€æ–°JavaScriptäº‹æƒ…ï¼ˆBabelç·¨ï¼‰
ä»Šå›žã¯C#ã‹ã‚‰å°‘ã—é›¢ã‚Œã¦ã€ECMAScript 2015ã‚³ãƒ¼ãƒ‰ã‚’JavaScript 5ã‚³ãƒ¼ãƒ‰ã«å¤‰æ›ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã§ã‚ã‚‹Babelã®ä½¿ã„æ–¹ã‚’è¦‹ã¦ã„ã“ã†ã€‚ é€£è¼‰ç›®æ¬¡ å‰å›žã®æœ€å¾Œã«ã€Œæ¬¡ã¯ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«ã¤ã„ã¦ã€çš„ãªã“ã¨ã‚’è¿°ã¹ãŸãŒã€ã¡ã‚‡ã£ã¨äºˆå®šã‚’å¤‰æ›´ã—ã¦ã€ä»Šå›žã¯C#ã¨JavaScriptã®è©±é¡Œã‹ã‚‰å°‘ã—é›¢ã‚Œã¦ã€Babelã‚’ä½¿ç”¨ã—ã¦ECMAScript 2015ï¼ˆä»¥ä¸‹ã€ES2015ï¼‰ã®ã‚³ãƒ¼ãƒ‰ã‚’JavaScript 5.xï¼ˆä»¥ä¸‹ã€JS5ï¼‰ã®ã‚³ãƒ¼ãƒ‰ã«ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ï¼ˆã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ï¼‰ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦è¦‹ã¦ã¿ã‚ˆã†ã€‚ ECMAScript 2015ã®ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ï¼ˆã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ï¼‰ã¨ã¯ ES2015ã¯2015å¹´6æœˆã«ç–å®šã•ã‚ŒãŸãŒã€ãã®ã‚‚ã¨ã‚‚ã¨ã®ä¸»æˆ¦å ´ã§ã‚ã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã®ã‚µãƒãƒ¼ãƒˆçŠ¶æ³ã¯ã¾ã ã¾ã ã®çŠ¶æ³ã ã€‚ãã“ã§ã€ES2015ã‚³ãƒ¼ãƒ‰ã‚’JS5ã‚³ãƒ¼ãƒ‰ã«å¤‰æ›ï¼ˆãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ï¼ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ï¼‰ã™ã‚‹ã“ã¨ã§ã€ES2015ã‚³ãƒ¼ãƒ‰ã‚’Webãƒ–ãƒ©ã‚¦ã‚¶
masayoshinym 2015/12/11
JavaScript

ES6

Babel
ãƒªãƒ³ã‚¯
1