イテレータを分岐させるとどうなる？　Iterator Helpersに見るJavaScriptのイテレータの挙動

2024/10/09 11 users イテレータ 挙動 JavaScript 仕様 機能群

2024年10月のTC39ミーティングでは、Iterator HelpersがStage 4となり、ECMAScriptの仕様に追加されることが決定しました。Iterator HelpersはすでにGoogle Chromeなどで試すことができます。 Iterator Helpersは概してわかりやすい機能群ではありますが、やはり元々がJavaScriptということで、直観的には理解しがたい挙... 続きを読む

export {}; が使われるTypeScript特有の事情

2024/08/04 82 users export TypeScript 構文 事情 記述

TypeScriptのコードでは、export {}; という記述を見かけることがあります。これはECMAScriptの構文ではあるものの、これが使われる背景にはTypeScript特有の事情があります。この記事では、export {}; がなぜ使われるのか、どのような効果があるのかを解説します。 export {}; とは この構文は、exportというキーワード... 続きを読む

JavaScriptの組み込みAPIのIntlが凄いので紹介してみた。

2024/01/07 145 users intl MdN API 日付 数値

はじめに 明けましておめでとうございます。 (一週間遅れ) この記事はJavaScriptの組み込みAPI Intl の紹介と解説です。 Intl とは？ MDN から引用すると Intl オブジェクトは、 ECMAScript の国際化 API の名前空間で、言語に依存した文字列の比較、数値の書式化と、日付の書式化を提供します。 Intl オブジェクトは、... 続きを読む

6年を経てFloat16ArrayをStage 3にしてもらった - pixiv inside

2023/10/19 19 users pixiv inside Stage 3 経緯 喜ばしいこと

こんにちは。福岡オフィスエンジニアの @petamoriken です。趣味でFloat16Arrayのponyfill1を公開しECMAScriptに入れてもらうように活動していたところ、喜ばしいことに2023年5月のTC39会議にてStage 3となりました。折角なのでその経緯を書いていこうと思います。 ECMAScript excitement 😉@TC39 advanced these propos... 続きを読む

typescript-eslintで新しい構文をサポートする

2023/08/28 14 users typescript-eslint TypeScript

新しい構文がやってくる ご存知の通り、JavaScript の標準仕様である ECMAScript では毎年新しい記法や構文が提案され、採択されています。もちろん JavaScript のスーパーセットである TypeScript もその例外ではありません。 TypeScript では基本的に ECMAScript Proposal の Stage3 になった仕様から順次サポートする... 続きを読む

Node.js v20 から使える ECMAScript の新機能

2023/04/20 8 users String プラグ バージョン 機能 新機能

Node.js v20 リリースされました。 V8 のバージョンが 11.3 まで上がったことで、いくつかの新しい ECMAScript の機能が使えるようになりました。v フラグが好きなのでうれしいです。 どのバージョンからどの機能が使えるようになったかとか忘れてしまうのでメモしておきます。 String.prototype.isWellFormed / String.... 続きを読む

Node.js と ECMAScript の Import Specifier は意味が違うらしい

2023/03/07 6 users SpiderMonkey Firefox node.js

Node.js の import specifier と ECMAScript の ImportSpecifier 先日 Firefox の JavaScript エンジンである SpiderMonkey の公式ブログに Import Maps についての記事が投稿された。 https://spidermonkey.dev/blog/2023/02/23/javascript-import-maps-part-1-introduction.html この記事は、そもそも ECMAScript Modu... 続きを読む

JavaScript の undefined と null を完全に理解する

2022/10/17 241 users undefined null JavaScript 比較

JavaScript で頻出する undefined と null について語ります。 言語仕様上の違い JavaScript (ECMAScript) において、仕様上 undefined と null は当然ながら明確に区別されています。いくつか言語仕様上の扱いについて挙げてみます。 比較 厳密な比較演算子 === において undefined と null は区別されます。ゆるい比較... 続きを読む

82. Node.js、Deno、Bun （前編） w/ yosuke_furukawa | fukabori.fm

2022/10/10 25 users Bun fukabori.fm タイミン deno Ruby

話したネタ denoの話 Bun first impressions Node.js、Deno、Bunとは何か？ JavaScriptランタイムとは何か？ サーバーサイドJavaScript expressを利用してWebサーバーを立てるコードは、Node.js以外でも動くのか？ ECMAScript と ランタイム との関係は？ TC39 Node.js はどんな経緯で生まれてきた？ Rubyを書くタイミン... 続きを読む

ピクシブ百科事典のフロントエンドをリファクタリングした話 - pixiv inside

2022/10/07 10 users ピクシブ百科事典 pixiv inside フロントエンド

こんにちは。福岡オフィスで課題解決部に所属しているエンジニアの petamoriken です。趣味で ECMAScript の動向を追ってたりします。よろしくお願いします。 この記事では私がレガシーだったピクシブ百科事典のフロントエンドを如何にしてリファクタリングし、モダン化していったかを紹介していこうと思います。 まずピ... 続きを読む

正式仕様リリース！ JavaScriptの最新仕様ES2022で追加された「全」新機能

2022/06/22 428 users JavaScript 全て 新機能 正式仕様 ES2015

JavaScriptの仕様はECMAScriptで、ECMAScript 2015（ES2015）、ECMAScript 2016（ES2016）...というように毎年進化を続けています。 これまでの仕様はES2021でした。 本日6月22日、ES2022は正式仕様として承認され、ES2022が最新仕様となりました。 22.06.2022 Ecma International approves new standards - Ecma Intern... 続きを読む

JavaScriptの次の仕様ES2022の新機能まとめ - ICS MEDIA

2022/06/10 148 users 新機能まとめ - ICS MEDIA 年次 ES6 仕様 最新

JavaScriptの仕様であるECMAScriptはEcma Internationalによって定められています。ECMAScript 2015（ES6）の登場以降は、ECMAScript 2016、ECMAScript 2017･･･と、年次で仕様が更新されています。最新のECMAScript 2022（ES2022）は今月6月22日のEcma InternationalのGA 123rd meetingにて承認される見込みです。 ES202... 続きを読む

JavaScript の MIME が `text/javascript` に統一されようとしている

2022/02/23 143 users MIME common text Application 一方

現在、 JavaScript の MIME は2006年4月に公開された RFC 4329(www.rfc-editor.org) にて text/javascript (OBSOLETE)application/javascript (COMMON)text/ecmascript (OBSOLETE)application/ecmascript (COMMON)の4つが定義されています。 この RFC 4329 では text/* の2つは OBSOLETE 扱いな一方で、 JavaScript を呼... 続きを読む

JavaScriptの参照レコードとthisバインディング

2022/02/19 77 users JavaScript 本稿 動機 メソッド 規格

JavaScriptの仕様には「参照レコード」という概念があります。参照を意識することで、JavaScriptにおけるメソッド呼び出しの理解と左辺式の評価順序の理解を同時に深めることができます。本稿ではこの「参照レコード」の動機と詳細の説明を試みます。 ※ 本記事ではECMAScriptの規格で「参照レコード」と呼ばれている概念... 続きを読む

こういうのでいいんだよ、な JavaScript日付時刻ライブラリ Qrono

2021/11/04 8 users ロケール Internation ライブラリ タイムゾーン

Qronoの特徴 🎨 タイムゾーンとロケールの対応を捨てた軽い日付時刻ライブラリ。 他のライブラリはタイムゾーンとロケールに対応するためにコードベースが巨大になったり使い方が複雑になったりしがち。 ほとんどの場合、クライアント環境のタイムゾーンにだけ対応できれば十分。 ロケール対応はECMAScript® Internation... 続きを読む

JavaScriptはなぜシングルスレッドでも非同期処理ができるのか/Why Can JavaSctipt Invoke Asynchronous in Single Thread? - Speaker Deck

2021/09/07 492 users Speaker Deck 非同期処理 JavaScript

Transcript JavaScriptは なぜシングルスレッドでも 非同期処理ができるのか お昼のLT 2021/09/07 Takashi Mima(@task4233) 本LTの目標 ・JavaScript(ECMAScript)がシングルスレッドで非同期処理を 　実現している方法をざっくり理解すること 本LTの想定対象者 ・JavaScriptの基本的な文法を理解している人 ・シングルス... 続きを読む

ECMAScript の Realms と Stage 3 Realms API - Qiita

2021/08/24 5 users Realms Qiita API

Help us understand the problem. What is going on with this article? 続きを読む

正式仕様リリース！ JavaScriptの最新仕様ES2021で追加された新機能まとめ

2021/06/24 258 users JavaScript 新機能まとめ 正式仕様 ES2015

JavaScriptの仕様はECMAScriptで、ECMAScript 2015（ES2015）、ECMAScript 2016（ES2016）...というように毎年進化を続けています。 2021年6月までの最新仕様はES2020でしたが、先日6月22日にES2021が正式仕様として承認されました。 Ecma International approves new standards - Ecma International ブラウザ対応も完... 続きを読む

JavaScript の Import Assertions について

2020/10/23 8 users JavaScript Babel 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 では 先... 続きを読む

Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発 － Publickey

2020/06/07 148 users Publickey 互換レイヤ Mozilla 表明 準拠

Mozilla、今後はV8の正規表現エンジンをFirefoxにそのまま取り込むと表明。そのための互換レイヤを開発 WebブラウザにはJavaScriptを実行するためのJavaScriptエンジンが搭載されています。それはChromeであれば「V8」、Firefoxであれば「SpiderMonkey」と呼ばれ、それぞれのWebブラウザベンダがECMAScriptの標準に準拠... 続きを読む

JavaScriptの歴史については「JavaScript: The First 20 Years」を読む | Web Scratch

2020/06/05 165 users Web scratch JavaScript 歴史 文章

JavaScript/ECMAScriptというプログラミング言語の歴史について書いた文章はWikipediaなどいろいろなものがあります。 その中でも、ECMAScript 5とECMAScript 2015のSpec EditorであるAllen Wirfs-Brockによって書かれた"JavaScript: The First 20 Years"が特におすすめです。 JavaScript: The First 20 Years JavaScrip... 続きを読む

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

2020/04/30 291 users Webpack Babel jQuery npm React

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

top-level awaitがどのようにES Modulesに影響するのか完全に理解する - Qiita

2020/02/16 13 users Qiita Top-level await Name 焦点

先日、TypeScript 3.8 RCが公開されました。TypeScript 3.8はクラスのprivateフィールド（#nameみたいなやつ）を始めとして、ECMAScriptの新機能のサポートがいくつか追加されています。この記事で取り扱うtop-level awaitもその一つです。 この記事ではtop-level awaitに焦点を当てて、その意味や使い方について余すと... 続きを読む

ECMAScript(JavaScript)の仕様をちょっと読んでみよう - Qiita

2019/09/06 25 users syntax Qiita 構文 動作 ルール

イントロ MDN はもはや業界標準の JavaScript リファレンスサイトであるが、JavaScript の syntax (構文) や低レベルな動作については情報が載っていないことがある。このような場合は仕様に立ち返ってみる必要があるが、ECMAScript の仕様は非常に分かりにくい。この記事では、ECMAScript の仕様がどういうルールで書か... 続きを読む

JavaScriptの本を書くときに参考にしてるもの · GitHub

2019/06/12 299 users GitHub JavaScript 参考 書籍

READ.md jsprimerというJavaScriptの書籍を書いている。 これを書いてるときに参考にしているものを書いていく。 ECMAScript® Language Specification ECMAScriptのLiving Standardな仕様書ページ。 スナップショットなECMAScriptの仕様書ページもあるけど、基本的にはLiving Standardの方しか見てない。 Standard ECMA-... 続きを読む