|
| 1 | +--- |
| 2 | +title: "2025-11-25のJS: webpack v5.103.0、Prisma 7、Angular 21" |
| 3 | +author: "azu" |
| 4 | +layout: post |
| 5 | +date: 2025-11-25T12:20:17.712Z |
| 6 | +category: JSer |
| 7 | +tags: |
| 8 | +- React |
| 9 | +- TypeScript |
| 10 | +- webpack |
| 11 | +- MicroFrontend |
| 12 | +- css |
| 13 | + |
| 14 | +--- |
| 15 | + |
| 16 | +JSer.info #756 - webpack v5.103.0がリリースされました。 |
| 17 | + |
| 18 | +- [Release v5.103.0 · webpack/webpack](https://github.com/webpack/webpack/releases/tag/v5.103.0) |
| 19 | + |
| 20 | +プラグインとしてDotenvPluginとWebpackManifestPluginが追加されました。また、`import.meta.env`、`import.meta.dirname`、`import.meta.filename`のサポートが含まれています。 |
| 21 | +そのほかには、`import.defer()`のサポート、CSS向けの`exportType`オプションの追加、CSS Modulesの`composes`プロパティのサポートなどが含まれています。 |
| 22 | + |
| 23 | +--- |
| 24 | + |
| 25 | +Prisma 7.0.0がリリースされました。 |
| 26 | + |
| 27 | +- [Release 7.0.0 · prisma/prisma](https://github.com/prisma/prisma/releases/tag/7.0.0) |
| 28 | +- [Prisma 7 Release: Rust-Free, Faster, and More Compatible](https://www.prisma.io/blog/announcing-prisma-orm-7-0-0?via=prisma7) |
| 29 | + |
| 30 | +このバージョンでは、Rust-freeのPrismaクライアントがデフォルトに変更されました。`prisma generate`のコード生成先の変更やpostinstall hookの削除が行われています。また、生成する型を改善することで、型チェックの速度が向上しています。 |
| 31 | + |
| 32 | +--- |
| 33 | + |
| 34 | +Angular v21がリリースされました。 |
| 35 | + |
| 36 | +- [Announcing Angular v21. Authors: Jens Kuehlers, Mark "Techson"… | by Angular | Nov, 2025 | Angular Blog](https://blog.angular.dev/announcing-angular-v21-57946c34f14b) |
| 37 | + |
| 38 | +新しい機能として、実験的なSignal Formsが追加されました。また、アクセシビリティを重視したヘッドレスコンポーネントライブラリAngular AriaがDeveloper Previewになっています。VitestがデフォルトのテストランナーとしてStableになり、新しいアプリケーションではzone.jsがデフォルトで含まれなくなりました。その他、Angular MCPサーバーがStableになり、テンプレートでの正規表現サポートなどが含まれています。 |
| 39 | + |
| 40 | + |
| 41 | +---- |
| 42 | + |
| 43 | +{% include inline-support.html %} |
| 44 | + |
| 45 | +---- |
| 46 | + |
| 47 | +<h1 class="site-genre">ヘッドライン</h1> |
| 48 | + |
| 49 | +---- |
| 50 | + |
| 51 | +## Release v5.103.0 · webpack/webpack |
| 52 | +[github.com/webpack/webpack/releases/tag/v5.103.0](https://github.com/webpack/webpack/releases/tag/v5.103.0 "Release v5.103.0 · webpack/webpack") |
| 53 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">webpack</span> <span class="jser-tag">ReleaseNote</span></p> |
| 54 | + |
| 55 | +webpack v5.103.0リリース。 |
| 56 | +DotenvPlugin/WebpackManifestPluginの追加、`import.meta.env`/`import.meta.dirname`/`import.meta.filename`サポート。 |
| 57 | +`import.defer()`サポート/CSS向けの`exportType`オプション追加/CSS Modulesの`composes`プロパティサポートなど |
| 58 | + |
| 59 | + |
| 60 | +---- |
| 61 | + |
| 62 | +## Release v11.0.0 · immerjs/immer |
| 63 | +[github.com/immerjs/immer/releases/tag/v11.0.0](https://github.com/immerjs/immer/releases/tag/v11.0.0 "Release v11.0.0 · immerjs/immer") |
| 64 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p> |
| 65 | + |
| 66 | +Immer v11.0.0リリース。 |
| 67 | +内部実装を書き直してパフォーマンス改善 |
| 68 | + |
| 69 | +---- |
| 70 | + |
| 71 | +## Bun v1.3.3 | Bun Blog |
| 72 | +[bun.com/blog/bun-v1.3.3](https://bun.com/blog/bun-v1.3.3 "Bun v1.3.3 | Bun Blog") |
| 73 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p> |
| 74 | + |
| 75 | +Bun v1.3.3リリース。 |
| 76 | +`CompressionStream`/`DecompressionStream`のサポート、standalone executableの`.env`と`bunfig.toml`読み込み制御するオプションの追加。 |
| 77 | +`bun test`の`retry`/`repeats`オプション追加、`--no-env-file`フラグ追加、SQLite 3.51.0へ更新など |
| 78 | + |
| 79 | + |
| 80 | +---- |
| 81 | + |
| 82 | +## Release 7.0.0 · prisma/prisma |
| 83 | +[github.com/prisma/prisma/releases/tag/7.0.0](https://github.com/prisma/prisma/releases/tag/7.0.0 "Release 7.0.0 · prisma/prisma") |
| 84 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">prisma</span> <span class="jser-tag">ReleaseNote</span></p> |
| 85 | + |
| 86 | +Prisma 7.0.0リリース。 |
| 87 | +Rust-freeのPrismaクライアントがデフォルトへと変更、`prisma generate`のコード生成先の変更やpostinstall hookの削除。 |
| 88 | +生成する型を改善して型チェックの速度の改善など |
| 89 | + |
| 90 | +- [Prisma 7 Release: Rust-Free, Faster, and More Compatible](https://www.prisma.io/blog/announcing-prisma-orm-7-0-0?via=prisma7 "Prisma 7 Release: Rust-Free, Faster, and More Compatible") |
| 91 | + |
| 92 | +---- |
| 93 | + |
| 94 | +## Release pnpm 11 Alpha 0 · pnpm/pnpm |
| 95 | +[github.com/pnpm/pnpm/releases/tag/v11.0.0-alpha.0](https://github.com/pnpm/pnpm/releases/tag/v11.0.0-alpha.0 "Release pnpm 11 Alpha 0 · pnpm/pnpm") |
| 96 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p> |
| 97 | + |
| 98 | +pnpm v11.0.0-alpha.0リリース。 |
| 99 | +Pure ESMに変更、設定の読み取りの変更、Node.js 18のサポート終了、キャッシュをv8.serializeしたバイナリファイルを使うように変更 |
| 100 | + |
| 101 | + |
| 102 | +---- |
| 103 | + |
| 104 | +## Announcing Angular v21. Authors: Jens Kuehlers, Mark “Techson”… | by Angular | Nov, 2025 | Angular Blog |
| 105 | +[blog.angular.dev/announcing-angular-v21-57946c34f14b](https://blog.angular.dev/announcing-angular-v21-57946c34f14b "Announcing Angular v21. Authors: Jens Kuehlers, Mark “Techson”… | by Angular | Nov, 2025 | Angular Blog") |
| 106 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">Angular</span> <span class="jser-tag">ReleaseNote</span></p> |
| 107 | + |
| 108 | +Angular v21リリース。 |
| 109 | +実験的なSignal Formsの追加、アクセシビリティを重視したヘッドレスコンポーネントライブラリAngular AriaがDeveloper Previewに。 |
| 110 | +VitestがデフォルトのテストランナーとしてStableに、新しいアプリケーションではzone.jsがデフォルトで含まれなくなった。 |
| 111 | +Angular MCPサーバーがStableに、テンプレートでの正規表現サポートなど |
| 112 | + |
| 113 | + |
| 114 | +---- |
| 115 | + |
| 116 | +## Release v1.57.0 · microsoft/playwright |
| 117 | +[github.com/microsoft/playwright/releases/tag/v1.57.0](https://github.com/microsoft/playwright/releases/tag/v1.57.0 "Release v1.57.0 · microsoft/playwright") |
| 118 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">playwright</span> <span class="jser-tag">ReleaseNote</span></p> |
| 119 | + |
| 120 | +playwright v1.57.0リリース。 |
| 121 | +HTMLレポータにテストの遅い順で表示するSpeedboardを追加、ChromiumでなくChrome for Testingを利用するように、`webServer`に`wait`オプションを追加。Page#accessibility APIを削除など |
| 122 | + |
| 123 | + |
| 124 | +---- |
| 125 | +<h1 class="site-genre">アーティクル</h1> |
| 126 | + |
| 127 | +---- |
| 128 | + |
| 129 | +## Web Fragments - A radically new way to do micro-frontends. |
| 130 | +[web-fragments.dev/](https://web-fragments.dev/ "Web Fragments - A radically new way to do micro-frontends.") |
| 131 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">MicroFrontend</span> <span class="jser-tag">library</span></p> |
| 132 | + |
| 133 | +JavaScriptのコンテキストをiframeで分離し、CSSのスタイルのコンテキストをShadow DOMで分離するMicrofrontendフレームワーク。 |
| 134 | +Cloudflareで利用されている |
| 135 | + |
| 136 | + |
| 137 | +---- |
| 138 | + |
| 139 | +## Introducing Phased Package Installations |
| 140 | +[blog.vlt.sh/blog/vlt-build](https://blog.vlt.sh/blog/vlt-build "Introducing Phased Package Installations") |
| 141 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">vlt</span> <span class="jser-tag">article</span></p> |
| 142 | + |
| 143 | +vltでは`vlt install`と`vlt build`にコマンドを分けることで、インストール時にスクリプトを実行をデフォルトで行わないようになっている話 |
| 144 | + |
| 145 | + |
| 146 | +---- |
| 147 | + |
| 148 | +## Moving Mountains: How We Migrated from Enzyme to React Testing Library |
| 149 | +[product.hubspot.com/blog/migrated-from-enzyme-to-react-testing-library](https://product.hubspot.com/blog/migrated-from-enzyme-to-react-testing-library "Moving Mountains: How We Migrated from Enzyme to React Testing Library") |
| 150 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">React</span> <span class="jser-tag">refactoring</span> <span class="jser-tag">article</span></p> |
| 151 | + |
| 152 | +EnzymeからTesting Libraryへの移行について |
| 153 | + |
| 154 | + |
| 155 | +---- |
| 156 | +<h1 class="site-genre">サイト、サービス、ドキュメント</h1> |
| 157 | + |
| 158 | +---- |
| 159 | + |
| 160 | +## Fumadocs |
| 161 | +[fumadocs.dev/](https://fumadocs.dev/ "Fumadocs") |
| 162 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">document</span> <span class="jser-tag">library</span></p> |
| 163 | + |
| 164 | +Reactを使ったドキュメントフレームワーク |
| 165 | + |
| 166 | + |
| 167 | +---- |
| 168 | +<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1> |
| 169 | + |
| 170 | +---- |
| 171 | + |
| 172 | +## arktype/ark/attest at main · arktypeio/arktype |
| 173 | +[github.com/arktypeio/arktype/tree/main/ark/attest](https://github.com/arktypeio/arktype/tree/main/ark/attest "arktype/ark/attest at main · arktypeio/arktype") |
| 174 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">testing</span> <span class="jser-tag">benchmark</span> <span class="jser-tag">library</span></p> |
| 175 | + |
| 176 | +ArkTypeが利用しているTypeScriptのテスト、ベンチマークフレームワーク。 |
| 177 | +TypeScriptの型パフォーマンスのメトリクスを表示できる |
| 178 | + |
| 179 | +---- |
| 180 | + |
| 181 | +## Type-safe Composable CSS - styleframe |
| 182 | +[www.styleframe.dev/](https://www.styleframe.dev/ "Type-safe Composable CSS - styleframe") |
| 183 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">css</span> <span class="jser-tag">library</span></p> |
| 184 | + |
| 185 | +TypeScriptで型安全に書くCSSフレームワーク。 |
| 186 | +CSS VariableやThemeなどをComposablesとして合成できるAPIを持っている |
| 187 | + |
| 188 | + |
| 189 | +---- |
| 190 | + |
| 191 | +## tmikov/imgui-react-runtime: React + Dear ImGui + Static Hermes |
| 192 | +[github.com/tmikov/imgui-react-runtime](https://github.com/tmikov/imgui-react-runtime "tmikov/imgui-react-runtime: React + Dear ImGui + Static Hermes") |
| 193 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">Native</span> <span class="jser-tag">Tools</span></p> |
| 194 | + |
| 195 | +HermesとDear ImGuiとReactを使ったGUIフレームワーク。 |
| 196 | +数MB程度の単体で実行できるネイティブバイナリとへコンパイルができる |
| 197 | + |
| 198 | +- [ocornut/imgui: Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies](https://github.com/ocornut/imgui "ocornut/imgui: Dear ImGui: Bloat-free Graphical User interface for C++ with minimal dependencies") |
| 199 | + |
| 200 | +---- |
| 201 | + |
| 202 | +## 3ru/eslint-plugin-baseline-js: ✅ ESLint plugin to enforce the JavaScript Baseline. |
| 203 | +[github.com/3ru/eslint-plugin-baseline-js](https://github.com/3ru/eslint-plugin-baseline-js "3ru/eslint-plugin-baseline-js: ✅ ESLint plugin to enforce the JavaScript Baseline.") |
| 204 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">plugin</span> <span class="jser-tag">library</span></p> |
| 205 | + |
| 206 | +BaselineをチェックするESLintプラグイン |
| 207 | + |
| 208 | + |
| 209 | +---- |
0 commit comments