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

nantan id:nantan

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

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

ä½œã£ã¦ç†è§£ã™ã‚‹ Babel ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ - Techtouch Developers Blog
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ä¼Šè—¤ã§ã™ã€‚ ã‚ˆã†ã‚„ãæ¢…é›¨ãŒé–‹ã‘ãŸã¨æ€ã£ãŸã‚‰ã™ã§ã«ç«‹ç§‹ã€‚æ®‹æš‘ã¯æ®‹ã‚‹ã©ã“ã‚ã‹æ—¥ã«æ—¥ã«å¢—ã—ã¦ã„ã‚‹æ„Ÿã˜ã•ãˆã‚ã‚Šã¾ã™â€¦ ðŸ¥µ ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€æ™®æ®µã®é–‹ç™ºã§éžå¸¸ã«ãŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ« Babel ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã¨ã€Babel ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä¾‹ã¨ã—ã¦ã®å‡¦ç†æ™‚é–“ã‚’è¨ˆæ¸¬ã™ã‚‹ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ©ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚Babel ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«è¸ã¿è¾¼ã‚“ã§ã„ããŸã„ã®ã§ã™ãŒã€ç†è§£ã‚’åŠ©ã‘ã‚‹ãŸã‚ã«ã¾ãš Babel ãŒä½•ã‚’ã™ã‚‹ãƒ„ãƒ¼ãƒ«ãªã®ã‹ã‹ã‚‰èª¬æ˜Žã—ã¾ã™ã€‚ Babelã¨ã¯ Babel ã®å‡¦ç†ã®æµã‚Œ AST (Abstract Syntax Tree) Babel ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ Babel ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæœ€å°æ§‹æˆ Hello World ã€Œãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ©ã€ã§ä½•ã‚’ã™ã‚‹ã®ã‹ ã¾ã¨ã‚ Babel ãƒ—ãƒ©ã‚°ã‚¤ãƒ³é–‹ç™ºã«å‚è€ƒã«ãªã£ãŸã‚µã‚¤ãƒˆ ãŠã¾ã‘ Babelã¨ã¯ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’è¡Œã£ã¦ã„ã‚‹æ–¹ã«ã¯ãŠé¦´æŸ“ã¿ãª Babel
nantan 2020/08/13
babel
ãƒªãƒ³ã‚¯
Babel7.xæ™‚ä»£ã®polyfillã®è¨å®šæ–¹æ³•ã¨useBuiltInsã®ä»•çµ„ã¿
ES2015+ã§å®Ÿè£…ã™ã‚‹ãŸã‚ã«Babelã®polyfillã‚’åˆ©ç”¨ã™ã‚‹å ´é¢ã¯å¤šã„ã¨æ€ã„ã¾ã™ãŒã€Babel6.xã¾ã§ã¨7.xã§ã¯ãã®å°Žå…¥æ–¹æ³•ãŒå¤‰ã‚ã£ã¦ã„ã‚‹ã®ã§æ³¨æ„ãŒå¿…è¦ã§ã™ã€‚ä»Šå›žã¯Babel7.xã§ã®ç”¨é€”åˆ¥polyfillã®è¨å®šæ–¹æ³•ã¨ã€ã‚ãƒ¢ã¨ãªã‚‹useBuiltInsã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®æŒ™å‹•ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã™(åŸ·ç†æ™‚ç‚¹ã§ã®Babelã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯7.1.0ã§ã™)ã€‚ ãªãŠã€6.xã¾ã§ã®è¨å®šæ–¹æ³•ã¯ã€ŒBabelã®è¨å®šã‚’è¦‹ç›´ã™ãŸã‚ã®é€†å¼•ãã‚¬ã‚¤ãƒ‰ã€ã«ã¾ã¨ã‚ã¦ã‚ã‚Šã¾ã™ã€‚polyfillã®ã“ã¨ã ã‘ã§ãªãã€Babelã¨ã¯ä½•ã‹ã€ã©ã®ã‚ˆã†ã«åˆ©ç”¨ã™ã‚‹ã®ã‹ã€ã¨ã„ã£ãŸã“ã¨ã‚‚ä½µã›ã¦ã¾ã¨ã‚ã¦ã‚ã‚Šã¾ã™ã®ã§è‰¯ã‘ã‚Œã°ã”å‚è€ƒã«ã©ã†ãžã€‚ 2019/06/21 è¿½è¨˜ Babel7.4.0ã‹ã‚‰ @babel/polyfill ãŒéžæŽ¨å¥¨ã¨ãªã£ã¦ã„ã¾ã™ã€‚å¤‰æ›´ç‚¹ã‚„æ–°ã—ã„è¨å®šæ–¹æ³•ã¯ã€ŒBabel7.4ã§éžæŽ¨å¥¨ã«ãªã£ãŸbabel/polyfillã®ä»£æ›¿
nantan 2019/07/02
babel

webpack
ãƒªãƒ³ã‚¯
æ¬¡ã®ãƒªãƒªãƒ¼ã‚¹ã§ã‚ã‚‹Babel7ã®ä¸»ãªå¤‰æ›´ç‚¹ã¾ã¨ã‚ - æŠ€è¡“æŽ¢ã—
Babel7ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚‹ã¾ã§ã¯æ›´æ–°ã•ã‚Œã¾ã™ã€‚ æ³¨æ„: é‡ãŒå¤šã„ã®ã§ã€Babelã®Internal, Bug Fix, Documentsã¨Babylonã«ã¤ã„ã¦ã¯æ›¸ãã¾ã›ã‚“ã€‚ ã¾ãŸ6.xã¸ãƒãƒƒã‚¯ãƒãƒ¼ãƒˆã•ã‚ŒãŸã‚‚ã®ã‚‚å…¥ã£ã¦ã„ã¾ã™ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„ã€‚ ã‚‚ã—ã€é–“é•ãˆã‚„è³ªå•ãŒã‚ã‚Œã°ã€ @about_hiroppy ã¾ã§ã©ã†ãž;) Index Notable Changes Details of Changes In Progress Links Milestone Babel 7 Beta Milestone Â· GitHub Wiki Babel 7 Â· babel/babel Wiki Â· GitHub Releases Releases Â· babel/babel Â· GitHub Revision History of This Article 2017/09/04(first) Ba
nantan 2017/09/04
babel

JavaScript
ãƒªãƒ³ã‚¯
mocha + enzyme + power-assertã®ç’°å¢ƒæ§‹ç¯‰ãƒ¡ãƒ¢ - Qiita
npm install -D babel babel-register babel-preset-latest babel-preset-react babel-plugin-espower mocha power-assert enzyme react-addons-test-utils jsdom jsdom-global npm install -S react
nantan 2016/10/11
babel

JavaScript

mocha

enzyme

power-assert
ãƒªãƒ³ã‚¯
Reduxå‹‰å¼·ç”¨ã«ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ãŸ - Qiita
å‰ã€…ã‹ã‚‰è§¦ã‚ŠãŸã„ã¨æ€ã£ã¦ã„ãŸReduxã‚’é…ã‚Œã°ã›ãªãŒã‚‰æœ€è¿‘è§¦ã‚Šã¯ã˜ã‚ãŸã®ã§ã€å¦ã‚“ã ã“ã¨ã‚’è‡ªåˆ†ç”¨ã®å‚™å¿˜éŒ²ã¨ã—ã¦ã¾ã¨ã‚ã¾ã™ã€‚å®Ÿè£…ã‚„èª¬æ˜Žã«ã¤ã„ã¦é–“é•ã£ã¦ã„ã‚‹ã¨ã“ã‚ãŒã‚ã‚Œã°ä¿®æ£ã—ã¾ã™ã€‚ è‡ªåˆ†ã«ã¨ã£ã¦è§£ã‚Šã‚„ã™ã„ã‚ˆã†ã«å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ã® Todoã‚¢ãƒ—ãƒª ã‹ã‚‰ã‹ãªã‚Šæ©Ÿèƒ½ã‚’å‰Šã‚Šã¨ã£ã¦ã€ãƒ†ã‚ã‚¹ãƒˆã®è¿½åŠ ã¨å…¨å‰Šé™¤ã®æ©Ÿèƒ½ã—ã‹æŒãŸãªã„æ¥µç«¯ã«å°ã•ã„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’Reduxã‚’ä½¿ã£ã¦ä½œã‚Šã¾ã™ã€‚ ç’°å¢ƒ Redux @3.0.5 React @0.14.3 react-redux @4.0.5 babelify @7.2.0 browserify @12.0.1 wachify @3.6.1 ä½¿ç”¨ã—ã¦ã„ã‚‹Babelãƒ—ãƒªã‚»ãƒƒãƒˆ babel-preset-es2015 @6.3.13 babel-preset-react @6.3.13 babel-preset-stage-2 @6.3.13 å®Œæˆå“ ã§ãä¸ŠãŒã£ãŸã‚‚ã®ãŒã“
nantan 2016/09/23
redux

reactjs

babel
ãƒªãƒ³ã‚¯
ES async/awaitã‚’å…¨åŠ›ã§ä½¿ã£ã¦ã¿ã¦ç™ºè¦‹ã—ãŸã‚¤ãƒ‡ã‚£ã‚ªãƒ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
nantan 2016/09/05
JavaScript

es6

babel
ãƒªãƒ³ã‚¯
Class Propertiesã‚’ä½¿ã£ãŸReactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ESLintã§é™çš„æ¤œè¨¼ - Qiita
ã‚ã‚‹ç¨‹åº¦Babelã¨ã‹çŸ¥ã£ã¦ã‚‹äººå‘ãã§ã™ã€‚ è¦ç´„ Class Property Declarationsã§Reactã®PropTypesæŒ‡å®šãŒæ—ã‚‹ ESLintãã®ã¾ã¾ã§ã¯Class Property Declarationsã«å¯¾å¿œã—ã¦ãªã„ babel-eslintãƒ‘ãƒ¼ã‚µä½¿ãˆã°è§£æ±ºï¼ˆãŸã ã—estraverse-fbã¯æ‰‹å‹•ã§å…¥ã‚Œã‚ï¼‰ ä»¥ä¸Šã€‚estraverse-fbå‘¨ã‚Šã¯ãã®ã†ã¡ä¿®æ£ã•ã‚Œãã†ã€‚ Class Property Declarationsã§Reactã®PropTypesæŒ‡å®šãŒæ—ã‚‹ ES.nextã®Class Property Declarationsã§ã‚¯ãƒ©ã‚¹ã«ãƒ—ãƒãƒ‘ãƒ†ã‚£ç”Ÿã‚„ã›ã‚‹ã‚ˆã†ææ¡ˆã•ã‚Œã¦ã„ã‚‹ã€‚ ãã‚Œã‚’ä½¿ãˆã°Reactã®propTypesæŒ‡å®šãŒæ—ã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ã‚„ã£ãŸãœã€‚ import React from 'react'; export default class MyButto
nantan 2016/07/05
React

babel

ESLint
ãƒªãƒ³ã‚¯
React Routerã§èªè¨¼ã‚’åˆ¶å¾¡ã™ã‚‹æ–¹æ³• - Qiita
React Routerã§èªè¨¼ã‚’åˆ¶å¾¡ã™ã‚‹æ–¹æ³•ã§ã™ã€‚è©¦è¡ŒéŒ¯èª¤ã—ã¦è‰¯ã•ãã†ãªå®Ÿè£…æ–¹æ³•ã‚’ç™ºè¦‹ã—ãŸã®ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¢ãƒ—ãƒªã«èªè¨¼ãŒã‚ã‚‹ã¨ã€ç”»é¢ã”ã¨ã«ã€ èªè¨¼æ¸ˆã¿ãƒ¦ãƒ¼ã‚¶ã®ã¿ã‚¢ã‚¯ã‚»ã‚¹ã‚’è¨±å¯ã—ãŸã„ãƒšãƒ¼ã‚¸ ã‚¢ã‚«ã‚¦ãƒ³ãƒˆè¨å®šãªã© èªè¨¼ã—ã¦ã„ãªã„ãƒ¦ãƒ¼ã‚¶ã®ã¿ã‚¢ã‚¯ã‚»ã‚¹ã‚’è¨±å¯ã—ãŸã„ãƒšãƒ¼ã‚¸ ãƒã‚°ã‚¤ãƒ³ãƒ»æ–°è¦ç™»éŒ²ãªã© èªè¨¼ã«é–¢ä¿‚ãªãã‚¢ã‚¯ã‚»ã‚¹ã‚’è¨±å¯ã—ãŸã„ãƒšãƒ¼ã‚¸ QiitaæŠ•ç¨¿ã®ã‚ˆã†ãªãƒ‘ãƒ–ãƒªãƒƒã‚¯ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã© ã®è¨å®šãŒå¿…è¦ã«ãªã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ React Routerã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã„ãã¤ã‹è¦‹ãŸã¨ã“ã‚å¹¾ã¤ã‹èªè¨¼ã‚’åˆ¶å¾¡ã™ã‚‹æ–¹æ³•ãŒç¤ºã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ onEnterã‚’ä½¿ã†æ–¹æ³• AuthenticatedComponent onEnterã‚’ä½¿ã†æ–¹æ³• æœ¬å®¶ã®ã‚µãƒ³ãƒ—ãƒ«ã§ä¾‹ç¤ºã•ã‚ŒãŸå®Ÿè£…ã§ã™ã€‚ç¾åœ¨Î²ã®react-router 1.0.0ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ function requireAuth(nextState, transition)
nantan 2016/07/05
React

reactjs

react-router

babel
ãƒªãƒ³ã‚¯
Writing NPM packages with ES6 using the Babel 6 CLI
This guide is part of The Complete Guide to ES6 with Babel 6 series. If youâ€™re having trouble upgrading to Babel 6, start with Six Things You Need To Know About Babel 6. Even if you write your NPM package with ES2015, it is important that the code you publish is compatible with everyone elseâ€™s JavaScript environments. That means compiling your code to ES5 before publishing it. And of course, the b
nantan 2016/06/03
babel

es6
ãƒªãƒ³ã‚¯
Destructuring assignmentã®ã”åˆ©ç”¨ã¯è¨ˆç”»çš„ã« - Qiita
Help us understand the probl em. What is going on with this article?
nantan 2016/05/26
JavaScript

babel
ãƒªãƒ³ã‚¯
babel-watch
nantan 2016/04/27
babel
ãƒªãƒ³ã‚¯
Node.js/Expressã§ES6(ECMAScript 2015)ã‚’ä½¿ç”¨ | ãŸã‚“ãŸã‹
babelã§expressã‚’å‹•ã‹ã™ã¾ã§ã®è¨å®šã§ã™ã€‚ç’°å¢ƒã¯Windows 10ã€‚ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãƒ•ã‚©ãƒ«ãƒ€ä½œã£ã¦ç§»å‹• mkdir sample1 cd sample1 babelã¨express-generatorã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«(ä»Šå›žã¯ã€ã‚°ãƒãƒ¼ãƒãƒ«ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«) npm i -g babel-cli express-generator express ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« express ES2015ã‚’ä½¿ã†ã®ã§ã€babel-preset-es2015 ã‚‚ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« npm i --save-dev babel-preset-es2015 å¿…è¦ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« npm install babel-nodeã‚’ä½¿ç”¨ã™ã‚‹ã‚ˆã†ã« package.json ã‚’ä¿®æ£ "scripts": { "start": "babel-node ./bin/www" }, .babelrcãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä½œæˆã—ã¦ã€ãƒ—
nantan 2016/04/26
node.js

express

babel

es6
ãƒªãƒ³ã‚¯
power-assert + babel as a development tool
3è¡Œã¾ã¨ã‚ espower-babelã¯å½¹ç›®ã‚’çµ‚ãˆãŸã®ã§ã€Deprecated Babel + power-assertã¯babel-preset-power-assertã‚’ä½¿ã† ã‚³ãƒ¼ãƒ‰ä¸Šã¯require("power-assert")ã¨require("assert") ã©ã¡ã‚‰ã§ã‚‚power-assertåŒ–ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸ espower-babelã¯éžæŽ¨å¥¨ã¸ Babel + Mocha + power-assertã®çµ„ã¿åˆã‚ã›ã‚’å‡ºæ¥ã‚‹ã ã‘è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ãªã©ã‚’ä½œã‚‰ãšã«ä½¿ãˆã‚‹espower-babelã¨ã„ã†ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’æ›¸ã„ã¦ã„ã¾ã—ãŸãŒã€å½¹ç›®ã‚’çµ‚ãˆãŸã®ã§éžæŽ¨å¥¨(deprecated)ã«ã—ã¾ã—ãŸã€‚ ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’ES6+power-assertã§æ›¸ã‘ã‚‹espower-babel 3.0.0ãƒªãƒªãƒ¼ã‚¹ | Web Scratch ç†ç”±ã¨ã—ã¦ã¯ã€Babel@6ã‹ã‚‰ã¯è¨å®š(ãƒ•ã‚¡ã‚¤ãƒ«)ã‚’å¿…ãšå¿…è¦ã¨ã™ã‚‹ã®
nantan 2016/04/22
babel

power-assert

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"
nantan 2016/04/19
babel

JavaScript

webpack

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
nantan 2016/03/02
javascript

es6

power-assert

babel
ãƒªãƒ³ã‚¯
karma+webpack+babel+mocha+power-assert ã®è¨å®š - Qiita
module.exports = function(config) { config.set({ basePath: '', frameworks: ['mocha'], files: [ 'path/to/tests/**/*.js' ], exclude: [], plugins: [ 'karma-chrome-launcher', 'karma-mocha', 'karma-webpack' ], preprocessors: { 'path/to/tests/**/*.js': ['webpack'] }, webpack: { devtool: 'inline-source-map', module: { loaders: [ { test: /\.js$/, loader: 'babel', exclude: /node_modules/, query: { presets:
nantan 2016/03/02
power-assert

karma

webpack

babel

mocha
ãƒªãƒ³ã‚¯
Babel webpack
nantan 2016/03/02
babel

es6

webpack
ãƒªãƒ³ã‚¯
Babel Snippets - Packages - Package Control
nantan 2016/02/29
babel

react
ãƒªãƒ³ã‚¯
Babelã§ES2015ã®è‡ªå‹•ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ç’°å¢ƒã‚’ä½œã‚‹ï¼ˆBrowserify / gulp / Grunt / webpackï¼‰
ä»Šå¹´2015å¹´6æœˆã«JavaScriptã®æ¨™æº–ä»•æ§˜ã§ã‚ã‚‹ECMAScript 2015ï¼ˆES2015 / ES6ï¼‰ãŒæ£å¼ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã§ã¯ã‹ãªã‚Šç››ã‚Šä¸ŠãŒã£ã¦ãã¦ã„ã¾ã™ã€‚å…ˆæ—¥ã®HTML5ã¨ã‹å‹‰å¼·ä¼šã‚‚ã€ŽECMAScript 2015 & 2016ç‰¹é›†ã€ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§é–‹å‚¬ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ãã†ã—ãŸç››ã‚Šä¸ŠãŒã‚Šã®ä¸ã§æ€ã†ã®ã¯ã€ã€Œã™ã§ã«Babelã‚ã‚Šãã§è©±ãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã€ã¨ã„ã†ã“ã¨ã§ã™ã€‚Babelã‚‚æœ€åˆã®ã‚³ãƒŸãƒƒãƒˆã‹ã‚‰ã‚„ã£ã¨1å¹´çµŒã£ãŸãã‚‰ã„ã§ã™ã€‚ã¾ã ã¾ã ä½¿ã„æ–¹ã«ã¤ã„ã¦ã‚ã‹ã‚‰ãªã„æ–¹ã‚‚ã„ã‚‹ã¨æ€ã†ã®ã§ã€ã“ã“ã§ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ç‰¹ã«ä½¿ç”¨é »åº¦ãŒé«˜ã„ãƒ•ã‚¡ã‚¤ãƒ«çŠ¶æ…‹ã‚’ç›£è¦–ã—è‡ªå‹•ã§ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã™ã‚‹ç’°å¢ƒæ§‹ç¯‰æ–¹æ³•ã¨ãªã‚Šã¾ã™ã€‚ ã¯ã˜ã‚ã«ï¼ˆES2015ã¨ã¯ï¼‰ä»Šå¹´2015å¹´6æœˆã«ã€ã“ã‚Œã¾ã§é•·ã€…ã¨ä»•æ§˜ã®ç–å®šãŒé€²ã‚ã‚‰ã‚Œã¦ããŸECMAScriptã®6thã‚¨ãƒ‡ã‚£ã‚·ãƒ§ãƒ³ãŒECMAScript2015ï¼ˆES2015ï¼‰
nantan 2016/02/29
babel

es6

javascript
ãƒªãƒ³ã‚¯
ã‚µã‚¤ã§ã‚‚ã‚ã‹ã‚‹ï¼Ÿï¼ ESLint å°Žå…¥ - |> Weeeeeeb
Node.jså¦åœ’ç¥2015ã«è¡Œã£ã¦ã‹ã‚‰ESLintã‚’å°Žå…¥ã—ãŸã‹ã£ãŸ ã‚„ã£ã±ã‚ŠJavaScriptã£ã¦æŸ”è»Ÿã§å„ªç§€ã ã‹ã‚‰è‰²ã‚“ãªæ›¸ãæ–¹ã§ãã‚‹ã˜ã‚ƒãªã„ã§ã™ã‹ã€‚ é–¢æ•°å®£è¨€ã®ä¸ã«é–¢æ•°å®£è¨€ã‚„ã£ãŸã‚Š(ã†ã£) ä¸Šè¨˜ã¯é–¢ä¿‚ãªã„ã‚“ã§ã™ã‘ã©ã€ ç§ã¯è‡ªåˆ†ã®JavaScriptã®ã‚³ãƒ¼ãƒ‰ã«ä¸å®‰ã‚’æ„Ÿã˜ã‚‹ã“ã¨ãŒã‚ã£ã¦ Lintã®å°Žå…¥ã¯è€ƒãˆã¦ã„ã¾ã—ãŸã€‚ JavaScriptã§ã™ã‹ã‚‰æ½®æµãŒæ¿€ã—ãã¦è‰²ã€…ãªãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã‚ˆãã€‚ JSHint, JSLint, JSCS, ãã—ã¦ ESLintã€‚ ã‚ã‚Šã™ãŽã‚“ã®ã‚ˆâ€¦ã©ã‚Œãªã‚“ã ã‚ˆã¨â€¦ ç’°å¢ƒã®æ§‹ç¯‰ã®ã“ã ã‚ã‚Šã™ãŽã¦ æœ¬å½“ã«ä½œã‚ŠãŸã„ã‚‚ã®ãŒãŠã‚ãã‹ã«ãªã‚‹æ°—ãŒã—ã¦ Lintã¯è€ƒãˆã‚‹ã“ã¨ã‚’ã‚„ã‚ã¦ã„ã¾ã—ãŸï¼ˆæ³£ï¼‰ ã“ã‚“ãªç§ã®ç«ä»˜ã‘å½¹ã€ãã‚ŒãŒè¡¨é¡Œã®Node.jså¦åœ’ç¥2015ã§ã™ã€‚ Node.jså¦åœ’ç¥2015ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã«ç§©åºã‚’å–ã‚Šæˆ»ã™æ–¹æ³•ã€ã‚’èžã„ã¦ã€ é§„ç›®ã ã“ã„ã¤ï¼ˆç§ã®ã‚³ãƒ¼ãƒ‰ï¼‰â€¦ æ—©ããªã‚“ã¨ã‹
nantan 2016/02/29
javascript

eslint

babel
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸