タグ

JavaScriptとJSerに関するefclのブックマーク (93)

  • JSer.info 14周年

    JSer.info は、2011年1月16日から開始して、2025年1月16日で14周年を迎えました🎉 書くのがだいぶ遅くなってしまいましたが、14周年を迎えたことを記録しておきます。 Node.js周りの変化 Node.js周りの変化が大きかった1年な気がしました。 Node.jsでは、require(esm)やTypeScriptのサポートなど長年議論されていていたものが大きく進んだ気はしています。 2024-04-26のJS: Electron 30、Firefox 125、Node.js 22、React 19 Beta、TypeScript 5.5 Beta - JSer.info 2024-08-15のJS: Node v22.6.0(--experimental-strip-types)、Firefox 129 - JSer.info Node.jsのTypeScript

    JSer.info 14周年
    efcl
    efcl 2025/05/25
    JSer.info 14周年を迎えていたので、最近のJavaScript周りの変化を中心に書きました。 Node.js周り、パッケージマネージャー、Linterについて
  • 2024-12-28のJS: pnpm 10.0 RC.1、State of JavaScript 2024、Design Token-Based UI Architecture

    JSer.info #720 - pnpm 10.0 RC 1がリリースされました。 Release pnpm 10.0 RC 1 · pnpm/pnpm インストールするパッケージのlifecycle scriptをデフォルトで実行しないように変更が含まれています。 パッケージのpostinstallなどのlifecycle scriptの実行を許可するにはpnpm.onlyBuiltDependenciesの設定にパッケージ名を追加する必要があります。 feat!: use an allow list of built dependencies by default by zkochan · Pull Request #8897 · pnpm/pnpm これは、rspack v1.1.7でパッケージがハイジャックされマルウェアを実行するlifecycle scriptが含まれていた問題

    2024-12-28のJS: pnpm 10.0 RC.1、State of JavaScript 2024、Design Token-Based UI Architecture
    efcl
    efcl 2024/12/28
    今年最後の書きましたー - 🚀 pnpm 10.0 RC 1リリース - 📊 State of JavaScript 2024公開 - 🎨 Design Token-Based UI Architecture
  • 2024-10-22のJS: Node.js v23.0.0、Next.js 15、Express v5(pre)

    JSer.info #712 - Node.js v23.0.0 (Current)がリリースされました。 Node.js — Node v23.0.0 (Current) require(esm)をデフォルトで有効化、32 bit Windowsのサポートを削除、node --runをStableに変更されています。 また、非推奨な--huge-max-old-generation-sizeを削除、node:utilパッケージから非推奨な_extend()やisBoolean()などを削除なども行われています。 Next.js v15がリリースされました。 Next.js 15 | Next.js 破壊的な変更として、fetchはデフォルトでno-storeに変更、GETルートハンドラーはデフォルトでキャッシュしないように、クライアントルーターキャッシュもデフォルトではキャッシュしないよ

    2024-10-22のJS: Node.js v23.0.0、Next.js 15、Express v5(pre)
    efcl
    efcl 2024/10/22
    🚀 Node.js v23.0.0 `require(esm)`がデフォルト有効化。32bit Windowsサポート終了。`node --run`がStableに。 🌐 Next.js v15 `fetch`が`no-store`に。React 19 RC対応など ⚡ Express v5 Node.js 18未満サポート終了
  • 2024-09-01のJS: Rspack 1.0、Safari Technology Preview 202、Material UI v6

    JSer.info #705 - webpackとの互換性を持つようにRustで書かれたbundlerであるRspack 1.0がリリースされました。 Announcing Rspack 1.0 - Rspack 0.7からの破壊的な変更もいくつか含まれているため、マイグレーションガイドも公開されています。 Migrating from Rspack 0.x - Rspack Safari Technology Preview 202がリリースされました。 Release Notes for Safari Technology Preview 202 CSSのbackground-clip: border-area/ruby-align、shape() function/@pageでjis-b4とjis-b5のサポートなどが追加されています。 また、ECMAScript Proposal

    2024-09-01のJS: Rspack 1.0、Safari Technology Preview 202、Material UI v6
    efcl
    efcl 2024/09/01
    🦀 Rspack 1.0: webpack互換のbundler 🤖 Safari TP 202: Wasm GC/Tail Calls 🚀 Material UI v6: Zero Runtime CSS
  • 2024-04-26のJS: Electron 30、Firefox 125、Node.js 22、React 19 Beta、TypeScript 5.5 Beta

    JSer.info #690 - Electron 30.0.0がリリースされました。 Electron 30.0.0 | Electron V8 12.4、Chromium 124、Node.js 20.11.1へアップデート。 File System APIをサポート、Cross Origin iframeにPermission Policyを使うように変更、WebContentsView/BaseWindowの廃止などの変更が含まれています。 Firefox 125がリリースされました。 Firefox 125.0.1, See All New Features, Updates and Fixes Firefox 125 for developers - Mozilla | MDN Intl.Segmenterのサポート、Popover APIのサポート、AV1コーデックのサポート

    2024-04-26のJS: Electron 30、Firefox 125、Node.js 22、React 19 Beta、TypeScript 5.5 Beta
    efcl
    efcl 2024/04/26
    色々リリース - 🔥 Electron 30、Firefox 125、Node.js 22リリース - ⭐ React 19 Beta、TypeScript 5.5 Betaリリース
  • 2024-03-12のJS: Tailwind CSS v4.0 alpha、TypeScript 5.4、Speedometer 3.0

    JSer.info #684 - Tailwind CSS v4.0 alphaがリリースされました。 Open-sourcing our progress on Tailwind CSS v4.0 - Tailwind CSS OxideというRustで書かれたエンジンを追加、Lightning CSSを組み込むように変更することでパフォーマンスやビルドトインでサポートする構文が改善されています。また、記事ではv4のロードマップについても触れられています。 TypeScript 5.4がリリースされました。 Announcing TypeScript 5.4 - TypeScript BetaやRCからの大きな機能的な追加などはありません。 クロージャーにおけるNarrowing結果の改善、NoInfer Utility Typeの追加、 --module preserveの追加が行われ

    2024-03-12のJS: Tailwind CSS v4.0 alpha、TypeScript 5.4、Speedometer 3.0
    efcl
    efcl 2024/03/12
    Speedometer 3.0で使われるライブラリがかなり増えた。ブラウザはこれらのライブラリが早くなるようにパフォーマンス改善される可能性がある
  • 2024-03-05のJS: Parcel v2.12.0、`polyfill.io`の代用、express 4.18.3

    JSer.info #683 - Parcel v2.12.0がリリースされました。 Parcel v2.12.0 Bunと同様の仕組みとして、Import Attributesを使ったmacroに対応しています。 JavaScript Macros in Bun | Bun Blog ブラウザ上で動作するREPLを公開、bundleにもLightning CSSを使うように変更されています。 その他にはメモリ使用量を52%改善、書き込みのパフォーマンスの改善なども行われています。 先週の記事で polyfill.io がFunnull CDN(方能CDN)を運営するFunnull(南京妙彩文化传播有限公司)に買収されたことをお伝えしました。 その後、FastlyやCloudflare(cdnjs)が polyfill.io の代用サービスとして、https://polyfill-fast

    2024-03-05のJS: Parcel v2.12.0、`polyfill.io`の代用、express 4.18.3
    efcl
    efcl 2024/03/05
    📦 Parcel v2.12.0: macroサポート 🔄 FastlyとCloudflareによる`polyfill.io`の代替サービス ⚡ express v4.18.3: express forward
  • 2024-02-20のJS: ES2024 RC、typescript-eslint v7、React Compiler

    JSer.info #681 - 2024年6月の正式公開に向けたES2024のリリース候補が公開されました。 Release ES2024 Candidate February 2024 · tc39/ecma262 ES2024では、次のような変更が含まれる予定です。 ArrayBuffer.prototype.resize ArrayBuffer.prototype.transfer RegExp v flag Promise.withResolvers Object.groupBy/Map.groupBy Atomics.waitAsync String.prototype.isWellFormed/String.prototype.toWellFormed 毎年2月ごろに仕様へ取り込むProposalが決まり、6月ごろのGA 127th meetingで最終的な承認を得る予定です

    2024-02-20のJS: ES2024 RC、typescript-eslint v7、React Compiler
    efcl
    efcl 2024/02/20
    🎉 ES2024のリリース候補が公開 🌀 typescript-eslint v7: Flat Configの対応 ⚛️ React Compiler/React v19のマイルストーンの公開
  • 2024-02-12のJS: jQuery 4.0.0、Storybook 8 Beta、Vite 5.1(Runtime API)

    JSer.info #680 - jQuery 4.0.0 Betaがリリースされました。 jQuery 4.0.0 BETA! | Official jQuery Blog IE 10以下のサポートを終了、非推奨のAPIを削除、jQuery prototypeオブジェクトからArrayメソッドを削除、focusとblurのイベント順を上書きしないように変更されています。 また、FormDataのサポート、自動的にJSONPへfallbackする挙動を削除、コードベースをAMDからESMへの移行、Trusted Typesのサポートなども含まれています。 jQuery 5では、IE 11のサポートを削除する予定となっています。 Storybook 8 Betaがリリースされました。 Storybook 8 Beta デフォルトのコンパイラをBabelからSWCに変更、モバイルUIの改善とい

    2024-02-12のJS: jQuery 4.0.0、Storybook 8 Beta、Vite 5.1(Runtime API)
    efcl
    efcl 2024/02/12
    🚀 jQuery 4.0.0 Beta: IE10のサポート終了 📚 Storybook 8 Beta 🔥 Vite 5.1: Vite Runtime API
  • 2024-02-05のJS: TypeScript 5.4 Beta、Learn Testing/Performance、Interop 2024

    JSer.info #679 - TypeScript 5.4 Betaがリリースされました。 Announcing TypeScript 5.4 Beta - TypeScript クロージャーにおけるNarrowing結果の改善、NoInfer Utility Typeが追加されています。 また、ES2024のObject.groupBy/Map.groupByをサポート、Import Attributesのサポートが追加されています。 そのほかには、target: "ES3"やoutオプションなどを非推奨として、次のTypeScript 5.5で削除されることがアナウンスされています。TypeScript 5.5で削除されるオプションは、次のIssueにまとめられています。 Feedback: 5.0 deprecations · Issue #51909 · microsoft/T

    2024-02-05のJS: TypeScript 5.4 Beta、Learn Testing/Performance、Interop 2024
    efcl
    efcl 2024/02/05
    書きました! 🚀 TypeScript 5.4 Betaがリリース 📝 web.dev にテストとパフォーマンスに関する新しいコンテンツが追加 🌐 Interop 2024の開始がアナウンスされました
  • 2024-01-28のJS: Firefox 122、Deno 1.40、Safari 17.4 Beta

    JSer.info #678 - Firefox 122.0がリリースされました。 Firefox 122.0, See All New Features, Updates and Fixes Firefox 122 for developers - Mozilla | MDN <select>の子要素として<hr>を許可するように、CSSのoffset-positionとoffset-pathプロパティをデフォルトで有効化されています。 ArrayBuffer.prototype.transfer()の実装、XSSの対策としてSVGの<use>にData URLを利用できないように変更されています。 また、実験的な機能としてDeclarative shadow DOM、Popover APIClipboard API、Intl.Segmenterが実装されています。 Deno 1.40

    2024-01-28のJS: Firefox 122、Deno 1.40、Safari 17.4 Beta
    efcl
    efcl 2024/01/28
    🦊 Firefox 122 🦕 Deno 1.40 🦓 Safari 17.4 Beta (EU) iOSでWebKit以外のブラウザエンジンが許可
  • 2024-01-21のJS: Astro 4.2、Bun 1.0.24(Bun Shell)、RemixのSPAモード

    JSer.info #677 - Astro 4.2がリリースされました。 Astro 4.2 | Astro Astro 4.2では、Prerenderingの実験的なオプションとしてSpeculation Rules APIを使ったPrerenderingをサポートしています。 また、injectRouteやファイルベースのルーティングが衝突した時の新しい優先度ルールをopt-inでサポートしています。 その他には、redirectToDefaultLocaleオプションを追加することでデフォルト言語へのリダイレクトを無効化できるように、アクセシビリティルールの追加などがあります。 Bun v1.0.24がリリースされました。 Bun v1.0.24 | Bun Blog Bun v1.0.24では、Bun Shellというzxのようにシェルスクリプトを扱うための関数の追加されています

    2024-01-21のJS: Astro 4.2、Bun 1.0.24(Bun Shell)、RemixのSPAモード
    efcl
    efcl 2024/01/21
    🧑‍🚀 Astro 4.2 🍞 Bun 1.0.24: Bun Shell 🐚 📀 RemixのSPAモード
  • JSer.info Watch List RSS

    It will be fascinating to watch what happens with Google Search this coming year. It’s the behemoth. It alone is the life blood of countless small businesses. And yet “Google Zero” threatens — radical changes to Google search results where good, previously-reliable traffic absolutely plummets to essentially nothing. Review site HouseFresh’s story is an example. […] I’m passionate about Web Perform

    JSer.info Watch List RSS
    efcl
    efcl 2024/01/16
    JSer.info の情報源となるサイトの更新を1つにまとめたサイト。 更新を1つまとめたRSSを公開してるので、色々なサイトの情報をまとめて購読できる。
  • JSer.info 13周年: JavaScriptの情報源を整理する

    JSer.infoは2024年1月16日で13周年を迎えました。 JSer.info は、JSer.infoというサイト名の通り、JavaScriptの情報を整理して伝えることを目的にしています。 この記事では、JSer.infoの13年間のデータを見ながら、生きているJavaScriptの情報源を整理する方法を紹介します。 今までの JSer.info JSer.infoは13年間で合計676の記事を公開し、12429コのサイトを紹介してきました。 365 * 13 / 676 = 7.01 なので、週一の更新を13年続けてきたことになります。 2023年のJSer.infoで紹介したサイトを見ていきます。 ドメイン別にして紹介回数でソートしてみると次の通りです。 2023年のドメイン別の紹介回数: domain-2023.csv GitHubが30%近く占めていることがわかります。 そ

    JSer.info 13周年: JavaScriptの情報源を整理する
    efcl
    efcl 2024/01/16
    JSer.info を初めてから13年経ちました。 JSの情報源の変化と見るのを補助するサイトについて書きました。
  • 2023-12-23のJS: date-fns 3.0.0、Firefox 121、React Aria Components 1.0.0、Catalyst

    JSer.info #674 - date-fns v3.0.0がリリースされました。 Release v3.0.0 · date-fns/date-fns ESMとCJSのdual pacakgeに変更、それぞれのファイルはnamed exportするように変更されています。 また、TypeScriptの型を改善に合わせて、引数の数のRuntime Checkを無くしてType Checkのみに変更されています。 そのほかには、intervalオプションの負数をサポート、IEのサポートを終了などの変更も含まれています。 Firefox 121がリリースされました。 Firefox 121.0, See All New Features, Updates and Fixes Firefox 121 for developers - Mozilla | MDN <iframe loading

    2023-12-23のJS: date-fns 3.0.0、Firefox 121、React Aria Components 1.0.0、Catalyst
    efcl
    efcl 2023/12/23
    書きました! ⌛ date-fns 3.0.0: dual packages 🦊 Firefox 121: <iframe loading=lazy>、text-wrap: balance、:has() ⚛️ React Aria Components v1: 🎉
  • 2023-12-01のJS: Node.js v18.19.0(LTS)、BiomeとPrettier、CSS Hooks

    JSer.info #671 - Node.js v18.19.0がリリースされました。 Node v18.19.0 (LTS) | Node.js npm 10へアップデート、node:moduleにregister APIの追加、import.meta.resolveのサポートが追加されています。 また、.jsのデフォルトの扱いをCJSからESMへと変更できる--experimental-default-typeフラグがバックポートされています。 Biome v1.4.0がリリースされました。 Biome formatter wins the Prettier challenge | Biome Release CLI v1.4.0 · biomejs/biome PrettierのJS/TS/JSXに関するテストケースを95%以上通すRust実装を募集するThe Prettier C

    2023-12-01のJS: Node.js v18.19.0(LTS)、BiomeとPrettier、CSS Hooks
    efcl
    efcl 2023/12/01
    書きました! 💚 Node.js v18.19.0: 新しいローダーの仕組み 🧹 BiomeとPrettier: 互換性とパフォーマンス 🪝 CSS Hooks: style属性で擬似クラスを実現
  • 2023-11-26のJS: Vite 5、Node.js 20.10.0(ESMのデフォルト化フラグ)、State of JS 受付中

    JSer.info #670 - Vite 5.0がリリースされました。 Vite 5.0 is out! | Vite Node.js 14/16のサポート終了、Rollup 4へアップデート、CommonJS Node API(require("vite"))を非推奨化しています。 また、defineの置換方法をdevとproduction buildで同じ方法を使うように変更、devとpreviewでURL末尾のスラッシュの扱いが異なる問題を修正、非推奨なAPIの削除なども含まれています。 マイグレーションガイドも合わせて公開されています。 Migration from v4 | Vite Node.js 20.10.0がリリースされました。 Node v20.10.0 (LTS) | Node.js 主に開発版のNode.js 21.xからのバックポートが中心となっています。 ES

    2023-11-26のJS: Vite 5、Node.js 20.10.0(ESMのデフォルト化フラグ)、State of JS 受付中
    efcl
    efcl 2023/11/27
    ⚡ Vite 5、 💚 Node.js 20.1.0、 ⚖️ State of JS 2023のアンケートが受付開始した
  • 2023-10-16のJS: Lit 3、Chrome 118、Zodの作り方

    JSer.info #665 - Web ComponentsライブラリであるLit 3.0がリリースされました。 Lit Launch Day: Lit 3.0, Labs graduations, a compiler and more! – Lit Lit 3 upgrade guide – Lit Lit 3では、IE11のサポート終了、最小の実行環境をES2021をサポートしてるブラウザへ変更が行われています。 Lit 2.0で非推奨となったAPIの削除、Stage 3のDecoratorの対応なども行われています。 また、新しいLitテンプレートコンパイラーの公開、Preact Signalsを統合するパッケージも公開されています。 Chrome 118がリリースされました。 New in Chrome 118 - Chrome for Developers Chrome 11

    2023-10-16のJS: Lit 3、Chrome 118、Zodの作り方
    efcl
    efcl 2023/10/16
    今週の書きましたー 💠 Lit 3.0 🟡 Chrome 118 🇿 Zodの作り方: miniクローンでZodの仕組みを学ぶ
  • 2023-10-10のJS: Rollup 4.0.0、Viteの今後(Rustify Vite)、pnpm v8.9.0

    JSer.info #664 - Rollup 4.0.0がリリースされました。 Release v4.0.0 · rollup/rollup Node.js 14/16のサポート終了、Acornの代わりにSWCをパーサに使うように変更されています。 SWC利用に伴うオプションの削除や非推奨なオプションの削除などが含まれています。 Viteの現在と今後についてがViteConfで発表されています。 動画: https://viteconf.org/23/replay/vite_keynote スライド: State of Vite (ViteConf 2023) ViteはDevビルドにesbuild、ProdビルドにRollupを使うためビルド結果に差異が出やすいなどの問題があります。 そのため、Rollup互換を意識したRolldownというBundlerをRustで開発するという話。

    2023-10-10のJS: Rollup 4.0.0、Viteの今後(Rustify Vite)、pnpm v8.9.0
    efcl
    efcl 2023/10/10
    - 🗞️ Rollup 4.0.0 - 🦀 Rust化するVite - 📁 pnpm v8.9.0: macOSなどでインストール速度が改善
  • 2023-10-03のJS: Node v20.8.0、Vitest v1.0.0-beta.0、instant.dev(Rails-inspired ORM/Migrations)

    JSer.info #663 - Node.js 20.8.0がリリースされました。 Node v20.8.0 (Current) | Node.js streamに関するフラグをビットマップで管理することでメモリ消費量とパフォーマンスが改善されています。 stream: use bitmap in readable state by benjamingr · Pull Request #49745 · nodejs/node vmにimportModuleDynamicallyオプションを追加、主にJestなどで起きていたvmのメモリリークの問題を修正なども含まれています。 Node.jsのアップデートが起因でJestのメモリリークが起きる問題としては、次のIssueがあります。 こちらのIssueは、Node.js 20.8.0ではまだ修正されていません。 [Bug]: Memory

    2023-10-03のJS: Node v20.8.0、Vitest v1.0.0-beta.0、instant.dev(Rails-inspired ORM/Migrations)
    efcl
    efcl 2023/10/03
    書きましたー 📦 Node.js 20.8.0: streamのパフォーマンス改善 🧪 Vitest 1.0.0 beta.0: 並列実行の安定化 💎 instant.dev: Rails-inspiredなORM/マイグレーション