|
| 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'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'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=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