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 ã§ã‚¤
Reactã‚’npmã§ãƒ“ルドã™ã‚‹æ–¹æ³• browserify (watchify) + babelifyç·¨
Reactを「webpack + babel-loaderã€ã§ãƒ“ルドã™ã‚‹æ–¹æ³•
Babelã§ES2015ã®è‡ªå‹•ã‚³ãƒ³ãƒ‘イル環境を作る（Browserify / gulp / Grunt / webpack）
ゼãƒã‹ã‚‰å§‹ã‚ã‚‹JavaScript生活 - Qiita
{{#tags}}- {{label}}
{{/tags}}