[B! babel.js] qualitasã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

qualitas id:qualitas

babel.jsã«é–¢ã™ã‚‹qualitasã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ã€å¤ã„è¨˜äº‹ã€‘Babelã«ãŠã‘ã‚‹ import / export - Qiita
2016-01-31è¿½è¨˜ ã“ã®è¨˜äº‹ã‚’æœ€åˆã«æ›¸ã„ãŸé ƒã¯ä»–ã«ä½•ã‚‚æƒ…å ±ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€ä»Šã§ã¯ã‚ˆã‚Šã ã„ã¶ã‚ã‹ã‚Šã‚„ã™ã„è³‡æ–™ãŒå‡ºæƒã£ã¦ãã¾ã—ãŸã€‚ã—ã£ã‹ã‚Šã¨ã—ãŸimport/exportã®ä»•æ§˜ã‚’ã‚‚ã£ã¨çŸ¥ã‚ŠãŸã„å ´åˆã¯ä¸‹è¨˜ã‚’å‚ç…§ã™ã‚‹ã“ã¨ã‚’æŽ¨å¥¨ã—ã¾ã™ https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/import http://www.slideshare.net/teppeis/effective-es6 http://uehaj.hatena blog.com/entry/2015/11/07/001848 2015/12/05è¿½è¨˜ ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã‚ˆã‚Š Babel v6 ã‹ã‚‰ Babel å…¬å¼ã® transf orm ã§ã‚ã‚‹ transf orm-es2015-modules-commonjs ã‚’ä½¿ã£ãŸå ´åˆ ES
qualitas 2015/07/30
ES6

Babel.js
ãƒªãƒ³ã‚¯
React.js + Babel + Browserify + gulp ã®ç’°å¢ƒã‚’ä½œã£ã¦ã¿ãŸ - Qiita
ã€œ "devDependencies": { "react": "^0.13.3", "browserify": "^10.2.1", "babelify": "^6.1.1", "gulp": "^3.8.11", "vinyl-source-stream": "^1.1.0", "gulp-webserver": "^0.9.1" }, "scripts": { "build": "browserify --debug --transf orm babelify app.jsx --outfile bundle.js" }, ã€œ å¾Œæ–¹äº’æ›ã‚’æœŸå¾…ã—ã¦å„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯å›ºå®šã—ã¦ã„ãªã„ã®ã§ã€ã‚‚ã—æ‰‹å…ƒã§ä¸Šæ‰‹ãå‹•ã‹ãªã„å ´åˆã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç•ªå·ã®å‰ã®^ã‚’å¤–ã—ã¦ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’å›ºå®šã—ã¦å°Žå…¥ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ React.js ã¯ HTML ãƒ•ã‚¡ã‚¤ãƒ«ã® script ã‚¿ã‚°ã§èªã¿è¾¼ã‚€ã®ã§ã¯ãªãã€Brows
qualitas 2015/05/29
babel.js

gulp

React
ãƒªãƒ³ã‚¯
Babel.jsã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ - axross blog
2015-03-14 Babel.jsã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ ES6 Babel ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰JS Node.js Browserify JavaScript mocha ã“ã“ã®ã¨ã“ã‚ã—ã°ã‚‰ãã€ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆã§babelã‚’è§¦ã£ã¦ã„ã¦ã€æ¬¡æ¡ˆä»¶ã‚ãŸã‚Šã‹ã‚‰æ¥å‹™ã§ä½¿ã„ãŸã„ãªã¨æ€ã£ãŸã®ã§ã€ç¤¾å†…å¤–ã¸ã®å…±æœ‰ã¨ã—ã¦æ›¸ã„ã¦ãŠãã€‚ Babel Â· The transpiler for writing next generation JavaScript Babelã¨ã¯ Babelã¯ã€ECMAScript6(ä»¥ä¸‹ã€ES6)ã®ã‚³ãƒ¼ãƒ‰ã‚’ECMAScript5(ä»¥ä¸‹ã€ES5) ã®ã‚³ãƒ¼ãƒ‰ã«å¤‰æ›ã™ã‚‹ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ©(ã‚³ãƒ¼ãƒ‰ã‚’å¤‰æ›ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã™ã‚‹ã‚‚ã®)ã€‚ Reactã‚„Flowã«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã§ã‚ã‚Šã€Reactã®JSXã‚’ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã—ã§ES5ã®ã‚³ãƒ¼ãƒ‰ã«å¤‰æ›ã§ãã‚‹ã€‚ ã¾ãŸã€Babelè‡ªä½“ã¯Node.jsã ã‘ã§ãªãã€Browse
qualitas 2015/04/02
babel.js
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã‚‚ES6æ§‹æ–‡ä½¿ã£ã¦ã¿ã‚‹ã€webpack+babel-loaderï¼ˆæ—§6to5-loaderï¼‰ã€‘ - yutaponã®ãƒ–ãƒã‚°
ã€--- è¿½è¨˜ï¼ˆ2015/02/22ï¼‰---ã€‘ 2/15ã«6to5ãŒBabelã¨åç§°å¤‰æ›´ã—ãŸã®ã§ã€è¨˜äº‹ã®å†…å®¹ã‚‚Babelã‚’ä½¿ã†ã‚ˆã†å¤‰æ›´ã—ã¾ã—ãŸã€‚ Not Born to Die Â· Babel ã€--- è¿½è¨˜ã“ã“ã¾ã§ ---ã€‘ 2/7ã«node.js v0.12.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ Node v0.12.0 (Stable) å®‰å®šç‰ˆã®ãƒ¡ã‚¸ãƒ£ãƒ¼ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã§ES6æ§‹æ–‡ãŒã„ã‚ˆã„ã‚ˆä¸€èˆ¬çš„ã«ãªã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ãã—ã¦æœ€è¿‘è‰¯ãèžãBabel(æ—§6to5)ã€‚ ES6+ã®ã‚³ãƒ¼ãƒ‰ã‚’ES5ã«å¤‰æ›ã—ã¦ãã‚Œã‚‹ã¨ã„ã†ã“ã¨ã§ã€ES6æ§‹æ–‡ã‚’å‹•ã‹ã›ã‚‹ç’°å¢ƒãŒæµ¸é€ã—ã¦ã„ãªã„ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§å½¹ç«‹ã¤ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ Babelã¯grunt, gulp, browserifyãªã©å¤šæ•°ã®ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã§æ‰±ãˆã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒæä¾›ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€jsã®ãƒ“ãƒ«ãƒ‰å·¥ç¨‹ãŒã‚ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚ã‚Œã°ç°¡å˜ã«å°Žå…¥ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯å‰
qualitas 2015/04/02
webpack

javascript

gulp

babel.js
ãƒªãƒ³ã‚¯
Reactå…¥é–€ç”¨ã«ç°¡å˜ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ä½œã£ã¦ã¿ã‚‹ - yutaponã®ãƒ–ãƒã‚°
Reactå…¥é–€ç³»ã®è¨˜äº‹ã¯ã‚‚ã†çµæ§‹å‡ºå°½ãã—ã¦ã‚‹æ„Ÿã‚ã‚Šã¾ã™ãŒã›ã£ã‹ããªã®ã§ç§ã‚‚ã€‚ ä»Šå›žã¯React v0.13RC2ã‚’ä½¿ã£ã¦â†“ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å†™çµŒã—ã¦ã¿ã¾ã™ã€‚ï¼ˆAuthorã¯ç§ã§ã¯ã‚ã‚Šã¾ã›ã‚“ï¼‰ è¦‹ã¦ã®é€šã‚Šã€æŠµæŠ—ã®å€¤ã‚’è¨ˆç®—ã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ Reactã§æ›¸ã‹ã‚Œã¦ã„ãŸã‚Šã€SVGä½¿ã£ã¦ãŸã‚Šé¢ç™½ã„ã‚½ãƒ¼ã‚¹ã§ã™ãã€‚ ã¡ãªã¿ã«æŠµæŠ—ã®è‰²ã®ä»•æ§˜ã¯ã“ã®ã‚ˆã†ã«ãªã£ã¦ã¾ã™ã€‚ æŠµæŠ—ã®ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ ã¯ã˜ã‚ã« React v0.13RC2ã‚’ä½¿ã†ç†ç”±ã¯ç¾æ™‚ç‚¹ã§æœ€æ–°ç‰ˆã¨ã„ã†ã“ã¨ã¨ã€v0.13.0beta1ã§ES6ã®classæ§‹æ–‡ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã‹ã‚‰ã§ã™ã€‚ jsfiddleã®ã‚½ãƒ¼ã‚¹ã¯1ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã¦æ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒã€ã“ã‚Œã‚’1ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ1ãƒ•ã‚¡ã‚¤ãƒ«ã«åˆ†å‰²ã—ã¦æ›¸ã„ã¦ã¿ã¾ã™ã€‚ React(JSX)ã®ãƒ“ãƒ«ãƒ‰ã«ã¯BabelãŒä½¿ãˆã‚‹ã®ã§ã€å‰å›žä½œã£ãŸã‚¹ã‚±ãƒ«ãƒˆãƒ³ã®ä¸Šã«ä½œã£ã¦ã„ãã¾ã™ã€‚ è¨è¨ˆ jsfiddleã®JSã‚½ãƒ¼ã‚¹ã®ä¸€
qualitas 2015/04/02
javascript

react.js

babel.js
ãƒªãƒ³ã‚¯
1