Web 標準動向 2026年4月版
こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの Saji (@sajikix) です。 はじめに サイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。 標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。 そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事としてまとめ、紹介していきます。 また、ここでは W3C に限らず、TC39 や WHATWG などの標準化団体のトピックについても扱います。 HTML Improved Japanese phonetic name support in Chrome autofill Chromeにおいて氏名を入力する
Temporalのpolyfillをゼロから実装した
要約 軽量なTemporalのpolyfillであるtemporal-polyfill-liteを実装しました。 最終版（最新）の仕様を実装しており、TypeScript公式の型定義とも互換性があります。 大半の（グレゴリオ暦しか使わない）開発者にとっては、2026年4月現在これが一番バンドルサイズの小さいpolyfillとなっています。 Temporalの現在地 Temporalはこの3月にstage 4に到達しました。Firefoxは去年5月に、Chromeは今年の1月にTemporal対応のバージョンをリリースしています。Node.jsは今年5月にリリース予定のv26でTemporalに対応する予定です[1]。Safariの実装は遅れていますが、実装は進行中なので時間の問題でしょう[2]。 今年はTemporal元年なのでどんどん使っていこう……と言いたいところですが、今のところpo
Ohm: a user-friendly parsing toolkit for JavaScript and Typescript
OhmA JavaScript library for building parsers, interpreters, compilers, and more. Ohm is a parsing toolkit consisting of a library and a domain-specific language. You can use it to parse custom file formats or quickly build parsers, interpreters, and compilers for programming languages. The Ohm language is based on parsing expression grammars (PEGs), which are a formal way of describing syntax, sim
Node.js、仮想ファイルシステムを実装へ | gihyo.jp
Node.jsのメンテナーであるMatteo Collina氏は2026年3月16日、同氏が設立しCTOを務めるPlatformaticのブログでNode.js向けのユーザーランド仮想ファイルシステム@platformatic/vfsを発表し、あわせてNode.jsのコアに仮想ファイルシステムを統合する予定があることを明かした。 Why Node.js needs a virtual file system -Platformatic Blog platformatic /vfs -GitHub .@nodejs has always been about I/O. Streams, buffers, sockets, files. But there's a gap that has bugged me for years: you can't virtualize the filesy
新登場したVite+が速すぎる！— ESLint 100倍、しかも Next.js でも動く
はじめに JS開発のツール設定、プロジェクトごとに毎回つらくないだろうか。 ESLint、Prettier、Vitest、husky、lint-staged — 設定ファイルだけで5個以上、バージョン競合で半日溶けた経験がある人も多いはずだ。 2026年3月、Viteの作者Evan YouのVoidZero社から Vite+ Alpha が発表された。これらを 1コマンド・1設定ファイルに統一する ツールチェーンだ。実際にReact + TypeScriptプロジェクトとNext.jsプロジェクトの両方で試したので、何が変わるのかを整理する。 前提: Vite での開発経験がある方向け。Vite+ v0.1.11（Alpha）時点の情報。 結論：何が変わるのか 従来 Vite+
Goodbye innerHTML, Hello setHTML: Stronger XSS Protection in Firefox 148 – Mozilla Hacks - the Web developer blog
Cross-site scripting (XSS) remains one of the most prevalent vulnerabilities on the web. The new standardized Sanitizer API provides a straightforward way for web developers to sanitize untrusted HTML before inserting it into the DOM. Firefox 148 is the first browser to ship this standardized security enhancing API, advancing a safer web for everyone. We expect other browsers to follow soon. An XS
Why is WebAssembly a second-class language on the web? – Mozilla Hacks - the Web developer blog
This post is an expanded version of a presentation I gave at the 2025 WebAssembly CG meeting in Munich. WebAssembly has come a long way since its first release in 2017. The first version of WebAssembly was already a great fit for low-level languages like C and C++, and immediately enabled many new kinds of applications to efficiently target the web. Since then, the WebAssembly CG has dramatically
【WebF】React/Vue/Svelteがそのままネイティブアプリになるよ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この手の話をもう何万回聞いたかわかりませんが、GitHubリポジトリのコミット数や頻度を見るにかなりの本気度を感じます。 そんなわけでJavaScriptをそのままネイティブアプリにするプロジェクトのひとつ、OpenWebFがベータ版に到達したようです。 以下は公式ブログ、Introducing WebF Beta: Bring JavaScript and the Web dev to Flutterの紹介です。 Introducing WebF Beta: Bring JavaScript and the Web dev to Fl
Web 標準動向 2026年1月版
こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめに サイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。 標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。 そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事としてまとめ、紹介していきます。 また、ここでは W3C に限らず、TC39 や WHATWG などの標準化団体のトピックについても扱います。 HTML Blink: Prototype: Canvas text writing mode support Canvas 上でのテキスト描画において
【JavaScript】ES2026の新機能全部解説する - Qiita
JavaScriptの仕様は、TC39というところで決められています。 ブラウザベンダや関係者が定期的に会合を行い、様々な新機能について話し合って今後のJavaScriptの方向性を決めていきます。 ここでは2025年にFinishedになったproposalについて紹介してみます。 『Finishedになった』の定義は、現在ではChrome・Firefox・Safariのうち2つ以上に実装された、という意味だと思えばだいたい合っています。 すなわち、主要ブラウザでは既にほとんどの機能を使用可能何気にChromeだけ対応してないのが多いです。 Finished Proposals JSON.parse source text access JSON.parseの引数reviverに、パラメータcontextを追加します。 JSON.parseは数値型文字列を数値にしたりと一部の型を勝手に変
Biome と Git/GitHub を活用したJSバンドル差分表示ツールの開発 - Techtouch Developers Blog
こんにちは！フロントエンドエンジニアの all-user です。 最近、家族全員で夜9時以降を緩めのデジタルデトックス時間にしてみました。 やってみるとオセロとかトランプみたいなアナログな遊びを模索するようになるのが面白いです。 さて今回は、Biome と Git/GitHub を活用したJSバンドル差分表示ツールについてご紹介します。 フロントエンド開発者が抱える漠然とした不安 既存ソリューションの検討 差分表示ツールの設計 基本アイデア ブランチの運用方法 ③ベースビルトブランチ ④現在ビルトブランチ ⑤PR作成ブランチ 比較基準点の決定 全体ワークフロー 導入の効果 レビュー品質の向上 レガシー設定の削除が容易に 予測と結果の一致確認 JSファイル以外の成果物差分も可視化 実装上の工夫 Biome による高速フォーマット Git の Tree Hash ベースのキャッシュ戦略 マルチ
【絶対ダメ】node:vmモジュールをサンドボックスとして使ってみた！！！！
こんにちは、t-chenです。 [1] 突然ですが、オンラインで誰でも利用できるNode.js環境を準備しました。vmモジュールを利用してサンドボックス化したので、安全なはずです。普段遣いしていていろいろな情報が詰まったPCでサーバーを動かしていますが、大丈夫でしょう。 ... [2] うわ〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜ハッキングされた〜〜〜〜〜〜〜〜〜〜〜 VMモジュールとは？ 外部から受け取ったJavaScriptを実行したい、というニーズは常に一定数あります(競技プログラミングの計測サーバー、LLMが実験的に実行できる環境など)。しかし、それには常に悪意のあるコードを実行されてしまうというリスクがついてしまいます。任意のJavaScriptを安全に実行するためのサンドボックスとはどのように実装できるでしょうか。 Node.jsには、node:vmというモジュールがあります。これは
再帰やループを使わずに組合せを求める
const nextCombination = x => { const a = x & -x; const b = a + x; return (((b ^ x) / a) >> 2) + b; }; まず，x とその符号を反転した -x の論理積を求めます．これは，最も右にある 1 だけを残して残りの桁を全部 0 にする操作です．例えば，視野を 8 bit にして x を 0011 1000 と置くとします．符号を反転させた -x は，2 の補数表現により 1100 1000 となります．この二つの論理積を求めると，最も右側の 1 だけが都合よく残って 0000 1000 が得られます．これを a とします． 次に，aと x の和を求めて b とします．先程と同様に 8 bit の例で考えてみます．aと x，つまり 0000 1000 と 0011 1000 を足し合わせると 0100
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Inside Ohm's PEG-to-Wasm compiler | Ohm
GitHub - lala-hakobyan/front-end-debugging-handbook: A comprehensive guide to debugging tools for modern, complex front-end applications. This handbook provides practical, real-world guidance on a complete suite of tools, from Chrome DevTools and framewor
It’s “Time” to use Temporal
Bonsai - Safe Expressions for Rules, Filters, and Templates
GitHub - jellevandenhooff/wcjs: WebAssembly Component Model JS runtime
GitHub - dy/jz: Research: minimal JS subset compiling to WASM
GitHub