Fork me on GitHub

2021-04-27のJS: Node.js 16.0.0、Chrome 91 beta、Prisma(Ready for production)

Edit on GitHub 編集履歴を見る

JSer.info #537 - 次期LTS候補となるNode.js 16がリリースされました。

V8 9.0へアップデート、timers/promisesの追加、Apple Silicon向けのprebuiltバイナリの配布に対応しています。
また、fs.rmdirrecursiveオプションの非推奨化、process.bindingを使ったアクセスの非推奨化module.createRequireFromPathの削除なども含まれています。

Node.js 16にはNode.js 15の変更も含まれるので、npm 7へのアップデートやUnhandled Rejections時の終了ステータスの変更などの破壊的な変更も含まれています。

Node.js 16は2021-10-26からLTSとなる予定です。
また、Node.js 10.xは2021-04-30でサポートが終了されます。


Chrome 91 betaがリリースされました。

Origin Trialとして、Service Workerのmanifestのcapture_linksWebTransportWebXR Plane Detection API
その他には、Timerの解像度を仕様準拠の値に変更、WebSockets over HTTP/2のサポート、Service WorkerでES Modulesのサポートなどが含まれています。


Node.jsとTypeScriptを扱うORMであるPrismaがProduction Readyというリリースされています。

記事では、Primsaを構成するPrisma Client、Prisma Migrate、Prisma StudioというツールとPrismaの特徴について紹介されています。


JSer.infoをサポートするには

JSer.info Sponsors

JSer.info SponsorsGitHub SponsorsとしてJSer.infoを支援してくれている方々です。


ヘッドライン


Node v16.0.0 (Current) | Node.js

nodejs.org/en/blog/release/v16.0.0/

node.js ReleaseNote

Node.js 16.0.0リリース。
V8 9.0へアップデート、timers/promisesの追加、Apple Silicon向けのprebuiltバイナリの配布など。
fs.rmdirrecursiveオプションの非推奨化、process.bindingを使ったアクセスの非推奨化、module.createRequireFromPathの削除など。
これに加えてNode 15での変更であるnpm 7へのアップデートなどが含まれている


Release v11.5.0 · raineorshine/npm-check-updates

github.com/raineorshine/npm-check-updates/releases/tag/v11.5.0

npm Tools ReleaseNote

npm-check-updates 11.5.0リリース。
yarnの自動検出に対応


Release v9.0.0 · puppeteer/puppeteer

github.com/puppeteer/puppeteer/releases/tag/v9.0.0

Chrome browser library ReleaseNote

Puppeteer 9.0.0リリース。
Chromium 91へアップデート、Apple M1のサポート、FileChooser.cancel()が同期処理になるなど


Chromium Blog: Chrome 91: Handwriting Recognition, WebXR Plane Detection and More

blog.chromium.org/2021/04/chrome-91-handwriting-recognition-webxr.html

Chrome ReleaseNote

Chrome 91ベータリリース。
Origin Trialとして、Service Workerのmanifestのcapture_links、WebTransport、WebXR Plane Detection API。
Timerの解像度を仕様準拠の値に変更、WebSockets over HTTP/2のサポート、Service WorkerでES Modulesのサポートなど


Release v4.1.0 · reduxjs/redux

github.com/reduxjs/redux/releases/tag/v4.1.0

redux JavaScript library ReleaseNote

Redux 4.1.0リリース。
エラーメッセージをproduction buildから除外することでファイルサイズの改善など


アーティクル


Understanding TypeScript's Popularity | Notes

orta.io/notes/js/why-typescript

TypeScript article history opinion

TypeScriptがなぜ人気となったのかを主要なイベントのタイムラインや類似するツールと比較しながら見ている記事。


Prisma – The Complete ORM for Node.js & TypeScript

www.prisma.io/blog/prisma-the-complete-orm-inw24qjeawmb

node.js TypeScript MySQL PostgreSQL article

Node.jsとTypeScript向けのORMマッパーであるPrismaがProduction Readyとなった。
スキーマからTypeScriptの型定義を出力して利用できるPrisma Client、データモデルからPrisma Migrate、GUIでデータの閲覧と変更ができるPrisma Studioを持つ


Using asynchronous web APIs from WebAssembly

web.dev/asyncify/

WebAssembly JavaScript article

Emscriptenで非同期を扱うAsyncify、C++とJS間の値を変換するEmbind、JavaScriptを組み合わせてWasmから非同期のWebPlatformAPIを扱う方法について。


The great SameSite confusion :: jub0bs.com

jub0bs.com/posts/2021-01-29-great-samesite-confusion/

security article

cross-site/same-siteとcross-origin/same-originの違いについての解説記事。
Same-Site Cookieの動作とメカニズムについて


Overflow Issues In CSS — Smashing Magazine

www.smashingmagazine.com/2021/04/css-overflow-issues/

CSS article

ページの幅を突き抜ける要素の問題と対策についての記事。
要素やCSSプロパティごとに問題の原因や対応方法について紹介している。
またoverflowしている要素の見つけた方などのデバッグ方法について


サイト、サービス、ドキュメント


Headless WYSIWYG Text Editor – tiptap editor

www.tiptap.dev/

JavaScript editor library

ProseMirrorベースのWYSIWYGエディタライブラリ。
Vue、React、Svelteなどに対応、Y.jsを使ったリアルタイムコラボレーションの対応、シンタックスハイライトやMarkdownの記法を使ったショートカットに対応している


ソフトウェア、ツール、ライブラリ関係


mhmd-22/ezgesture: Small js library for enabling gesture events

github.com/mhmd-22/ezgesture

JavaScript library

ドラッグ、スワイプ、ピンチイン/アウトを扱うライブラリ


Vue.js UI/UX Library - Inkline

inkline.io/

Vue UI library

Vue向けのUIフレームワーク


Style Check

style-check.austingil.com/

CSS Tools

CSSを読み込んでHTML要素に対するスタイルの影響をチェックできるツール


書籍関係


The GraphQL Guide

graphql.guide/

GraphQL book video

GraphQLについての書籍と動画。
John ResigとLoren Sands-RamshawによるGraphQLのガイド。
GraphQLの解説、フロントエンド、バックエンド、React、Vue、Android、iOSについて扱う


この記事へ修正リクエストをする
JSer.info Slackに参加する