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
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
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
こんにちは! サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめに サイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。 標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。 そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事としてまとめ、紹介していきます。 また、ここでは W3C に限らず、TC39 や WHATWG などの標準化団体のトピックについても扱います。 HTML Blink: Prototype: Canvas text writing mode support Canvas 上でのテキスト描画において
ES2026 / ES2025 / ES2024 / ES2023 JavaScriptの仕様は、TC39というところで決められています。 ブラウザベンダや関係者が定期的に会合を行い、様々な新機能について話し合って今後のJavaScriptの方向性を決めていきます。 ここでは2025年にFinishedになったproposalについて紹介してみます。 『Finishedになった』の定義は、現在ではChrome・Firefox・Safariのうち2つ以上に実装された、という意味だと思えばだいたい合っています。 すなわち、主要ブラウザでは既にほとんどの機能を使用可能何気にChromeだけ対応してないのが多いです。 Finished Proposals JSON.parse source text access JSON.parseの引数reviverに、パラメータcontextを追加します。
こんにちは!フロントエンドエンジニアの all-user です。 最近、家族全員で夜9時以降を緩めのデジタルデトックス時間にしてみました。 やってみるとオセロとかトランプみたいなアナログな遊びを模索するようになるのが面白いです。 さて今回は、Biome と Git/GitHub を活用したJSバンドル差分表示ツールについてご紹介します。 フロントエンド開発者が抱える漠然とした不安 既存ソリューションの検討 差分表示ツールの設計 基本アイデア ブランチの運用方法 ③ベースビルトブランチ ④現在ビルトブランチ ⑤PR作成ブランチ 比較基準点の決定 全体ワークフロー 導入の効果 レビュー品質の向上 レガシー設定の削除が容易に 予測と結果の一致確認 JSファイル以外の成果物差分も可視化 実装上の工夫 Biome による高速フォーマット Git の Tree Hash ベースのキャッシュ戦略 マルチ
こんにちは、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
The full-stack framework for Router-first apps. Start takes TanStack Router's typed route tree, URL state, loaders, and prefetching, then adds the server pieces: full-document SSR, streaming, server functions, server routes, and build output for the runtime you choose. 170.0 MillionTotal Downloads17,213,038Weekly Downloads14,866GitHub StarsThe fastest-growing full-stack framework in the JavaScript
はじめに "use client" や "use server" といったディレクティブは、React Server Components(RSC)の普及とともに広く使われるようになりました。一見すると、これらは JavaScript の標準機能である "use strict" のように見えますが、実際には根本的に異なるものです。 TanStack の作者である Tanner Linsley 氏は、ブログ記事[1]で、これらのディレクティブが新しい形のフレームワークロックインを生み出していると警鐘を鳴らしています。ディレクティブは開発者体験を向上させる一方で、標準化されていない独自仕様であり、エコシステムが分断されたり、他のフレームワークへの乗り換えが難しくなったりといった長期的なリスクを孕んでいます。 本記事では、Tanner Linsley 氏のブログ記事と関連する議論をもとに、以下の
Cap'n Web is a spiritual sibling to Cap'n Proto (and is created by the same author), but designed to play nice in the web stack. That means: Like Cap'n Proto, it is an object-capability protocol. ("Cap'n" is short for "capabilities and".) We'll get into this more below, but it's incredibly powerful. Unlike Cap'n Proto, Cap'n Web has no schemas. In fact, it has almost no boilerplate whatsoever. Thi
最近は異世界転生も珍しくなくなりました。もしも異世界にJavaScriptがあったら、それは我々の知るJavaScriptとどう違うでしょうか? この記事では、ECMAScriptまたはその亜種に実装された機能で、標準化に至らなかったものを取り上げます。モダンなECMAScriptしか知らない方には、きっと異世界を見るように新鮮に感じていただけることと思います。 異世界の typeof 演算子 「13.5.3 The typeof Operator - ECMAScript® 2025 Language Specification」によると、typeof 演算子の返しうる値(文字列)は undefined object string symbol boolean number bigint function のちょうど8通りです。しかし、異世界のJavaScriptでは typeof がこ
はじめに 夏も終わりに近づいてきましたね。みなさん夏休みはいかがお過ごしでしょうか?海に山に、はたまたエアコンの効いた部屋でJavaScriptでコーディング三昧もアリかなと思ったりもします。ところで、コーヒー片手にコードを書きながら、「うわっ...私のJavaScript、古すぎない...?」とふと思ったことがありませんか? ECMAScript 6(以下ES6)が正式リリースされた2015年からかれこれ10年も経ちましたね。ES6はPromise、クラス構文やアロー関数など強力な機能を一気に導入しました。ES3から約10年間で標準仕様の策定がほぼ停滞状態だったJavaScriptにとって起死回生と言っても過言ではない節目でした。 もし手元にTypeScriptを使っているプロジェクトがあれば、tsconfig.jsonを覗いてほしい。高い確率でコンパイルのtargetにES6もしくはE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く