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

TokyoIncidents id:TokyoIncidents

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

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

ç°¡å˜ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§webpackã¨babelã®è¨å®šã‚’ã—ãªãã¦æ¸ˆã‚€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ãŸ - æŠ€è¡“æŽ¢ã—
github.com æœ€åˆã« ã‚¿ãƒ¼ã‚²ãƒƒãƒˆ ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ ã‚´ãƒ¼ãƒ« sweetpack ã§ãã‚‹ã“ã¨ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»è¨å®š è¨å®šãƒ•ã‚¡ã‚¤ãƒ« å…±é€šãƒ—ãƒ©ã‚°ã‚¤ãƒ³ é–‹ç™ºæ™‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ æœ‰åŠ¹åŒ–ã•ã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ãƒ“ãƒ«ãƒ‰æ™‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ æœ‰åŠ¹åŒ–ã•ã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã‚µãƒ³ãƒ—ãƒ« ã•ã„ã”ã« æœ€åˆã« ã‚¿ãƒ¼ã‚²ãƒƒãƒˆ ç°¡å˜ãªwebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ åŒã˜è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ›¸ãã“ã¨ãŒå¤šã„ã®ã§ãã‚Œã‚’é¿ã‘ãŸã„ ã‚´ãƒ¼ãƒ« babelã®è¨å®šã¨webpackã®è¨å®šã‚’æ›¸ã‹ãªãã¦ã‚‚ã‚ã‚‹ç¨‹åº¦ã®ã“ã¨ã¯ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ ãŸã ã€è¤‡é›‘ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã ã¨webpackã¯ç„¡é™å¤§ãªã®ã§ãã“ã¾ã§ã‚µãƒãƒ¼ãƒˆã™ã‚‹æ°—ã¯ãªã„ã€‚ webã‚µã‚¤ãƒˆã¨ã‹ã‚’ä½œã‚‹ã¨ãã«ã€ãƒ—ãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã‚„é–‹ç™ºã®è¨å®š(minify, hashed name, server, etcâ€¦)ã‚’æ›¸ãã®ãŒã‚ã‚“ã©ãã•ã„ã®ã§ãã‚Œã‚’è§£æ±ºã™ã‚‹ã€‚ sweetpack ã§ãã‚‹ã“ã¨ webpackã¨babelã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«
TokyoIncidents 2017/09/11
JavaScript

webpack

babel
ãƒªãƒ³ã‚¯
æ¬¡ã®ãƒªãƒªãƒ¼ã‚¹ã§ã‚ã‚‹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
TokyoIncidents 2017/09/04
JavaScript

babel
ãƒªãƒ³ã‚¯
Transform JSX in the browser Â· Issue #5497 Â· facebook/react
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
TokyoIncidents 2016/12/12
browser

babel
ãƒªãƒ³ã‚¯
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"
TokyoIncidents 2016/05/19
webpack

babel
ãƒªãƒ³ã‚¯
Babel ã¨ TypeScript ã® ES6 modules ã® import ã®è§£é‡ˆã®é•ã„ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
TokyoIncidents 2016/03/16
JavaScript

TypeScript

babel
ãƒªãƒ³ã‚¯
~2015 in review
This started off as a generic year in review but as I was writing it became a lot more personal. This is my story of how I dealt with going from high school to moving to another country and working in big tech in a little over a year. All throughout my childhood Iâ€™ve had an interest in computers and the web. When I was eight I published my first website, when I was eleven I was causing mischief on
TokyoIncidents 2016/01/16
babel
ãƒªãƒ³ã‚¯
Babel and CommonJS modules
This blog post examines how Babel ensures that code it transpiles interoperates properly with normal CommonJS modules. Consult chapter â€œModulesâ€ in â€œExploring ES6â€ for more information on ES6 modules. Starting point for this series of posts on Babel: â€œConfiguring Babel 6â€ ES6 modules vs. CommonJS modulesÂ Â # ECMAScript 6 modulesÂ Â # Default export (single export): // lib.js export default function (
TokyoIncidents 2015/12/15
babel

JavaScript
ãƒªãƒ³ã‚¯
GitHub - jamiebuilds/babel-handbook: :blue_book: A guided handbook on how to use Babel and how to create plugins for Babel.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
TokyoIncidents 2015/11/18
JavaScript

babel
ãƒªãƒ³ã‚¯
gulp v4.0ã‚’çœºã‚ã¦ã¿ãŸ
gulpfileã‚’ES6ã«ç½®ãæ›ãˆã‚‹å¿…è¦ãŒã‚ã‚Šã€ä½•æ°—ã«gulpã®æƒ…å ±è¿½ã£ã¦ã„ã‚‹ã¨ã€ ãã‚ãã‚v4.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œãã†ãªã®ã§ã–ã£ãã‚Šã¨çœºã‚ã¦ã¿ãŸã€‚ gulpfileã‚’ES6ã§æ›¸ãã¾ãšã€æœ¬æ¥ã®ç›®çš„ã ã£ãŸã“ã®ä»¶ã€v3.9ã§ã™ã§ã«å¯¾å¿œã•ã‚Œã¦ã„ãŸã€‚ ä»¥ä¸‹ã®æ¡ä»¶ã§ã‚ã‚Œã°åˆ©ç”¨å¯èƒ½ã®ã‚ˆã†ã ã£ãŸã€‚ gulp v3.9ä»¥ä¸Š gulpfile.jsã‚’gulpfile.babel.jsã¨ã™ã‚‹ babel-core ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã“ã¨ å†…éƒ¨çš„ã«ã¯babelã§å¤‰æ›ã—ã¦ã„ã‚‹ã‚ˆã†ã ã€‚ ç¶šã„ã¦ã€v4.0ã®CAHNGELOGã‚‚çœºã‚ã¦ã¿ãŸã€‚ gulp4.0ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« cliã®å¤‰æ›´ç‚¹--tasks-json ã¨ --verify ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒè¿½åŠ ã•ã‚Œã¦ã‚‹ã€‚ â€“task-json ã¯ã‚¿ã‚¹ã‚¯ã‚’jsonå½¢å¼ã§å‡ºåŠ›ã™ã‚‹ã€‚ â€“verify ã¯pluginsãŒpackage.jsonã‚’å‚ç…§ã—ã¦ã„ã‚‹ã‹ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã€‚ APIã®å¤‰æ›´ç‚¹å¤§
TokyoIncidents 2015/10/06
ã¸ãƒ¼

gulp

babel
ãƒªãƒ³ã‚¯
electronã§babel + reactã‚’ç›´æŽ¥ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã¾ã§ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
TokyoIncidents 2015/10/01
electron

react

babel
ãƒªãƒ³ã‚¯
gulp-typescript ã§ --target es6 ã‹ã‚‰ babel ã«é€šã—ã¤ã¤ Incremental Buildã™ã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
TokyoIncidents 2015/09/16
TypeScript

gulp

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?
TokyoIncidents 2015/09/14
JavaScript

babel
ãƒªãƒ³ã‚¯
Babel ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã£ã¦ã¿ã‚ˆã† - Qiita
**Babel 5 ã‹ã‚‰ 6 ã®é–“ã« API ãŒå¤§ããå¤‰ã‚ã£ã¦ã„ã¾ã™ã€‚Babel 6 ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã¯ Babel plugin handbook ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚**thejameskyle ã•ã‚“ã¯ Babel ã®ãƒ¡ãƒ³ãƒ†ãƒŠã®ä¸€äººã§ã™ã€‚ ES2015 ã‚„ JSX ã‚’ ES5 ã«ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ã™ã‚‹ Babelã€‚æ—¥å¸¸çš„ã«ä½¿ã£ã¦ã„ã‚‹æ–¹ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ãã®ã¾ã¾ã§ã‚‚ä¾¿åˆ©ãª Babel ã§ã™ãŒã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã“ã¨ã§ç‹¬è‡ªã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰å¤‰æ›ãƒ«ãƒ¼ãƒ«ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ç§ã‚‚ã¡ã‚‡ã£ã¨å‰ã‹ã‚‰ Angular 2 ã‚¢ãƒ—ãƒªã‚’ Babel ã§ä½œã‚‹ãŸã‚ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æ›¸ã„ãŸã‚Šã—ã¦ã„ã¾ã—ãŸã€‚çµæ§‹ç°¡å˜ã«ä½œã‚Œã‚‹ã®ã§ã€Babel 5.x ã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Babel ã®ä»•çµ„ã¿ ã–ã£ãã‚Šè¨€ã†ã¨ Babel ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªä»•çµ„ã¿ã§å‹•ã„ã¦ã„ã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ãƒ‘ãƒ¼ã‚¹ã—ã¦ AST ã‚’ç”Ÿæˆ
TokyoIncidents 2015/09/13
JavaScript

babel
ãƒªãƒ³ã‚¯
JSHint: A Formal Commitment to New Language Features
A Formal Commitment to New Language Features JSHintã®ãƒ–ãƒã‚°ã«æŠ•ç¨¿ã•ã‚ŒãŸA Formal Commitment to New Language Featuresã¨ã„ã†è¨˜äº‹ã®ç´¹ä»‹ã§ã™ã€‚ Babelãªã©ã«ã‚ˆã£ã¦ES.nextã®æ©Ÿèƒ½ã‚’è©¦ã›ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ãŒã€ JSHintãŒãã‚Œã‚‰ã®æ–°ã—ã™ãŽã‚‹æ§‹æ–‡ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã®ãŒé›£ã—ã„ç†ç”±ã«ã¤ã„ã¦ã€‚ ç†ç”±ã®ä¸€ã¤ã¨ã—ã¦ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒé›£ã—ã™ãŽã‚‹ã¨ã„ã†å•é¡ŒãŒã‚ã‚‹ã“ã¨ã€‚ ã‚‚ã†ä¸€ã¤ã®å¤§ããªç†ç”±ã¨ã—ã¦ã¯ã€JSHintã¯å¸¸ã«ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£é§†å‹•åž‹ã®ãƒ„ãƒ¼ãƒ«ã§ã‚ã‚‹ãŸã‚ã€ ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã‚’ç ´å£Šã™ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã¾ã ä¸å®‰å®šãªã‚‚ã®ã‚’ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã‚¯ãƒ©ã‚¹ã¨ã—ã¦ã¯æŽ¡ç”¨ã—ãªã„äº‹ãŒæŒ™ã’ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ JSHintãŒJSLintã‚’forkã—ã¦ä½œã‚‰ã‚ŒãŸçµŒç·¯ã«ã¤ã„ã¦ã¯ã€ä»¥ä¸‹ã«ä½œè€…ã®ãƒ–ãƒã‚°ã§æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ Why I forked JSLint to JSH
TokyoIncidents 2015/07/12
ECMAScript

babel
ãƒªãƒ³ã‚¯
Deprecating JSTransform and react-tools â€“ React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. Today weâ€™re announcing the deprecation of react-tools and JSTransf orm. As many people have noticed already, React and React Native have both switched their respective build systems to make use of Babel. This replaced JSTransf orm, the source transf ormation tool that we wrote at Facebook. JSTransf orm has been really good
TokyoIncidents 2015/06/13
React ãŒ babel ä¾å˜ã«ç§»è¡Œã™ã‚‹

react

babel
ãƒªãƒ³ã‚¯
ES6 Modules é–“ã§ã¯ export/import ã•ã‚ŒãŸå¤‰æ•°ï¼ˆï¼Ÿï¼‰ã¯åŒæœŸã•ã‚Œã‚‹ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
TokyoIncidents 2015/05/27
ECMAScript

babel
ãƒªãƒ³ã‚¯
GitHub - unassert-js/babel-plugin-unassert: Babel plugin to encourage reliable programming by writing assertions in production code, and compiling them away from release.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
TokyoIncidents 2015/05/27
JavaScript

babel
ãƒªãƒ³ã‚¯
es7.decorator ã§ãƒ—ãƒãƒ‘ãƒ†ã‚£ validation ã‚„ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ãªã®ã ã‚ã†ã‹ - Qiita
// $ babel-node --optional es7.decorators index.js class Assert { private(target, name, descriptor) { let value; descriptor.set = (val) => { value = val; } descriptor.get = () => { return value; } } required(target, name, descriptor) { let original = descriptor.set; descriptor.set = (val) => { console.assert(val !== undefined, `${name} is required`); original(val); } } validate(target, name, descr
TokyoIncidents 2015/05/25
ECMAScript

babel
ãƒªãƒ³ã‚¯
ES7.decorator ã§å¥‘ç´„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°(design by contract) - Qiita
// $ babel-node --optional es7.decorators index.js class Counter { constructor(initial = 0) { this.current = initial; } @contract up(i) { this.current += i; return this.current; } } function contract(tar, name, desc) { // äº‹å‰æ¡ä»¶ function before(i) { console.assert(i > 0, `arg for ${name} should be positive value`); } // äº‹å¾Œæ¡ä»¶ function after(result) { console.assert(result > 0, `result of ${name} shou
TokyoIncidents 2015/05/25
ECMAScript

babel
ãƒªãƒ³ã‚¯
ES7 ã® Async/Await ã‚’ä½¿ã£ã¦ã¿ãŸ - Qiita
Taming the asynchronous beast with ES7 babel ã® experimental ã« ES7 ã® Async/Await ãŒå…¥ã£ãŸã¨ã„ã†ã®ã§ã€ã•ã£ããå°Žå…¥ã—ã¦ã¿ãŸã€‚å¯¾è±¡ã¯ç”»åƒã‚’ç‚¹å—ã‚’å¤‰æ›ã™ã‚‹ã‚ã‚Šã‹ã—ã©ã†ã§ã‚‚è‰¯ã„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã€‚ seurat - JavaScript utility to generate a braille text from an image å°Žå…¥å‰ ãƒ•ã‚¡ã‚¤ãƒ«èªã¿è¾¼ã¿ã‚„ç”»åƒã®å¤‰æ›ã«éžåŒæœŸå‡¦ç†ã‚’å¤šç”¨ã—ã¦ãŠã‚Šã€node.js ã‚¹ã‚¿ã‚¤ãƒ«ã® éžåŒæœŸAPI(ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚’æ¸¡ã™ã‚„ã¤) ã‚’ prominence ã¨ã„ã†ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£é–¢æ•°ã§ Promise åŒ–ã—ã¦ã„ãŸãŒã€è¡Œã”ã¨ã« then ãŒå‡ºã¦ããŸã‚Šã€è¤‡æ•°ã®å€¤ã‚’æ¸¡ã™ãŸã‚ã« Promise.all ã‚’ä½¿ã£ãŸã‚Šã¨ã€ã‚ã¾ã‚Šèªã¿ã‚„ã™ã„ã¨ã¯è¨€ãˆãªã„ã‚³ãƒ¼ãƒ‰ã ã£ãŸã€‚(ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã«ãªã‚‹ã‚ˆã‚Šã¯ãƒžã‚·ã ã¨æ€ã†ã‘ã©.
TokyoIncidents 2015/05/14
babel

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