[B! babel] Nagataniã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Nagatani id:Nagatani

babelã«é–¢ã™ã‚‹Nagataniã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

ã‚¤ãƒžãƒ‰ã‚ã®JavaScriptã®æ›¸ãæ–¹2018
PySpaçµ±åˆæ€å¿µä½“ã§ã™ã€‚ã“ã‚Œã‹ã‚‰JavaScriptã‚’è¦šãˆã‚‹ãªã‚‰ã€ã€Œã“ã®æ›¸ãæ–¹ã¯ã‚‚ã†è¦šãˆãªãã¦ã„ã„ã€ï¼ˆã‚ˆã‚Šã‚ˆã„ä»£æ›¿ãŒã‚ã‚‹ï¼‰ã¨ã„ã†ã‚‚ã®ã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ ES6ä»¥é™ã®é›£ã—ã•ã¯ã€æ—§æ¥ã®æ›¸ãæ–¹ã«ãƒ—ãƒ©ã‚¹ãŒå¢—ãˆãŸã ã‘ã§ã¯ãªãã€å¤§é‡ã®ã€Œæ—§æ¥ã®æ›¸ãæ–¹ã¯é–“é•ã„ã‚’èª˜ç™ºã—ã‚„ã™ã„ã‹ã‚‰éžæŽ¨å¥¨ã€ã¨ã„ã†ã‚‚ã®ã‚’ä½œã‚Šå‡ºã—ãŸç‚¹ã«ã‚ã‚Šã¾ã™ã€‚5å¹´å‰ã€10å¹´å‰ã®æœ¬ã‚„ã‚¦ã‚§ãƒ–ãŒã‚ã¾ã‚Šå½¹ã«ç«‹ãŸã¡ã¾ã›ã‚“ã€‚ãªãŠã€æ›¸ãæ–¹ãŒè¤‡æ•°ã‚ã‚‹ã‚‚ã®ã¯ã€å¥½ãå«Œã„ã¯å½“ç„¶ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã‚ãˆã¦éŽæ¿€ã«1ã¤ã«çµžã£ã¦ã„ã‚‹ã¨ã“ã‚ã‚‚ã‚ã‚Šã¾ã™ã€‚ãªãŠã€ã“ã‚Œã¯ã“ã‚Œã‹ã‚‰æ–°è¦ã«å¦ã¶äººãŒã€éŽåŽ»ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚„ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ãŸæ™‚ã«å¤ã„æƒ…å ±ã‚’é¸åˆ¥ã™ã‚‹ãŸã‚ã®ã¾ã¨ã‚ã§ã™ã€‚æ®‹å¿µãªãŒã‚‰ã€ä»Šæ™‚ã®æ›¸ãæ–¹ã®ã¿ã§æ§‹æˆã•ã‚ŒãŸæ›¸ç±ãªã©ãŒå˜åœ¨ã—ãªã„ã‹ã‚‰ã§ã™ã€‚ ãŸã¶ã‚“æ˜Žç¤ºçš„ã«æ›¸ã„ã¦ã„ã¦ã‚‚èªã¿é£›ã°ã™äººã¯ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã™ã§ã«æ›¸ã„ã¦ã„ã‚‹äººå‘ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã‚Œã‹ã‚‰æ›¸ãã‚³ãƒ¼ãƒ‰ã‚’ã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã«ã—ã¦ã„ãã®ã¯åˆ¥ã«ã„ã„
Nagatani 2017/12/27
babel

javascript
ãƒªãƒ³ã‚¯
2016å¹´ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã‚¼ãƒã‹ã‚‰React/Reduxã‚’å¦ç¿’ã—ãŸã¨ãã®æ–¹æ³•ã‚’æŒ¯ã‚Šè¿”ã‚‹
ã“ã‚“ã«ã¡ã¯ã€‚ã‚¹ã‚¿ã‚¸ã‚ªãƒ»ã‚¢ãƒ«ã‚«ãƒŠã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãªã£ã¡ã‚ƒã‚“(@natsumican63)ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯React Advent Calendar 2016ã®13æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ãã‚Œã¯2016å¹´ã‚‚å¾ŒåŠã¸å·®ã—æŽ›ã‹ã£ãŸã‚ã‚‹æ—¥ã®ã“ã¨ã§ã—ãŸâ€¦ ä¸Šå¸ã€Œæ¬¡ã®æ¡ˆä»¶ã€ã“ã®è¾ºã®æŠ€è¡“ä½¿ã†ã‹ã‚‰è»½ãå‹‰å¼·ã—ã¦ãŠã„ã¦ãƒ¼ã€ ã¤ React.js + Redux.js + redux-saga + Cordova + ES6 + Babel + OnsenUI + Gulp + Webpack (ã€€ï¾ŸÐ´ï¾Ÿ) (ã¤Ð´âŠ‚)ï½ºï¾žï½¼ï½ºï¾žï½¼ (ï¼›ï¾Ÿ Ð”ï¾Ÿ) !?!? (; ï¾ŸÐ´ï¾Ÿ)ã€Œâ€¦ã‚ã€ã‚ã‹ã‚Šã¾ã—ãŸã€ â€»ã€Œä½•ã§ã‚‚ã‚„ã‚Šã¾ã™ï¼ã‚„ã‚‰ã›ã¦ãã ã•ã„ï¼ã€ãŒç§ã®å£ç™–ãªã®ã§ã€æ±ºã—ã¦ç„¡èŒ¶æŒ¯ã‚Šã—ã¦ãã‚‹å¼Šç¤¾ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã‚ˆï¼ã»ã‚“ã¨ã ã‚ˆï¼ï¼ æ–¯ãã—ã¦2016å¹´ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã¯ã˜ã‚ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¸ã®é–€æˆ¸ã‚’é–‹ãã“ã¨ã¨ãªã£ãŸéš›ã®å¦
Nagatani 2016/12/13
react

ECMA

babel
ãƒªãƒ³ã‚¯
Babelã§ES6ã§æ›¸ã„ã¦ã€webpackã§ãƒ“ãƒ«ãƒ‰ã—ã¦ã€mochaã§ãƒ†ã‚¹ãƒˆæ›¸ã„ã¦ã€power-assertã§assertã®å‡ºåŠ›ã‚’è¦‹ã‚„ã™ãã—ã¦ã€karmaã§è¤‡æ•°ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ†ã‚¹ãƒˆã‚’è‡ªå‹•åŒ–ã—ã¦ã€ã‚«ãƒãƒ¬ãƒƒã‚¸ã‚’å‡ºåŠ›ã™ã‚‹ã‚ˆã†ã«ã—ãŸ - UUUMã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
ãŠã¯ã“ã‚“ã°ã‚“ã¡ã¯!! å°¾è—¤ a.k.a. BTOã§ã™ã€‚ UUUMã§ã¯æ¥å‹™ã®åŠ¹çŽ‡æ”¹å–„ã« kintone ã‚’å°Žå…¥ã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€kintone ã®æ©Ÿèƒ½ã‚’æ‹¡å¼µã™ã‚‹ã«ã¯ Javascript ã§ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã€Javascript ã®é–‹ç™ºç’°å¢ƒã‚’æ§‹ç¯‰ã—ãŸã®ã§ã€ä½•ã‚’ã‚„ã£ãŸã®ã‹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ å…·ä½“çš„ã«ã¯ã€ Babelã§ES6ã§æ›¸ã„ã¦ã€webpackã§ãƒ“ãƒ«ãƒ‰ã—ã¦ã€mochaã§ãƒ†ã‚¹ãƒˆæ›¸ã„ã¦ã€power-assertã§assertã®å‡ºåŠ›ã‚’è¦‹ã‚„ã™ãã—ã¦ã€karmaã§è¤‡æ•°ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ†ã‚¹ãƒˆã‚’è‡ªå‹•åŒ–ã—ã¦ã€ã‚«ãƒãƒ¬ãƒƒã‚¸ã‚’å‡ºåŠ›ã™ã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ ãŠå‰ã¯ä½•ã‚’è¨€ã£ã¦ã„ã‚‹ã‚“ã ã¨æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€åƒ•ã‚‚ä½•ã‚’è¨€ã£ã¦ã„ã‚‹ã®ã‹ã‚ã‹ã‚Šã¾ã›ã‚“ã€‚ Babel è¨€ã‚ãšã¨çŸ¥ã‚ŒãŸ ES6 ç”¨ã®ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã”å˜çŸ¥ã®æ–¹ã‚‚å¤šã„ã¨æ€ã†ã®ã§ã€è©³ç´°ã¯å‰²æ„›ã—ã¾ã™ãã€‚ Babel ã®å°Žå…¥ã¯ npm ã§ã‚¤
Nagatani 2016/09/17
babel

es6

webpack
ãƒªãƒ³ã‚¯
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"
Nagatani 2016/04/07
es6

webpack

babel
ãƒªãƒ³ã‚¯
1