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

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

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

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

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

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

【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ひとつ使うだけで完結するようになるという、これまで何度再発明... 続きを読む

トランスパイラ「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など、さまざまなツールを組み合... 続きを読む

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

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

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

作って理解する 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編― ... 続きを読む

Babelで書かれたライブラリをTypeScriptへ移行する方法 | Web Scratch

2019/01/09 61 users TypeScript ライブラリ ライ アプリケーション 構成

Babelを使ってJavaScriptで書いていたライブラリをTypeScriptへマイグレーションする方法についてのメモ書きです。 数十回はライブラリやアプリケーションのコードベースをJavaScriptからTypeScriptへ変換しているので、 ある程度やり方がパターン化されています。 この記事では、自分がよく利用している次の構成のライ... 続きを読む

Sassのモダンなコンパイル環境が3分で作れるParcel入門 - 独自設定ファイルは不要 - ICS MEDIA

2018/12/21 42 users Sass ローカルサーバー Webpack コンパイル環境

ウェブ開発ではSass、Babel、TypeScriptなどの言語のコンパイルや、出力ファイルの最適化、ローカルサーバーの起動などさまざまな作業が求められます。現在は、それらの作業を自動化するwebpackやGulp.jsがよく使われています webpackにはwebpack.config.js、Gulp.jsにはgulpfile.jsという設定ファイルがそれぞれ必要で... 続きを読む

Adobe XDプラグインをVueとBabel/TypeScriptで開発する方法 - Qiita

2018/12/11 34 users ユーザーインターフェース Qiita TypeScript

Adobe XDプラグインの開発で、ユーザーインターフェース（UI)は人気のライブラリVue.jsを使いたいというニーズに応えるための記事。 こんな感じのXDプラグインを作れるサンプルを用意した。 リポジトリはこちら。 ics-creative/181211_AdobeXD_Plugin_Kit Vue.jsを使う利点 JavaScript/HTML/CSSを使ってAdobe XDプラグイ... 続きを読む

7.2.0 Released: Private Instance Methods · Babel

2018/12/05 14 users

We just released a new minor version of Babel! This release includes support for private instance methods and a bunch of bug fixes regarding Flow and TypeScript types. You can read the whole changelog on GitHub. A lot of new contributors fixed bugs or implemented new features in this release: tha... 続きを読む

loadable-components + TypeScriptでSSRとCSRに対応したdynamic importを実現する - 技術探し

2018/10/15 14 users TypeScript SSR ＣＳＲ 結論 技術

react-loadableをSSRで使う場合にハマった所が多かったのでまとめました。 PR 結論と注意点 loadable-components react-loadableからloadable-componentsへ 問題点 書き方 dynamic import Client Renderer Server Renderer 関連記事 PR github.com 結論と注意点 babel-pluginであるloadable-components/babelは必ずしも... 続きを読む

ServiceWorker内でBabelを駆使して、JavaScriptをビルドする - ログミーTech（テック）

2018/09/13 238 users テック ログミーTech JavaScript

開発環境のためにServiceWorkerを使う mizchi氏（以下、mizchi）　では「ServiceWorker Side XXX」ということで発表させていただきます。mizchiです。よろしくお願いします。 （会場拍手） ちょっと自己紹介とかはする気ないんですけど、最近本を書いたので、その紹介だけさせてください。 『仮想DOM革命』。最近、仮想D... 続きを読む

「Babel 7」リリース、新たにTypeScriptをサポート | OSDN Magazine

2018/08/30 15 users TypeScript OSDN Magazine リリース

JavaScript向けトランスコンパイラBabel開発チームは8月27日、最新のメジャーリリース版となる「Babel 7」を公開した。TypeScriptの対応などの新機能が加わった。 BabelはJavaScriptの新しい機能を使ったコードを、それをサポートしないJavaScript実行環境で動作するように変換するツール。MIT Licenseで公開されている... 続きを読む

2018-08-28のJS: Babel 7、BabelとTypeScript、継続的なパフォーマンス改善と計測 - JSer.info

2018/08/28 30 users TypeScript JSer.info モジュール 計測

JSer.info #398 - Babel 7が正式にリリースされました。 Babel 7 Released · Babel Node.js 4のサポート終了し、@babelスコープへモジュールを移動、es2015のような年号プリセットを廃止し@babel/preset-envに移行、Stageプリセットを廃止などが行われています。 年号プリセット(babel-preset-es2015) -> 廃止(@babel/pr... 続きを読む

babel/SONG.md at master · babel/babel · GitHub

2018/08/28 33 users GitHub

Hallelujah—In Praise of Babel ➤ Audio version here! I heard there was a clever trick That rewrote all your JavaScript But you don’t really care for magic, do you Well it goes like this: the source, the dist The ES five, the ES six The sacred script transforming Hallelujah Hallelujah, Hallelujah ... 続きを読む