-
-
Notifications
You must be signed in to change notification settings - Fork 70
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
2024-02-12のJS: jQuery 4.0.0、Storybook 8 Beta、Vite 5.1(Runtime API) (#…
…1165) * Update 680 draft * Update 680 draft * Update 680 draft * Update 680 draft * Update 680 draft * Update 680 draft * Update 680 draft * Update 680 draft * Update 680 draft * Update 680 draft * Update 680 draft * Update 680 draft * Update _i18n/ja/_posts/2024/2024-02-12-jquery-4.0.0-storybook-8-beta-vite-5.1runtime-api.md * Delete _i18n/ja/_posts/2024/2024-02-12-680draft.md * Update _i18n/ja/_posts/2024/2024-02-12-jquery-4.0.0-storybook-8-beta-vite-5.1runtime-api.md * Update _i18n/ja/_posts/2024/2024-02-12-jquery-4.0.0-storybook-8-beta-vite-5.1runtime-api.md --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
- Loading branch information
1 parent
9461796
commit 39b0806
Showing
1 changed file
with
187 additions
and
0 deletions.
There are no files selected for viewing
187 changes: 187 additions & 0 deletions
187
.../ja/_posts/2024/2024-02-12-jquery-4.0.0-storybook-8-beta-vite-5.1runtime-api.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,187 @@ | ||
--- | ||
title: "2024-02-12のJS: jQuery 4.0.0、Storybook 8 Beta、Vite 5.1(Runtime API)" | ||
author: "azu" | ||
layout: post | ||
date: 2024-02-12T03:12:33.431Z | ||
category: JSer | ||
tags: | ||
- vite | ||
- Tools | ||
- jQuery | ||
- Rust | ||
- Design | ||
|
||
--- | ||
|
||
JSer.info #680 - jQuery 4.0.0 Betaがリリースされました。 | ||
|
||
- [jQuery 4.0.0 BETA! | Official jQuery Blog](https://blog.jquery.com/2024/02/06/jquery-4-0-0-beta/) | ||
|
||
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](https://storybook.js.org/blog/storybook-8-beta/) | ||
|
||
デフォルトのコンパイラをBabelからSWCに変更、モバイルUIの改善といった変更が含まれています。 | ||
また、今まで`@storybook/jest`と`@storybook/testing-library`の2つのテストパッケージがありましたが、それを`@storybook/test`に統合しています。 | ||
|
||
- [@storybook-test: more streamlined and powerful testing](https://storybook.js.org/blog/storybook-test/?ref=storybookblog.ghost.io) | ||
|
||
その他には、Node.js 16のサポートを終了、Yarn v1のサポートを終了なども行われています。 | ||
|
||
--- | ||
|
||
Vite 5.1がリリースされました。 | ||
|
||
- [Vite 5.1 is out! | Vite](https://vitejs.dev/blog/announcing-vite5-1.html) | ||
|
||
実験的なAPIとしてVite以外のサーバとViteを組み合わせて利用するための[Vite Runtime API](https://vitejs.dev/guide/api-vite-runtime)が追加されています。 | ||
その他には、`.css?url`のサポート改善、循環インポートでのHMRの改善、パフォーマンスの改善などが含まれています。 | ||
|
||
---- | ||
|
||
{% include inline-support.html %} | ||
|
||
---- | ||
|
||
<h1 class="site-genre">ヘッドライン</h1> | ||
|
||
---- | ||
|
||
## jQuery 4.0.0 BETA! | Official jQuery Blog | ||
[blog.jquery.com/2024/02/06/jquery-4-0-0-beta/](https://blog.jquery.com/2024/02/06/jquery-4-0-0-beta/ "jQuery 4.0.0 BETA! | Official jQuery Blog") | ||
<p class="jser-tags jser-tag-icon"><span class="jser-tag">jQuery</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
||
jQuery 4.0.0 Betaリリース。 | ||
IE 10以下のサポートを終了、非推奨のAPIを削除、jQuery prototypeオブジェクトからArrayメソッドを削除、focusとblurのイベント順を上書きしないように変更。 | ||
`FormData`のサポート、自動的にJSONPへfallbackする挙動を削除、コードベースをAMDからESMへの移行、Trusted Typesのサポートなど。 | ||
IE 11のサポートは、jQuery 5で削除される予定。 | ||
|
||
|
||
---- | ||
|
||
## Announcing Rsbuild v0.4 - Rsbuild | ||
[deploy-preview-1520--rsbuild.netlify.app/community/releases/v0-4](https://deploy-preview-1520--rsbuild.netlify.app/community/releases/v0-4 "Announcing Rsbuild v0.4 - Rsbuild") | ||
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Rust</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
||
Rsbuild v0.4リリース。 | ||
Module Federationをファーストクラスサポート、プラグインのHookの順番を制御する`order`オプションを追加、IEの問題に関するpostcss-flexbugs-fixesを削除など | ||
|
||
|
||
---- | ||
|
||
## Storybook 8 Beta | ||
[storybook.js.org/blog/storybook-8-beta/](https://storybook.js.org/blog/storybook-8-beta/ "Storybook 8 Beta") | ||
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Design</span> <span class="jser-tag">debug</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
||
Storybook 8 Betaリリース。 | ||
デフォルトのコンパイラをBabelからSWCに変更、モバイルUIの改善、テストパッケージを`@storybook/test`に統合、Node.js 16のサポートを終了、Yarn v1のサポートを終了など | ||
|
||
|
||
---- | ||
|
||
## Vite 5.1 is out! | Vite | ||
[vitejs.dev/blog/announcing-vite5-1.html](https://vitejs.dev/blog/announcing-vite5-1.html "Vite 5.1 is out! | Vite") | ||
<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
||
Vite 5.1リリース。 | ||
実験的なAPIとしてVite Runtime APIの追加、`.css?url`のサポート改善、循環インポートでのHMRの改善、パフォーマンスの改善など | ||
|
||
|
||
---- | ||
|
||
## CheerpJ 3.0 now generally available: Run any Java Application on Modern Browsers CheerpJ 3.0 now available: run any Java on modern browsers | ||
[cheerpj.com/cheerpj-3-now-generally-available/](https://cheerpj.com/cheerpj-3-now-generally-available/ "CheerpJ 3.0 now generally available: Run any Java Application on Modern Browsers CheerpJ 3.0 now available: run any Java on modern browsers") | ||
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Java</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
||
ブラウザ上でJavaアプリケーションを動かすCheerpJ 3.0リリース。 | ||
今まではAOT Java Compilerだったが、3.0ではWebAssemblyベースのJVM代替実装となってる。 | ||
|
||
|
||
---- | ||
|
||
## Release v4.0.0 · honojs/hono | ||
[github.com/honojs/hono/releases/tag/v4.0.0](https://github.com/honojs/hono/releases/tag/v4.0.0 "Release v4.0.0 · honojs/hono") | ||
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">server</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
||
Hono v4.0.0リリース。 | ||
Static Site Generation(SSG)のサポート、クライアントサイドで動く`hono/jsx/dom`の追加など。 | ||
併せてファイルベースのルーティングなどを持つフレームワークであるhonoxを公開している。 | ||
|
||
- [honojs/honox: HonoX](https://github.com/honojs/honox "honojs/honox: HonoX") | ||
|
||
---- | ||
<h1 class="site-genre">アーティクル</h1> | ||
|
||
---- | ||
|
||
## Hot Module Replacement is Easy - Bjorn Lu | ||
[bjornlu.com/blog/hot-module-replacement-is-easy](https://bjornlu.com/blog/hot-module-replacement-is-easy "Hot Module Replacement is Easy - Bjorn Lu") | ||
<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">article</span></p> | ||
|
||
ViteのHot Module Replacement(HMR)の実装について。 | ||
HMR APIの解説、HMRのライフサイクル、HMR propagation、HMRのクライアント実装についてなど | ||
|
||
|
||
---- | ||
|
||
## From many to one: Moving our JavaScript code into a monorepo | Aha! software | ||
[www.aha.io/engineering/articles/monorepo](https://www.aha.io/engineering/articles/monorepo "From many to one: Moving our JavaScript code into a monorepo | Aha! software") | ||
<p class="jser-tags jser-tag-icon"><span class="jser-tag">monorepo</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p> | ||
|
||
Gitの履歴を保ちながら、JavaScriptのmonorepo作る話。 | ||
Nx + pnpm、pnpm workspaces、Turborepo + pnpmの比較、Turborepoを選択した理由などについて | ||
|
||
|
||
---- | ||
|
||
## Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm - Socket | ||
[socket.dev/blog/node-community-debates-enabling-corepack-unbundling-npm](https://socket.dev/blog/node-community-debates-enabling-corepack-unbundling-npm "Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm - Socket") | ||
<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">npm</span> <span class="jser-tag">discussion</span> <span class="jser-tag">article</span></p> | ||
|
||
Node.jsのcorepackをデフォルト有効化した場合に、`npm`をNode.jsにバンドルするかどうかの議論について。 | ||
|
||
|
||
---- | ||
<h1 class="site-genre">スライド、動画関係</h1> | ||
|
||
---- | ||
|
||
## FOSDEM 2024 - Fast JavaScript with Data-Oriented Design | ||
[fosdem.org/2024/schedule/event/fosdem-2024-2773-fast-javascript-with-data-oriented-design/](https://fosdem.org/2024/schedule/event/fosdem-2024-2773-fast-javascript-with-data-oriented-design/ "FOSDEM 2024 - Fast JavaScript with Data-Oriented Design") | ||
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">performance</span> <span class="jser-tag">video</span> <span class="jser-tag">slide</span></p> | ||
|
||
Firefox Profilerのパフォーマンスを改善する話。 | ||
データを大量に扱う必要があるアプリケーションで、どんなデータが来ても高速に処理できるようするかについて。 | ||
データがどのようにメモリに確保されるかのメモリレイアウトを意識したデータ指向設計での改善方法について | ||
|
||
|
||
---- | ||
<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1> | ||
|
||
---- | ||
|
||
## awslabs/llrt: LLRT (Low Latency Runtime) is an experimental, lightweight JavaScript runtime designed to address the growing demand for fast and efficient Serverless applications. | ||
[github.com/awslabs/llrt](https://github.com/awslabs/llrt "awslabs/llrt: LLRT (Low Latency Runtime) is an experimental, lightweight JavaScript runtime designed to address the growing demand for fast and efficient Serverless applications.") | ||
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">aws</span> <span class="jser-tag">library</span></p> | ||
|
||
AWS Lambdaで利用できるQuickJSベースのJavaScript Runtime。 | ||
サイズと起動速度を目的にしていて、Node.jsのコアモジュールを部分的に実装している。 | ||
|
||
|
||
---- | ||
|
||
## StellateHQ/fuse: Fuse: The fastest way to build and query great APIs with TypeScript | ||
[github.com/StellateHQ/fuse](https://github.com/StellateHQ/fuse "StellateHQ/fuse: Fuse: The fastest way to build and query great APIs with TypeScript") | ||
<p class="jser-tags jser-tag-icon"><span class="jser-tag">GraphQL</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">library</span></p> | ||
|
||
TypeScriptのコードベースでGraphQL APIの作成とクライアントを生成できるツールキット。 | ||
|
||
|
||
---- |