JSer.info #603 - Google Chromeでのサードパーティクッキー廃止に代わるAPIとしてPrivacy Sandboxという一連のAPIが提案されています。
元々は2023年半ばからサードパーティクッキー廃止を段階的に進める予定でしたが、今回このロードマップが更新されています。
Privacy Sandbox APIのリリースは2023年Q3まで延期され、サードパーティクッキーの段階的な廃止は2024年後半まで延期されています。
詳しいロードマップは次のサイトで公開されています。
静的サイトジェネレータのDocusaurus v2リリースされました。
MDXのサポート、サイドバーの自動生成、プラグインシステム刷新、テーマの再構築などの変更が行われています。
Docusaurus 1から2がリリースされるまで4年ほど経っていますが、今後のメジャーアップデートは数ヶ月単位でより頻繁にアップデートしていく方針のようです。
Electron v20.0.0リリースされました。
Chromium 104、Node v16.15.0、V8 v10.4へと依存がアップデートされています。
また、nodeIntegration: trueとsandbox: falseの組み合わせを設定しない限り、RenderersがデフォルトでSandbox化されるように変更されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v9.0.0 · vueuse/vueuse
github.com/vueuse/vueuse/releases/tag/v9.0.0
vueuse v9.0.0リリース。
isSupportedをRef<boolean>に変更、型名をUse prefixに統一。
多くのUse関数の引数に関数を渡せるように、@vueuse/mathパッケージの追加など
Node v18.7.0 (Current) | Node.js
nodejs.org/en/blog/release/v18.7.0/
Node.js 18.7.0リリース。
process.exit(code)のcodeに数値以外を渡すケースをDeprecatedに変更、CustomEventの実装、http serverにdropRequestイベントを実装など
Release v1.2.0 · video-dev/hls.js
github.com/video-dev/hls.js/releases/tag/v1.2.0
hls.js v1.2.0リリース。
IE 11のサポート終了、CMAF CCのサポート、バグ修正や安定性の向上など
Expanding testing for the Privacy Sandbox for the Web
blog.google/products/chrome/update-testing-privacy-sandbox-web/
Privacy Sandboxのロードマップの更新について。
Privacy Sandbox APIのリリースは2023年Q3まで延期され、サードパーティクッキーの段階的な廃止は2024年後半まで延期された。
losfair/blueboat: All-in-one, multi-tenant serverless JavaScript runtime.
Cloudflare WorkersのようなV8 Isolatesでマルチテナント実行できるJavaScript実行環境。
エンジンはRustで書かれていて、実行するJSスクリプトはFetch APIやRequest/Responseのようなウェブ標準互換のAPIが一部利用できる。
Announcing Docusaurus 2.0 | Docusaurus
docusaurus.io/blog/2022/08/01/announcing-docusaurus-2.0
静的サイトジェネレータのDocusaurus v2リリース。
MDXのサポート、サイドバーの自動生成、プラグインシステム刷新、テーマの再構築など
Release electron v20.0.0 · electron/electron
github.com/electron/electron/releases/tag/v20.0.0
Electron v20.0.0リリース。
nodeIntegration: trueとsandbox: falseの組み合わせを設定しない限り、RenderersがデフォルトSandbox化されるように変更など
アーティクル
新しいビューポートの単位（sv*、lv*、dv*） | フロントエンドBlog | ミツエーリンクス
www.mitsue.co.jp/knowledge/blog/frontend/202207/28_0755.html
CSSのview portのunitについての記事
Help pick a syntax for CSS nesting - Chrome Developers
developer.chrome.com/blog/help-css-nesting/
CSSのネスト構文についてのアンケート。
SCSS/Less/Stylusのようにネストをするケース、@nestを使うケース、ブラケットを使うケースについての意見を募集している
スライド、動画関係
🌕 moonでのmonorepo管理とpackemonでのCJS/ESMのdual package
azu.github.io/slide/2022/moa/moon-packemon.html
monorepo管理ツールのmoonとCJS/MJS対応のライブラリビルドツールのpackemonについてのスライド
ソフトウェア、ツール、ライブラリ関係
ronami/HypeScript: 🐬 A simplified implementation of TypeScript's type system written in TypeScript's own type system
TypeScriptの型システムをTypeScriptの型で実装したもの。
ehmicky/safe-json-value: ⛑️ JSON serialization should never fail
github.com/ehmicky/safe-json-value
例外を投げないJSONのシリアライズを提供するライブラリ。
シリアライズできないときはerrorプロパティにエラーを入れ、例外となる値は結果から除外するなどしている。
Skeleton
skeleton.brainandbonesllc.com/
SvelteとTailwindを使ったUIコンポーネントライブラリ
書籍関係
TypeScriptとReact/Next.jsでつくる 実践Webアプリケーション開発：書籍案内｜技術評論社
gihyo.jp/book/2022/978-4-297-12916-3
2022年7月22日 発売。
Next.jsの入門本
