Skip to content

Commit 1e7ccaa

Browse files
2024-03-05のJS: Parcel v2.12.0、polyfill.ioの代用、express 4.18.3 (#1171)
* Update 683 draft * Update 683 draft * Update 683 draft * Update 683 draft * Update 683 draft * Update 683 draft * Update 683 draft * Update 683 draft * Update 683 draft * Update 683 draft * Update 683 draft * Update 683 draft * Update 683 draft * Update 683 draft * Update _i18n/ja/_posts/2024/2024-03-05-parcel-v2.12.0-polyfill.io-express-4.18.3.md * Delete _i18n/ja/_posts/2024/2024-03-05-683draft.md * Update _i18n/ja/_posts/2024/2024-03-05-parcel-v2.12.0-polyfill.io-express-4.18.3.md --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
1 parent aa89b63 commit 1e7ccaa

File tree

1 file changed

+209
-0
lines changed

1 file changed

+209
-0
lines changed
Lines changed: 209 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,209 @@
1+
---
2+
title: "2024-03-05のJS: Parcel v2.12.0、`polyfill.io`の代用、express 4.18.3"
3+
author: "azu"
4+
layout: post
5+
date: 2024-03-05T03:01:03.666Z
6+
category: JSer
7+
tags:
8+
- Tools
9+
- webservice
10+
- nodejs
11+
- babel
12+
- bundler
13+
14+
---
15+
16+
JSer.info #683 - Parcel v2.12.0がリリースされました。
17+
18+
- [Parcel v2.12.0](https://parceljs.org/blog/v2-12-0/)
19+
20+
Bunと同様の仕組みとして、Import Attributesを使ったmacroに対応しています。
21+
22+
- [JavaScript Macros in Bun | Bun Blog](https://bun.sh/blog/bun-macros)
23+
24+
ブラウザ上で動作する[REPL](https://repl.parceljs.org/)を公開、bundleにもLightning CSSを使うように変更されています。
25+
その他にはメモリ使用量を52%改善、書き込みのパフォーマンスの改善なども行われています。
26+
27+
---
28+
29+
[先週の記事](https://jser.info/2024/02/27/firefox-123-remix-2.7.0remix-vite-is-stable-2023node.js/)`polyfill.io` がFunnull CDN(方能CDN)を運営するFunnull(南京妙彩文化传播有限公司)に買収されたことをお伝えしました。
30+
その後、FastlyやCloudflare(cdnjs)が `polyfill.io` の代用サービスとして、<https://polyfill-fastly.net><https://cdnjs.cloudflare.com/polyfill/>が公開されています。
31+
32+
- [New options for Polyfill.io users - General - Fastly Community](https://community.fastly.com/t/new-options-for-polyfill-io-users/2540)
33+
- [polyfill.io now available on cdnjs: reduce your supply chain risk](https://blog.cloudflare.com/polyfill-io-now-available-on-cdnjs-reduce-your-supply-chain-risk)
34+
35+
---
36+
37+
express v4.18.3がリリースされました。
38+
39+
- [Release 4.18.3 · expressjs/express](https://github.com/expressjs/express/releases/tag/4.18.3)
40+
- [Release 4.18.3 by UlisesGascon · Pull Request #5505 · expressjs/express](https://github.com/expressjs/express/pull/5505)
41+
42+
このリリースでは、大きな修正は含まれていませんが、expressの今後の開発についての話し合いが[Express.js Technical Committee](https://github.com/expressjs/discussions)で活発に行われています。expressはメジャーリリース(express 5)が止まっていましたが、Express Forwardというプロジェクトで今後のexpressのロードマップ、開発体制などの組織、継続的なリリースのための仕組みなどについての議論が行われています。
43+
44+
今回のexpress v4.18.3は、この新しい体制に向けた準備の一環としてリリースされています。
45+
46+
具体的なDiscussionsは次を参照してください。
47+
48+
- [Express Forward Initiative · Issue #167 · expressjs/discussions](https://github.com/expressjs/discussions/issues/167)
49+
- [Express Forward · Issue #160 · expressjs/discussions](https://github.com/expressjs/discussions/issues/160)
50+
51+
52+
----
53+
54+
{% include inline-support.html %}
55+
56+
----
57+
58+
<h1 class="site-genre">ヘッドライン</h1>
59+
60+
----
61+
62+
## 7.24.0 Released: Decorator updates and JSON modules imports · Babel
63+
[babeljs.io/blog/2024/02/28/7.24.0](https://babeljs.io/blog/2024/02/28/7.24.0 "7.24.0 Released: Decorator updates and JSON modules imports · Babel")
64+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">babel</span> <span class="jser-tag">ReleaseNote</span></p>
65+
66+
Babel v7.24.0リリース。
67+
Decoratorの新しい仕様に対応、JSON Modulesのimportに対応する`"@babel/plugin-proposal-json-modules"`を追加。
68+
HermesベースのFlowパーサを利用する`experimental_useHermesParser`オプションの追加など
69+
70+
71+
----
72+
73+
## Parcel v2.12.0
74+
[parceljs.org/blog/v2-12-0/](https://parceljs.org/blog/v2-12-0/ "Parcel v2.12.0")
75+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">bundler</span> <span class="jser-tag">ReleaseNote</span></p>
76+
77+
Parcel v2.12.0リリース。
78+
Import Attributesを使ったmacroに対応、ブラウザ上で動作するREPLを公開、bundleにもLightning CSSを使うように変更。
79+
メモリ使用量を52%改善、書き込みのパフォーマンスの改善など
80+
81+
82+
----
83+
84+
## New options for Polyfill.io users - General - Fastly Community
85+
[community.fastly.com/t/new-options-for-polyfill-io-users/2540](https://community.fastly.com/t/new-options-for-polyfill-io-users/2540 "New options for Polyfill.io users - General - Fastly Community")
86+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">webservice</span> <span class="jser-tag">polyfill</span> <span class="jser-tag">news</span> <span class="jser-tag">JavaScript</span></p>
87+
88+
Fastlyが`polyfill.io`の代替となる`polyfill-fastly.net``polyfill-fastly.io`を公開した。
89+
`polyfill.io`はFunnull CDNに買収され運営者が変わったため代替手段として提供する目的
90+
91+
- [FUNNULL CDN - Partners](https://funnull.com/Partner/ "FUNNULL CDN - Partners")
92+
93+
----
94+
95+
## polyfill.io now available on cdnjs: reduce your supply chain risk | The Cloudflare Blog
96+
[blog.cloudflare.com/polyfill-io-now-available-on-cdnjs-reduce-your-supply-chain-risk](https://blog.cloudflare.com/polyfill-io-now-available-on-cdnjs-reduce-your-supply-chain-risk "polyfill.io now available on cdnjs: reduce your supply chain risk | The Cloudflare Blog")
97+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">cloudflare</span> <span class="jser-tag">cdn</span> <span class="jser-tag">news</span></p>
98+
99+
Cloudflareが polyfill.io の代替CDNをcdnjs上に公開した
100+
101+
- [cdnjs.cloudflare.com/polyfill](https://cdnjs.cloudflare.com/polyfill/ "cdnjs.cloudflare.com/polyfill")
102+
103+
----
104+
105+
## Release 4.18.3 · expressjs/express
106+
[github.com/expressjs/express/releases/tag/4.18.3](https://github.com/expressjs/express/releases/tag/4.18.3 "Release 4.18.3 · expressjs/express")
107+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">express</span> <span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
108+
109+
express 4.18.3リリース。
110+
Expressの新しいTechnical Committeeでの初めてのリリース。
111+
expressの開発を再開するための話し合いをExpress Forward Initiativeで行っていて、このプロセスを進める目的のリリースとなっている。
112+
113+
- [Release 4.18.3 by UlisesGascon · Pull Request #5505 · expressjs/express](https://github.com/expressjs/express/pull/5505 "Release 4.18.3 by UlisesGascon · Pull Request #5505 · expressjs/express")
114+
- [Express Forward · Issue #160 · expressjs/discussions](https://github.com/expressjs/discussions/issues/160 "Express Forward · Issue #160 · expressjs/discussions")
115+
- [Express Forward Initiative · Issue #167 · expressjs/discussions](https://github.com/expressjs/discussions/issues/167 "Express Forward Initiative · Issue #167 · expressjs/discussions")
116+
117+
----
118+
119+
## Bun v1.0.30 | Bun Blog
120+
[bun.sh/blog/bun-v1.0.30](https://bun.sh/blog/bun-v1.0.30 "Bun v1.0.30 | Bun Blog")
121+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
122+
123+
Bun v1.0.30リリース。
124+
`exports`フィールドのパッケージ解決の条件を指定する`--conditions`フラグの追加、`expect.assertions()`/`expect.hasAssertions()`のサポートなど
125+
126+
- [Command-line API | Node.js v21.6.2 Documentation](https://nodejs.org/api/cli.html#-c-condition---conditionscondition "Command-line API | Node.js v21.6.2 Documentation")
127+
128+
----
129+
130+
## ESLint v8.57.0 released - ESLint - Pluggable JavaScript Linter
131+
[eslint.org/blog/2024/02/eslint-v8.57.0-released/](https://eslint.org/blog/2024/02/eslint-v8.57.0-released/ "ESLint v8.57.0 released - ESLint - Pluggable JavaScript Linter")
132+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">reel</span></p>
133+
134+
ESLint v8.57.0リリース。
135+
`eslint.config.mjs``eslint.config.cjs`のサポート、`loadESLint()`という`FlatESLint``LegacyESLint`の相互運用性のためのAPIを追加など
136+
137+
138+
----
139+
<h1 class="site-genre">アーティクル</h1>
140+
141+
----
142+
143+
## Million Lint is in public beta | Million.js
144+
[million.dev/blog/lint](https://million.dev/blog/lint "Million Lint is in public beta | Million.js")
145+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">performance</span> <span class="jser-tag">Tools</span> <span class="jser-tag">VSCode</span> <span class="jser-tag">article</span></p>
146+
147+
React向けのレンダリングパフォーマンスの分析ツール。
148+
プロファイルを仕込みレンダリング回数や実行時間などを回収し、VSCode拡張を使いコード上に問題を表示する。
149+
問題の改善方法については有料のLint++というサービスを利用する
150+
151+
152+
----
153+
154+
## Next.js vs. Remix - A Developer&#039;s Dilemma | Saeloun Blog
155+
[blog.saeloun.com/2024/02/21/next.js-vs-remix/](https://blog.saeloun.com/2024/02/21/next.js-vs-remix/ "Next.js vs. Remix - A Developer&#039;s Dilemma | Saeloun Blog")
156+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Next.js</span> <span class="jser-tag">Remix</span> <span class="jser-tag">article</span></p>
157+
158+
Next.jsとRemixの比較。
159+
ルーティング、データ取得、mutate、エラー処理、コミュニティ、学習曲線、価格などについて
160+
161+
162+
----
163+
<h1 class="site-genre">サイト、サービス、ドキュメント</h1>
164+
165+
----
166+
167+
## MDN Curriculum
168+
[developer.mozilla.org/en-US/curriculum/](https://developer.mozilla.org/en-US/curriculum/ "MDN Curriculum")
169+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTML</span> <span class="jser-tag">CSS</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">tutorial</span> <span class="jser-tag">accessibility</span></p>
170+
171+
MDNのフロントエンドカリキュラム。
172+
ソフトスキル的なものから、HTML/CSS/JavaScriptや開発で必要な一般的な知識などのリソースをまとめたもの
173+
174+
175+
----
176+
177+
## wxt-dev/wxt: ⚡ Next-gen Web Extension Framework
178+
[github.com/wxt-dev/wxt?tab&#x3D;readme-ov-file](https://github.com/wxt-dev/wxt?tab=readme-ov-file "wxt-dev/wxt: ⚡ Next-gen Web Extension Framework")
179+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">browser</span> <span class="jser-tag">Extension</span> <span class="jser-tag">Tools</span></p>
180+
181+
Viteベースのブラウザ拡張開発フレームワーク。
182+
183+
184+
----
185+
186+
## JSR: the JavaScript Registry
187+
[jsr.io/](https://jsr.io/ "JSR: the JavaScript Registry")
188+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">deno</span> <span class="jser-tag">nodejs</span> <span class="jser-tag">webservice</span></p>
189+
190+
TypeScriptのコードのままpushできるDeno向けのパッケージレジストリサービス。
191+
npm registryとしても振る舞うことで、npmなどからも利用できるようになっている。
192+
OIDC ID tokenに対応し、GitHub Actionsからパッケージを公開できるようになっている。
193+
194+
- [Introducing JSR - the JavaScript Registry](https://deno.com/blog/jsr_open_beta "Introducing JSR - the JavaScript Registry")
195+
196+
----
197+
<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
198+
199+
----
200+
201+
## electric-sql/pglite: Lightweight Postgres packaged as WASM into a TypeScript library for the browser, Node.js, Bun and Deno
202+
[github.com/electric-sql/pglite](https://github.com/electric-sql/pglite "electric-sql/pglite: Lightweight Postgres packaged as WASM into a TypeScript library for the browser, Node.js, Bun and Deno")
203+
<p class="jser-tags jser-tag-icon"><span class="jser-tag">PostgreSQL</span> <span class="jser-tag">WebAssembly</span> <span class="jser-tag">library</span></p>
204+
205+
PostgresのWebAssemblyビルド。
206+
ブラウザ上でPostgresを動かせる。InMemory/ファイルシステム/IndexedDBにデータを保存できる。
207+
208+
209+
----

0 commit comments

Comments
 (0)