Web 標準動向 2025年9月版
こんにちは！ サイボウズ株式会社 フロントエンドエンジニアの mehm8128 (@mehm8128) です。 はじめに 今月から「Web 標準動向」が始まります。 サイボウズは 2025 年 4 月より、W3C のメンバーに加入しました。 標準化プロセスに関わることができるようになるための最初の一歩として、フロントエンドエンジニアの一部のメンバーは積極的に Web 標準のキャッチアップを行っています。 そこで、毎月メンバーが興味を持った Web 標準に関する話題や、実際に標準化プロセスに関わることができた場合にはその報告などを 1 つの記事としてまとめ、紹介していきます。 また、ここでは W3C に限らず、TC39 や WHATWG などの標準化団体のトピックについても扱います。 HTML headingoffset & headingreset https://html.spec.wh
JS/TSで`import`をソートできる選択肢のまとめ | Memory ice cubes
formatter: built-in sorting and aesthetically features · Issue #13610 · oxc-project/oxc https://github.com/oxc-project/oxc/issues/13610 これを検討するにあたり、まずは市場調査を・・・ということで。 どういう関心が世にあって、どういう先行実装があってどう違ってて・・・みたいなことをざっくり知りたかった。 （不備や有力情報があったらぜひ教えてください。） 最初におまけ: Stylisticなツール 最初に思い当たるのは、やはりeslint-stylisticかな？ eslint-stylistic/eslint-stylistic: Monorepo for ESLint Stylistic plugins and configs https://github
JavaScriptビルドツール徹底ガイド──歴史と進化、LINEヤフーの技術選定 - Findy Tools
本記事は、LINEヤフー株式会社のフロントエンドスペシャリスト、浜田真成さんによる寄稿です。 JavaScriptのビルドツールについて、その役割や歴史的な変遷をたどりながら、2025年現在の主要ツールの特徴と選定ポイントを解説します。LINEヤフーでのユースケースも交え、アプリケーション開発における最適なビルドツール選びの参考となる内容です。 はじめにこの記事は、Web開発におけるJavaScriptのビルドツールの役割やその特徴について解説するものです。 2025年現在までのビルドツール事情を整理し、アプリケーション開発者が「どのビルドツールを、何の目的で選択すべきか」を判断する1つの指針となれば幸いです。 1. ビルドツールの役割と歴史的変遷1-1. ビルドツールがなぜ必要なのかWebアプリケーション開発では、JavaScriptを用いることが主流です。 一方で、JavaScript
npm debug and chalk packages compromised
Starting at September 8th, 13:16 UTC, our Aikido intel feed alerted us to a series packages being pushed to npm, which appeared to contains malicious code. These were 18 very popular packages, backslash (0.26m downloads per week)chalk-template (3.9m downloads per week)supports-hyperlinks (19.2m downloads per week)has-ansi (12.1m downloads per week)simple-swizzle (26.26m downloads per week)color-st
次世代JS標準時刻API Temporal を3年先行利用して得た知見を共有します！ - Mirrativ Tech Blog
ミラティブでソフトウェアエンジニアをしている @8beeeaaat です。 去る2025/9/6に札幌で開催されたフロントエンドカンファレンス北海道2025 にて発表した内容を再構成して公開します！ Dateに代わる新たな日時表現・操作APIとしてECMAScript標準化を目指し、2017年にプロポーザルが投稿された Temporal。ついに仕様策定も大詰めとなり、Firefox 139での正式実装リリースを始め、各ブラウザ・JSエンジンへの実装も進められています。 ミラティブでは2022年よりPolyfillを導入して社内業務管理機能を中心に導入を進めてきました。本記事では3年間の業務利用の中で培った業務で利用できるノウハウを共有します！ 採用決定の現場 Date型の課題 次世代時刻標準 Temporal 主な特徴 Polyfillによる利用 今日から始めるTemporal移行 Dat
fetch() では Host ヘッダーを設定できないし話はそこまで単純じゃない - Object.create(null)
JavaScript (TypeScript) のコードから HTTP リクエストを送る手段として, 最近では Web 標準の一つである Fetch Standard で定義された fetch() が使われることが多いですね. await fetch("https://example.com"); リクエストヘッダーには Host を設定できない Fetch Standard では Host をはじめとして Content-Length, Cookie, Origin など, いくつかのリクエストヘッダーを設定 (JavaScript から上書き) することが禁止されています. https://fetch.spec.whatwg.org/#forbidden-request-header いずれのヘッダーも HTTP やセキュリティ上の取り決めに従うために, ページの JavaSript
typeof x > 'u' は typeof x === 'undefined' より小さいけど遅い
こないだuhyoさんがこういうツイートをしていた。 typeof x === "undefined" が typeof x>"u" にminifyされるのを見たんだけど、 これってのちのちtypeofの結果が増えたら壊れるやつではないか。いいのかな。もう増えない読みか（？） — 🈚️うひょ🤪✒📘 TypeScript本発売🫐 (@uhyo_) August 29, 2025 確かに typeof 演算子で得られる結果の中で辞書準比較で最も大きいのは "undefined" だから、typeof x > "u" は typeof x === "undefined" と同じ意味になる。なので、この minification は一見理にかなっているように見える。実際esbuildがこの方法でminifyをしている(Webのplaygroundでの実行結果)。 しかし少なくともJSCにおい
Bunに入社した
Sosuke is one of JavaScriptCore’s most prolific contributors, and will help us make JavaScript faster and Bun more compatible with Node https://t.co/G1BKUophlO — Jarred Sumner (@jarredsumner) August 18, 2025 8月15日にUbieを退職し、8月18日からJavaScriptランタイムを開発しているBunで働いている。住居は引き続き茨城県つくば市。 僕は直近１年半くらい余暇時間のほとんどをJavaScriptCoreの開発に費やしていて、それがBunの目に止まったらしい。いきなりBunのリクルーターからTwitterのDMで連絡をもらって、すぐにCEOのJarredと話すことになった。 J
OverType - The Markdown Editor That's a Textarea
THE MARKDOWN EDITOR THAT'S A TEXTAREA OverType is a transparent textarea over rendered markdown. Plain text simplicity, WYSIWYG beauty, zero complexity. AN UNDER-ENGINEERED SOLUTION A SINGLE LAYER OF ABSTRACTION - A textarea over a preview div AN OPEN BOX - Read, understand, and modify the code WYSIWYG WITHOUT THE HAIR-PULLING - Everything just works, it's native
JavaScript の Object 比較を変えるか？ 新しいプロポーザル proposal-composite とは - エムスリーテックブログ
皆さん、こんにちは！ デジスマチームの小島(@jiko_21)です。 このブログはデジスマチームブログリレーの 2 日目の記事です。 JavaScript の進化は止まりませんね！ 毎年、新しい仕様が TC39（ECMAScript の標準化委員会）にて議論され追加されています。 今回は、最近 TC39 に追加された、proposal-compositeについてご紹介します。これは、JavaScript におけるObjectの比較という、長年の課題を解決する可能性を秘めた興味深い提案です。 proposal-composite について SameValueZero による評価戦略 SameValueZero とは？ SameValueZero の動作原理（疑似コードで理解する） proposal-composite がどのようなアプローチで解決を目指すのか？ Composite の多岐にわ
Exploring JavaScript (ES2025 Edition)
Print version: “JavaScript for impatient programmers” (ES2019 edition) Available on: 🇺🇸 Amazon.com (USD), 🇬🇧 Amazon.co.uk (GBP), 🇩🇪 Amazon.de (EUR), 🇫🇷 Amazon.fr (EUR), 🇪🇸 Amazon.es (EUR), 🇮🇹 Amazon.it (EUR), 🇳🇱 Amazon.nl (EUR), 🇯🇵 Amazon.co.jp (JPY), 🇮🇳 Amazon.in (INR), 🇨🇦 Amazon.ca (CAD), 🇧🇷 Amazon.com.br (BRL), 🇲🇽 Amazon.com.mx (MXN), 🇦🇺 Amazon.com.au (AUD) Upgrading f
JavaScript PrimerのNotebookLMが利用可能になりました！
JavaScript PrimerのNotebookLMが利用可能になりました。 NotebookLMは、Googleが提供するAIを活用したノートブック環境で、登録したソースに対して質問をしたり、情報を検索したりすることができます。 次のリンクから、JavaScript PrimerのNotebookLMにアクセスできます。 📖 JavaScript Primer - 迷わないための入門書 - NotebookLM JavaScript Primer on NotebookLM JavaScript PrimerのコンテンツがNotebookLMに入ってることで、読者は書籍の内容についてNotebookLMに直接質問したり、Podcastとして音声で聞いたりすることができるようになります。 NotebookLMを活用することで、JavaScript Primerを読み進める中で生じた疑
[OutSystems]JavaScriptでInputの値を変更する方法 - Qiita
Input Widgetの値への変更をJavaScriptで、DOM要素の.valueを経由して行うと、Inputに紐づけた変数に値が反映されない。 Inputに機能を追加するBlockを作るときに困るので、解決策を探ってみる。 環境情報 Personal Environment(Version 11.21.0 (Build 39357)) Service Studio(Version 11.54.13) サンプル HousesoftSampleReactiveのバージョン1.0.19。 ChangeInputValueWithJS Screenを参照。 NG例：JavaScriptでinput.valueの値を変更 まずはダメなケースの実装を確認する。 以下のコードをJavaScript要素に書いてもうまくいかない。 なお、Input WidgetのIdはJavaScript要素のInp
![[OutSystems]JavaScriptでInputの値を変更する方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/8fd7b108c3358acf01b6ec63f554339cb27c4fdf/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMzMyOTg3JTJGcHJvZmlsZS1pbWFnZXMlMkYxNTcyMzQ1MTkwP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz02YWYwN2NjMDJkN2U0OGQ5NGM3MWRlZDYzMjY0ZWY0MA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D094f275170ca5d1202d877ad45cdc26c%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCT3V0U3lzdGVtcyU1REphdmFTY3JpcHQlRTMlODElQTdJbnB1dCVFMyU4MSVBRSVFNSU4MCVBNCVFMyU4MiU5MiVFNSVBNCU4OSVFNiU5QiVCNCVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPWIyZDMyMDIyYjdkNDQwODI5MDJlMzAyNjdlZjc1YWEx%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBqeXVuamlfd2F0YW5hYmUmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz1mOWQyYjA1NWZlMTY5OGY3YjYwYmEzNDVlZjAxN2Y2Yg%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D3e9fa0e3943bc96ed692a8508a42b5b6)
正規表現を豊かにする ES2024 RegExp v (unicodeSets) フラグ
【2023/05/17 変更】 2023年5月の TC39 会議で Stage 4 になったため、タイトルを変更 HTML Standard の pattern 属性に取り込まれたので修正 ES2024 RegExp v (unicodeSets) フラグ ES2024 に RegExp v (unicodeSets) フラグというものがあります。これは既存の u (unicode) フラグを改善して置き換え、機能追加することを目的としています。 詳しい内容については V8 や 2ality による解説記事が詳しいです。ここではその概要をピックアップして述べたいと思います。 複数のコードポイントからなる絵文字の対応（Unicode Properties of Strings） ES2015 に u (unicode) フラグが導入され、コードポイント単位で正規表現を扱えるようになりました。
Biome v2.0 beta
After hard work from our team, Biome’s long-awaited 2.0 release is nearing completion. It will be packed with many large features, so we would like your help testing it with a public beta! If you would like to try it out, you can update Biome and migrate your configuration using the following commands: Terminal window1npm install --save-dev --save-exact @biomejs/biome@beta2npx @biomejs/biome@beta
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
そのJavaScript、V8が泣いてます。V8の気持ちを理解して書くパフォーマンス最適化
GitHub - image-js/image-js: Image processing and manipulation in JavaScript
GitHub - aymericzip/intlayer: Internationalisation solution for JS application focusing on scalability. Make your JavaScript / TypeScript application multilingue.
GitHub - Nergie/no-barrel-file
GitHub - zumerlab/snapdom: snapDOM captures HTML elements to images with exceptional speed and accuracy.
