|
| 1 | +--- |
| 2 | +title: "2024-07-18のJS: #700 - Vitest 2.0.0、Node.js 22.5.0(sqlite)、Private Browsing Mode" |
| 3 | +author: "azu" |
| 4 | +layout: post |
| 5 | +date: 2024-07-18T01:03:45.614Z |
| 6 | +category: JSer |
| 7 | +tags: |
| 8 | +- nodejs |
| 9 | +- deno |
| 10 | +- Tools |
| 11 | +- Bun |
| 12 | +- test |
| 13 | + |
| 14 | +--- |
| 15 | + |
| 16 | +JSer.info #700 - Vitest 2.0.0がリリースされました |
| 17 | + |
| 18 | +- [Release v2.0.0 · vitest-dev/vitest](https://github.com/vitest-dev/vitest/releases/tag/v2.0.0) |
| 19 | + |
| 20 | +非推奨のオプションを削除、一部オプションのデフォルト値の変更などの破壊的な変更が含まれています。 |
| 21 | +マイグレーションガイドも合わせて公開されています。 |
| 22 | + |
| 23 | +- [Migration Guide | Guide | Vitest](https://vitest.dev/guide/migration.html#migrating-to-vitest-2-0) |
| 24 | + |
| 25 | +Browser Mode改善、`expect.poll`の追加、`test.for`の追加などが行われています。 |
| 26 | +Browser Modeについては、次のページに詳しい説明が公開されています。 |
| 27 | + |
| 28 | +- [Vitest Browser Mode · vitest-dev/vitest · Discussion #5828](https://github.com/vitest-dev/vitest/discussions/5828) |
| 29 | + |
| 30 | +---- |
| 31 | + |
| 32 | +Node.js v22.5.0がリリースされました |
| 33 | + |
| 34 | +- [Node.js — Node v22.5.0 (Current)](https://nodejs.org/en/blog/release/v22.5.0) |
| 35 | + |
| 36 | +コアモジュールとしてSQLiteを扱える`node:sqlite`モジュールが追加されています。 |
| 37 | + |
| 38 | +- [SQLite | Node.js v22.5.0 Documentation](https://nodejs.org/docs/latest/api/sqlite.html) |
| 39 | + |
| 40 | +また、`--experimental-require-module`で`__esModule`プロパティを考慮するように、`matchesGlob`メソッドの追加、`worker_threads`に`postMessageToThread`メソッドを追加などが行われています。 |
| 41 | + |
| 42 | +--- |
| 43 | + |
| 44 | +[Private Browsing 2.0 | WebKit](https://webkit.org/blog/15697/private-browsing-2-0/)という記事では、Safari 17以降のプライベートブラウジングの改善について紹介されています。 |
| 45 | +色々な種類のトラッキングへの対策などについて書かれています。 |
| 46 | + |
| 47 | +--- |
| 48 | + |
| 49 | +## お知らせ |
| 50 | + |
| 51 | +今回でJSer.info 700回目の記事になりました! |
| 52 | + |
| 53 | +引き続き、JSer.infoをよろしくお願いいたします。 |
| 54 | + |
| 55 | +JSer.infoを支援する方法については、次のページにまとめています。 |
| 56 | + |
| 57 | +- [Support - JSer.info](https://jser.info/support/) |
| 58 | + |
| 59 | +---- |
| 60 | + |
| 61 | +{% include inline-support.html %} |
| 62 | + |
| 63 | +---- |
| 64 | + |
| 65 | +<h1 class="site-genre">ヘッドライン</h1> |
| 66 | + |
| 67 | +---- |
| 68 | + |
| 69 | +## Deno 1.45: Workspace and Monorepo Support |
| 70 | +[deno.com/blog/v1.45](https://deno.com/blog/v1.45 "Deno 1.45: Workspace and Monorepo Support") |
| 71 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">deno</span> <span class="jser-tag">ReleaseNote</span></p> |
| 72 | + |
| 73 | +Deno v1.45リリース。 |
| 74 | +npm workspacesのサポート、Node.jsのコアパッケージとの互換性の向上、`--frozen`フラグの追加。 |
| 75 | +`DENO_FUTURE=1`で`deno install <pkg>`ローカルにインストールするように変更、mpm life-cycle scriptのサポート。 |
| 76 | +`deno init --lib`でJSRに対応したプロジェクトのセットアップをサポート、`deno vendor`を非推奨化。 |
| 77 | + |
| 78 | + |
| 79 | +---- |
| 80 | + |
| 81 | +## Firefox 128.0, See All New Features, Updates and Fixes |
| 82 | +[www.mozilla.org/en-US/firefox/128.0/releasenotes/](https://www.mozilla.org/en-US/firefox/128.0/releasenotes/ "Firefox 128.0, See All New Features, Updates and Fixes") |
| 83 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">Firefox</span> <span class="jser-tag">ReleaseNote</span></p> |
| 84 | + |
| 85 | +Firefox 128リリース。 |
| 86 | +CSSのRelative color構文をサポート、`content`でのalt textをサポート。 |
| 87 | +`ArrayBuffer.prototype.resize()`のサポート、`CSS.registerProperty()`のサポート。 |
| 88 | +実験フラグ付きでCookies Having Independent Partitioned State (CHIPS)をサポートなど |
| 89 | + |
| 90 | +- [Firefox 128 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/128 "Firefox 128 for developers - Mozilla | MDN") |
| 91 | + |
| 92 | +---- |
| 93 | + |
| 94 | +## Bun v1.1.19 | Bun Blog |
| 95 | +[bun.sh/blog/bun-v1.1.19](https://bun.sh/blog/bun-v1.1.19 "Bun v1.1.19 | Bun Blog") |
| 96 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p> |
| 97 | + |
| 98 | +Bun v1.1.19リリース。 |
| 99 | +WindowsでFTL JITが有効化、Raspberry Pi 4のサポート、`pacakge.json`のインデントを維持するように変更など |
| 100 | + |
| 101 | + |
| 102 | +---- |
| 103 | + |
| 104 | +## Release v2.0.0 · vitest-dev/vitest |
| 105 | +[github.com/vitest-dev/vitest/releases/tag/v2.0.0](https://github.com/vitest-dev/vitest/releases/tag/v2.0.0 "Release v2.0.0 · vitest-dev/vitest") |
| 106 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">test</span> <span class="jser-tag">ReleaseNote</span></p> |
| 107 | + |
| 108 | +vitest v2.0.0リリース。 |
| 109 | +非推奨のオプションを削除、一部オプションのデフォルト値の変更。 |
| 110 | +brower modeの改善、`expect.poll `の追加、`test.for`の追加など |
| 111 | + |
| 112 | +- [Migration Guide | Guide | Vitest](https://vitest.dev/guide/migration.html#migrating-to-vitest-2-0 "Migration Guide | Guide | Vitest") |
| 113 | + |
| 114 | +---- |
| 115 | + |
| 116 | +## Node.js — Node v22.5.0 (Current) |
| 117 | +[nodejs.org/en/blog/release/v22.5.0](https://nodejs.org/en/blog/release/v22.5.0 "Node.js — Node v22.5.0 (Current)") |
| 118 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p> |
| 119 | + |
| 120 | +Node.js v22.5.0リリース。 |
| 121 | +`node:sqlite`モジュールの追加、`--experimental-require-module`で`__esModule`プロパティを考慮するように、`matchesGlob`メソッドの追加。 |
| 122 | +`worker_threads`に`postMessageToThread`メソッドを追加など |
| 123 | + |
| 124 | + |
| 125 | +---- |
| 126 | + |
| 127 | +## Second Beta of jQuery 4.0.0 | Official jQuery Blog |
| 128 | +[blog.jquery.com/2024/07/17/second-beta-of-jquery-4-0-0/](https://blog.jquery.com/2024/07/17/second-beta-of-jquery-4-0-0/ "Second Beta of jQuery 4.0.0 | Official jQuery Blog") |
| 129 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">jQuery</span> <span class="jser-tag">ReleaseNote</span></p> |
| 130 | + |
| 131 | +jQuery 4.0.0 beta 2リリース。 |
| 132 | +ESM Wrapperを使ったdual packagesのサポート、`hidden`属性などのbooleanと値を扱う属性のハンドリングのために`.attr`でboolean値の特別な処理を削除など |
| 133 | + |
| 134 | + |
| 135 | +---- |
| 136 | +<h1 class="site-genre">アーティクル</h1> |
| 137 | + |
| 138 | +---- |
| 139 | + |
| 140 | +## Moving from express to fastify, pt 1 |
| 141 | +[blog.val.town/blog/fastify/](https://blog.val.town/blog/fastify/ "Moving from express to fastify, pt 1") |
| 142 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">article</span></p> |
| 143 | + |
| 144 | +expressからfastifyへの段階的な移行について。 |
| 145 | +`@fastify/express`を使うことでルーティングごとに移行していった話 |
| 146 | + |
| 147 | + |
| 148 | +---- |
| 149 | + |
| 150 | +## Private Browsing 2.0 | WebKit |
| 151 | +[webkit.org/blog/15697/private-browsing-2-0/](https://webkit.org/blog/15697/private-browsing-2-0/ "Private Browsing 2.0 | WebKit") |
| 152 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">safari</span> <span class="jser-tag">privacy</span> <span class="jser-tag">article</span></p> |
| 153 | + |
| 154 | +SafariのPrivate Browsingモードについて。 |
| 155 | +Safari 17では、Link Tracking Protection、CNAME-cloakingの対策、Fingerpritingの対策。 |
| 156 | +また、third-party IPアドレスを使ったcloakingの対策、Storageやblob URLsのparititionなども行われている。 |
| 157 | + |
| 158 | + |
| 159 | +---- |
| 160 | + |
| 161 | +## Reading and writing Node.js streams |
| 162 | +[blog.platformatic.dev/a-guide-to-reading-and-writing-nodejs-streams](https://blog.platformatic.dev/a-guide-to-reading-and-writing-nodejs-streams "Reading and writing Node.js streams") |
| 163 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">stream</span> <span class="jser-tag">article</span></p> |
| 164 | + |
| 165 | +Node.js Streamについて。 |
| 166 | +Streamの用途、Backpressure、基本的な読み込み、Async Iteratorを使った処理方法についてなど |
| 167 | + |
| 168 | + |
| 169 | +---- |
| 170 | + |
| 171 | +## Misconceptions about view transitions | Blog | Chrome for Developers |
| 172 | +[developer.chrome.com/blog/view-transitions-misconceptions?hl=en](https://developer.chrome.com/blog/view-transitions-misconceptions?hl=en "Misconceptions about view transitions | Blog | Chrome for Developers") |
| 173 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">article</span></p> |
| 174 | + |
| 175 | +View Transition APIの現状の動作について。 |
| 176 | +View Transition APIとスナップショットの動作、`blocking=render`との組み合わせについて |
| 177 | + |
| 178 | + |
| 179 | +---- |
| 180 | +<h1 class="site-genre">サイト、サービス、ドキュメント</h1> |
| 181 | + |
| 182 | +---- |
| 183 | + |
| 184 | +## Mako - Extremely fast, Production-grade web bundler |
| 185 | +[makojs.dev/](https://makojs.dev/ "Mako - Extremely fast, Production-grade web bundler") |
| 186 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">webpack</span> <span class="jser-tag">bundler</span> <span class="jser-tag">Rust</span> <span class="jser-tag">Tools</span> <span class="jser-tag">JavaScript</span></p> |
| 187 | + |
| 188 | +Rustで書かれたbundler |
| 189 | + |
| 190 | +- [Mako - Mako is Now Open Source](https://makojs.dev/blog/mako-open-sourced "Mako - Mako is Now Open Source") |
| 191 | + |
| 192 | +---- |
| 193 | + |
| 194 | +## toss/es-toolkit: A modern JavaScript utility library that's 2-3 times faster and up to 97% smaller—a major upgrade to lodash. |
| 195 | +[github.com/toss/es-toolkit?tab=readme-ov-file](https://github.com/toss/es-toolkit?tab=readme-ov-file "toss/es-toolkit: A modern JavaScript utility library that's 2-3 times faster and up to 97% smaller—a major upgrade to lodash.") |
| 196 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p> |
| 197 | + |
| 198 | +lodash的なutilityライブラリ |
| 199 | + |
| 200 | + |
| 201 | +---- |
| 202 | +<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1> |
| 203 | + |
| 204 | +---- |
| 205 | + |
| 206 | +## mjackson/fetch-super-headers: A drop-in replacement for JavaScript \`Headers\` with type-safe access |
| 207 | +[github.com/mjackson/fetch-super-headers](https://github.com/mjackson/fetch-super-headers "mjackson/fetch-super-headers: A drop-in replacement for JavaScript \`Headers\` with type-safe access") |
| 208 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">library</span></p> |
| 209 | + |
| 210 | +Type Safeな`Headers`互換のライブラリ |
| 211 | + |
| 212 | + |
| 213 | +---- |
| 214 | + |
| 215 | +## Poku - Making Testing Easy |
| 216 | +[poku.io/](https://poku.io/ "Poku - Making Testing Easy") |
| 217 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">nodejs</span> <span class="jser-tag">Bun</span> <span class="jser-tag">deno</span> <span class="jser-tag">test</span> <span class="jser-tag">library</span></p> |
| 218 | + |
| 219 | +Node.js/Bun/Denoで動作するテストフレームワーク。 |
| 220 | +外部依存を最小限にして下位互換性を意識して作られており、assertionやサーバプロセスとの連携などテストフレームワークとして必要な機能を揃えている。 |
| 221 | + |
| 222 | +---- |
| 223 | + |
| 224 | +## CSS Grid Generator |
| 225 | +[cssgridgenerator.io/](https://cssgridgenerator.io/ "CSS Grid Generator") |
| 226 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">Tools</span></p> |
| 227 | + |
| 228 | +CSS Gridジェネレータ |
| 229 | + |
| 230 | + |
| 231 | +---- |
| 232 | +<h1 class="site-genre">書籍関係</h1> |
| 233 | + |
| 234 | +---- |
| 235 | + |
| 236 | +## 動かして学ぶ!Next.js/React開発入門 | 三好アキ |本 | 通販 | Amazon |
| 237 | +[www.amazon.co.jp/dp/4798184675/](https://www.amazon.co.jp/dp/4798184675/ "動かして学ぶ!Next.js/React開発入門 | 三好アキ |本 | 通販 | Amazon") |
| 238 | +<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">Next.js</span> <span class="jser-tag">book</span></p> |
| 239 | + |
| 240 | +2024年09月19日発売 |
| 241 | +Next.jsについての書籍 |
| 242 | + |
| 243 | + |
| 244 | +---- |
0 commit comments