【Creating a recorder with Document Picture-in-Picture API | Contrast】

Contrast

Creating a recorder with Document Picture-in-Picture API

This article describes how to leverage the Document Picture-in-Picture API and Insertable Streams to develop a simple screen and camera recorder.

Document Picture-in-Picture APIを使って、カメラ表示と画面を合成して録画する方法について https://realtime.jser.info/2023/08/11/creating-a-recorder-with-document-picture-in-picture-api-contrast/

【A Blog Post With Every HTML Element】

A Blog Post With Every HTML Element

Patrick Weaver’s Website

全てのHTML要素を含むブログ記事。 それぞれのタグについての説明が含まれている https://realtime.jser.info/2023/08/11/a-blog-post-with-every-html-element/

【Deprecating the unload event - Chrome Developers】

Chrome for Developers

Deprecating the unload event | Web Platform | Chrome for Developers

The unload event will be gradually deprecated starting from Chrome 117. Learn what this means and how sites and enterprises can prepare for this

Chrome 117からunloadイベントがDeprecatedとなる。 unloadイベントはうまく動かないことが多くBFCacheを無効にする。 代用としてvisibilitychange/pagehideイベントを推奨していて、unloadイベントからの移行方法についてなど https://realtime.jser.info/2023/08/11/deprecating-the-unload-event-chrome-developers/

【Blogged Answers: My Experience Modernizing Packages to ESM · Mark's Dev Blog】

Mark's Dev Blog

Blogged Answers: My Experience Modernizing Packages to ESM

Details on the painful experiences and hard-earned lessons I've learned migrating the Redux packages to ESM

あらゆる環境で動くJavaScriptのパッケージ公開の難しさについての記事。 CJSとESMのdual package、TypeScriptのmoduleResolutionとの互換性、UMD、webpack 4との互換性。 Next.jsとReact Server Componentの問題についてなど。 https://realtime.jser.info/2023/08/11/blogged-answers-my-experience-modernizing-packages-to-esm-marks-dev-blog/

【Module documentation (in progress)】

Gist

Module documentation

Module documentation. GitHub Gist: instantly share code, notes, and snippets.

TypeScriptがモジュールに対してどのようなアプローチで扱っているについてのガイド。 moduleResolutionオプション、TypeScriptのモジュール解決の仕組み、ESMとCJSの相互運用性などについて https://realtime.jser.info/2023/08/11/module-documentation-in-progress/

【Updates to Storage Policy | WebKit】

WebKit

Updates to Storage Policy

A website can store data on a user’s device using various storage APIs: localStorage, IndexedDB, File System, etc.

SafariのWeb StorageのPolicyについて。 Originごと/全体でのQuotaがあり、Quotaを超えるとQuotaExceededErrorが発生する。 利用されていないウェブサイトのデータはオリジンごとに削除される。また、ストレージの永続性を保証するためのStorage APIの使い方について https://realtime.jser.info/2023/08/11/updates-to-storage-policy-webkit/

【2023-08-10のJS: Lighthouse v11.0.0、Astro 2.10(View Transitions)、SharpのWebAssemblyビルド】

JSer.info

2023-08-10のJS: Lighthouse v11.0.0、Astro 2.10(View Transitions)、SharpのWebAssemblyビルド

JSer.info #655 - Lighthouse v11.0.0がリリースされました。

【Release Notes for Safari Technology Preview 176 | WebKit】

WebKit

Release Notes for Safari Technology Preview 176

Learn about the latest web technology updates in Safari Technology Preview: CSS, Rendering, Accessibility, Media, and Web API.

Safari Technology Preview 176リリース。 CSSのcontain-intrinsic-size: inheritのサポート、liner(...) timing functionのサポートなど https://realtime.jser.info/2023/08/10/release-notes-for-safari-technology-preview-176-webkit/

【Puppeteer in Node.js: Common Mistakes to Avoid | AppSignal Blog】

Puppeteer in Node.js: Common Mistakes to Avoid | AppSignal Blog

Puppeteer is a powerful Node.js library for browser automation, but comes with pitfalls. Find out some of the common mistakes you should avoid.

Puppeteerでのよくある間違いについての連載記事 https://realtime.jser.info/2023/08/10/puppeteer-in-node-js-common-mistakes-to-avoid-appsignal-blog/

【Wednesday August 9th 2023 Security Releases | Node.js】

Node.js — Wednesday August 9th 2023 Security Releases

Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools a...

Node.jsのセキュリティリリースとして次のバージョンが公開されている。 Node v20.5.1 (Current) Node v18.17.1 (LTS) Node v16.20.2 (LTS) 実験的な機能であるPermissions policiesの修正とOpenSSLのアップデートが主な修正 https://realtime.jser.info/2023/08/10/wednesday-august-9th-2023-security-releases-node-js/