AppleやNetflixなどの大企業も使用するオープンソースライブラリ「core-js」をたった1人で維持する開発者が「もう限界だ」と支援を求める

2023/02/16 31 users オープンソースライブラリ Spotify Polyfill

オープンソースのJavaScriptライブラリである「core-js」は、古いブラウザでもJavaScriptの最新機能を使えるようにするPolyfill(ポリフィル)として強い人気を誇り、オープンソースのJavaScriptトランスコンパイラであるBabelにも組み込まれています。AppleやNetflix、Spotify、Pornhubといった大企業を含む多くのウェブ... 続きを読む

eslint-cjs-to-esm: CJSをESMへとマイグレーションするツールを書いた

2023/01/18 8 users CJS ESM CommonJS TypeScript ツール

最近、色々なライブラリをCommonJS(CJS)からECMAScript Module(ESM)へとマイグレーションしています。 その際に、ESMでは__dirnameやrequireなどCommonJS特有の機能は使えなくなっています。 また、TypeScriptやBabelなど多くのツールはCJSではimport時に拡張子はなくても大丈夫ですが、ESMの場合はimport時に拡張子が必... 続きを読む

Babel が Flow から TypeScript に移行した

2022/08/13 91 users メンテナー TypeScript nicol Flow

先日 Babel のメンテナーとして知られる Nicolò Ribaudo 氏が次のツイートを投稿した。 We finally finished migrating the Babel monorepo from Flow to TypeScript! It has been a very long process started by @z_bodya, and after migrating package-by-package @JLHwung just opened this PR 😄 pic.twitter.com/W... 続きを読む

ライブラリ作者におすすめしたいBabelの新機能 babel-plugin-polyfill-corejs3 | Wantedly Engineer Blog

2022/06/27 8 users Polyfill 別物 本稿 ライブラリ作者 非推奨化

Babelの新しいpolyfill用プラグインであるbabel-polyfillsが2022年4月に脱experimentalを果たしていました。そこで本稿では、Babelにおいてpolyfillがどのように扱われていたかを振り返りながら新しいpolyfill pluginを紹介します。 注意: Babel 7.4で非推奨化された@babel/polyfillとは別物です。 何が問題だったのか? ... 続きを読む

BabelプラグインをRust (SWC) に移植して、JavaScriptのコンパイルを爆速にする 〜プラグイン作成編〜 | Wantedly Engineer Blog

2022/03/16 14 users SWC rust Wantedly トランスパイラ コンパイル

はじめに こんにちは、WantedlyのDX (Developer Experience) チームでインターンをしていた田村です。今回のインターンではWantedlyのフロントエンドのトランスパイラをBabelからSWCに移行することを目標に調査を行いました。BabelからSWCの移行方法については前の記事(基本編)をご覧ください。本記事では簡単なSWCカス... 続きを読む

2021-11-02のJS: Babel 7.16.0、AVA 4 RC1、ウェブサイトのセキュリティヘッダー

2021/11/02 5 users ウェブサイト 2021-11-02 JSer.info 追加

JSer.info #564 - Babel 7.16.0がリリースされました。 7.16.0 Released: ESLint 8 and TypeScript 4.5 · Babel Babel 7.16.0ではClass static blocksが@babel/preset-envに含まれるようになっています。 また、TypeScript 4.5 Betaへの対応、Stage 2であるPipe Operatorへのオプションの追加などが行われています。 ま... 続きを読む

【Rome】RomeはJavaScriptをやめてRustにするってよ - Qiita

2021/09/27 17 users Qiita rust Rome Webpack Jest

RomeはLinterでありCompilerでありBundlerでありFormatterでありTesterでありMinifierであり…… ともかく、フロントエンドの統合ツールチェーンです。 これまでBabel、ESLint、webpack、Prettier、Jestなど様々なツールでバラバラに行っていた作業が、Romeひとつ使うだけで完結するようになるという、これまで何度再発明... 続きを読む

スタートアップだからこそ OSS に寄付をする理由 | Yuku Kotani

2021/05/26 7 users OSS Yuku Kotani 寄付 Ubie 手始め

いま働いている Ubie で OSS に寄付していくことを決め、まず手始めに JavaScript トランスパイラの Babel に$500 の寄付を行いました。日本のスタートアップが OSS に寄付をするのはまだあまり目にしないため、僕がスタートアップだからこそ OSS に寄付しようと考えた理由をご紹介します。 スタートアップにこそ OSS が... 続きを読む

Babel is used by millions, so why are we running out of money? · Babel

2021/05/11 5 users

Since 2018, Babel has been doing a funding experiment: can full time work on Babel be sustained? We've learned the answer might be no. In November 2019, after successfully paying Henry a salary for over a year, we expanded our goal to also support three additional maintainers: Jùnliàng, Kai, and ... 続きを読む

トランスパイラ「Babel」の開発チーム、「何百万人にも使われているのに、なぜ私たちの資金は尽きようとしているのか？」。資金難により寄付を訴え － Publickey

2021/05/11 307 users Facebook Publickey MongoDB 寄付

トランスパイラ「Babel」の開発チーム、「何百万人にも使われているのに、なぜ私たちの資金は尽きようとしているのか？」。資金難により寄付を訴え 「Babel」は、JavaScriptコンパイラもしくはトランスパイラの代表的なツールとして知られており、FacebookやSpotify、Slack、MongoDBなどさまざまな企業や開発現場で使わ... 続きを読む

JavaScriptツールチェインの統一を目指す「Rome」開発チームが起業、「Rome Tools, Inc.」を立ち上げ － Publickey

2021/05/05 117 users Publickey Rome Webpack Inc 統一

JavaScriptツールチェインの統一を目指す「Rome」開発チームが起業、「Rome Tools, Inc.」を立ち上げ 現在、モダンなJavaScript開発環境としては、ESLintに代表される構文チェッカーや、Babelに代表されるJavaScript変換ツール、モジュールを組み合わせるなどのバンドル操作を行うWebpackなど、さまざまなツールを組み合... 続きを読む

おそらく誰も使わない @babel/parser 7.14 新機能 TypeScript プラグイン の dts オプションについて

2021/05/04 9 users Parser パーサー 新機能 オプション 自分

先日 Babel 7.14.0 がリリースされました。それに伴って Babel のパーサーである @babel/parser も 7.14.0 がリリースされました。 この記事では、@babel/parser 7.14.0 の TypeScript プラグインに実装された新機能 dts オプションについて解説します。 自分で実装しておいてアレですが、このオプションを実用するひと... 続きを読む

7.14.0 Released: New class features enabled by default, TypeScript 4.3, and better CommonJS interop · Babel

2021/04/30 6 users By default

Babel 7.14.0 is out! This release enables class fields and private methods by default (they were promoted to Stage 4 during the recent April TC39 meeting!) and adds brand checks for private fields and static class blocks to @babel/preset-env's shippedProposals option. We added support for Stage 1... 続きを読む

Node.js Native ESM への道 〜最終章: Babel / TypeScript Modules との闘い〜

2021/02/25 6 users ESM teppeis サイボウズ node 闘い

Node.js Native ESM への道 〜最終章: Babel / TypeScript Modules との闘い〜 1. Na#ve ESM への道 ∼ 最終章: Babel / TypeScript Modules との闘い ∼ Node 学園 35 時限目 / 2021-02-24 @teppeis 1 2. 自己紹介 • @teppeis / Teppei Sato • サイボウズから来ました。 • もちろん We are hiring!!! • プロダクト開発チ... 続きを読む

Rails に Babel と Rollup を組み込んで CoffeeScript を JavaScript に段階的に移行した話 - クックパッド開発者ブログ

2021/02/12 12 users rollup Rails CoffeeScript 青沼 一環

こんにちは。技術部クックパッドサービス基盤グループの青沼です。当グループではクックパッドのレシピサービスを支える web アプリケーションの改善を進めています。今回はフロントエンドの改善の一環として、 Babel と Rollup を Rails のアセットパイプラインに組み込み、レガシーな CoffeeScript ファイルを ES2015+... 続きを読む

JavaScript の Import Assertions について

2020/10/23 8 users JavaScript ECMAscript Notes

はじめに Import Assertions は現在 Stage 3 の ECMAScript のプロポーザルである。2020 年 9 月に行われた TC39 のミーティングで Stage 3 になった(ミーティングノートは https://github.com/tc39/notes/blob/master/meetings/2020-09/sept-22.md#import-assertions-for-stage-3 にて公開されている)。 Babel では 先... 続きを読む

作って理解する Babel プラグイン - Techtouch Developers Blog

2020/08/12 17 users Techtouch Developers Blog 立秋

エンジニアの伊藤です。 ようやく梅雨が開けたと思ったらすでに立秋。残暑は残るどころか日に日に増している感じさえあります… ? 。 この記事では、普段の開発で非常にお世話になっているツール Babel のプラグインを作成する方法と、Babel プラグインの例としての処理時間を計測するプロファイラを紹介します。Babel ... 続きを読む

モダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack | Hypertext Candy

2020/04/30 291 users Webpack ECMAscript jQuery npm

2020.04.30 モダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack この記事では、モダンな JavaScript を書くための前提として知っておくべき、いくつかのキーワードを紹介します。想定読者は、初心者 〜 jQuery なら書けるレベルの開発者です。これから React や Vue.js を学びたい方、または Web 開発の世界... 続きを読む

JavaScript ASTを使ったツール(自作、ESLint、Babel、jscodeshift)を実装する話 | Web Scratch

2019/12/03 15 users AST eslint リポジトリ インタラクティブ スラ

Dive into ASTというJavaScriptのASTを使ったツールの作り方を見ていく話を書きました。 自作の正規表現、ASTチェックツール、ESLint、Babel、jscodeshiftでそれぞれ動くツールを実装してるので、リポジトリにまとめてあります。 スライドではCode Surferを使ってASTや書き方をインタラクティブに解説しています。 スラ... 続きを読む

現代フロントエンドに欠かせないwebpackとBabelを理解しよう - Speaker Deck

2019/08/30 525 users Speaker Deck

All slide content and descriptions are owned by their creators. 続きを読む

現在フロントエンドに欠かせないwebpackとBabelを理解しよう - Speaker Deck

2019/08/30 525 users Speaker Deck フロントエンド

All slide content and descriptions are owned by their creators. 続きを読む

Babel 7.4.0で非推奨になった@babel/polyfillを使わず、core-js@3で環境構築する | nansystem

2019/06/17 45 users Polyfill Bab 非推奨 インストール 環境

# Babel 7.4.0で非推奨になった@babel/polyfillを使わず、core-js@3で環境構築する @babel/polyfill のページにBabel 7.4.0から非推奨になったと書かれている。 As of Babel 7.4.0, this package has been deprecated この記事ではwebpack4でBabel7.4を使った環境構築の方法を記載する。 # 環境構築 # インストール @bab... 続きを読む

TypeScriptでJestを使うときの設定（ts-jest, @types/jestなど） - dackdive's blog

2019/04/14 51 users Types TypeScript Jest ts-jest

メモ。 TypeScript を使ったプロジェクトに Jest を導入する時に必要なパッケージや設定、とくに ts-jest と @types/jest が必ず必要なのかどうかがよくわかってなかったので調べた。 先にまとめ TypeScript -> JavaScript のコンパイルを TypeScript 自身でやるか Babel に任せるかで必要な設定が異なる。 （Babel 7 か... 続きを読む

.babelrcを使わずに独自のBabelの設定を使ってJestを実行する - Qiita

2019/03/10 16 users Qiita React Jest サーバーサイド用 テスト

この記事は.babelrcの設定を使わずにJest用の独自のBabelのオプションを設定する方法を紹介する記事です。 Node.jsで書かれたサーバーサイド用のテストとReactで書かれたフロントエンド用のテストでBabelの設定を変更したいために調べた内容です。他にも方法があれば教えていただけると助かります。 今回の記事ではReact... 続きを読む

webpackとBabelの基本を理解する(1) ―webpack編― - Qiita

2019/03/03 220 users Webpack Qiita 独学 基本 リンク

独学の内容をまとめたものです。誤りがございましたら、ご連絡いただけると幸いです。 リンク 1. webpackとBabelの基本を理解する(1) ―webpack編―（本記事） 2. webpackとBabelの基本を理解する(2) ―Babel編― 3. webpackとBabelの基本を理解する(3) ―webpackとBabel編― 4. webpackとBabelの基本を理解する(4) ―React編― ... 続きを読む