JSer.info #626 - Remix v1.10.0がリリースされました。
@remix-run/routerというReact Routerとの共通基盤となるパッケージを使い再構築されています。
shouldRevalidate関数のサポート、useNavigation/useRevalidator/useRouteLoaderData Hook APIの追加などが追加されています。
React Native 0.71がリリースされました。
- React Native 0.71: TypeScript by Default, Flexbox Gap, and more... · React Native
- Road to 0.71.0 · Discussion #41 · reactwg/react-native-releases
TypeScriptがデフォルトでサポートされ、@types/react-nativeは不要となっています。
また、Flexboxのgapプロパティのサポート、aria-* propsのサポート、PointerEventsをopt-inでサポートなどが追加されています。
互換性の問題からpropTypesのサポートを一時的に復活、Hermesの改善なども含まれています。
JavaScript開発者向けのアンケートであるThe State of JS 2022の結果が公開されています。
言語機能、ライブラリ、ツール、JSとTSの利用率、リソース、学習方法などについての解答結果がまとめられています。
また、Data Explorerを使って任意の組み合わせで比較できたり、GraphQLで結果を取得できるState of JS API - GraphiQLも公開されています。
また、同じくJavaScriptのGitHub StarsをランキングしたJavaScript Rising Starsの2022年の結果も公開されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Node v19.4.0 (Current) | Node.js
nodejs.org/en/blog/release/v19.4.0/
Node.js v19.4.0リリース。
buffer.isUtf8の追加、どれぐらいの並列数を扱えるかを返すos.availableParallelismの追加など
Release v1.10.0 · remix-run/remix
github.com/remix-run/remix/releases/tag/remix%401.10.0
Remix 1.10.0リリース。
@remix-run/routerというReact Routerとの共通基盤となるパッケージを使い再構築されている。
shouldRevalidate関数のサポート、useNavigation/useRevalidator/useRouteLoaderData Hook APIの追加など
Release Notes for Safari Technology Preview 161 | WebKit
webkit.org/blog/13686/release-notes-for-safari-technology-preview-161/
Safari Technology Preview 161リリース。
実験的にAudioSession Web API、WebCodecs AV1 のサポート。
Fullscreen APIに-webkit- prefixがつかなくなるように変更など
Release v3.10.0 · rollup/rollup
github.com/rollup/rollup/releases/tag/v3.10.0
Rollup v3.10.0リリース。
optional chainingに対するTree Shakingのサポートなど
React Native 0.71: TypeScript by Default, Flexbox Gap, and more... · React Native
reactnative.dev/blog/2023/01/12/version-071
React Native 0.71リリース。
TypeScriptがデフォルトでサポートされ、@types/react-nativeは不要となった。
Flexboxのgapプロパティのサポート、aria-* propsのサポート、PointerEventsをopt-inでサポートなど。
propTypesのサポートを一時的に復活、Hermesの改善など
アーティクル
The Safari bug that never was
obyford.com/posts/the-safari-bug-that-never-was/
Safari Technology Previewで発見したバグをWebKitに報告し修正されるまでの話
次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io
blog.jxck.io/entries/2023-01-07/new-css-capabilities-for-component.html
最近実装されているCSSの新しい仕様について。
@scope, @layer, Nesting, :is(), :where(), :has(), @containerなどについて
The State of JS 2022
JavaScript開発者アンケートのThe State of JS 2022の結果が公開された。
回答者の属性ごとに、言語機能、ライブラリ、ツール、JSとTSの利用率、リソース、学習方法などについての解答結果が見られる。
NPM Kiosk - A new way to sell NPM packages
npmパッケージを販売するために、パッケージをインストールできるアクセストークン付きのパッケージを作成する方法について
All of Learn Accessibility! is available
web.dev/learn-accessibility-available/
アクセシビリティについて学べるLearn Accessibilityのコースが完成した
A new accessibility strategy for the GOV.UK Design System - Accessibility in government
accessibility.blog.gov.uk/2023/01/06/a-new-accessibility-strategy-for-the-gov-uk-design-system/
WCAG 2.2を満たすためのアクセシビティ改善とアクセシビリティの原則について。
ウェブアクセシビリティの4つの原則、ユニバーサルデザインの7つの原則、progressive enhancementについて
- Introduction to Understanding WCAG | WAI | W3C
- The 7 Principles | Centre for Excellence in Universal Design
- Building a resilient frontend using progressive enhancement - Service Manual - GOV.UK
Node.js にプロセスレベルの Permission が入りそうな話 - from scratch
yosuke-furukawa.hatenablog.com/entry/2023/01/12/160406
Node.jsで実装が進められているPermission Modelの実装について
- src,process: initial permission model implementation by RafaelGSS · Pull Request #44004 · nodejs/node
- Permission Model · Issue #791 · nodejs/security-wg
サイト、サービス、ドキュメント
2022 JavaScript Rising Stars
JavaScript Rising Starsの2022年の結果が公開された。
フロントエンドフレームワーク、React、Vue、バックエンド、ビルドツール、モバイル、CSS、テスト、デスクトップ、静的サイトジェネレータのStar数をもとにしたランキング。
ソフトウェア、ツール、ライブラリ関係
Dunks1980/bay.js: An easy to use, lightweight library for web-components.
<template>からWebComponentを作成して扱えるライブラリ
書籍関係
実践Node.js入門 ―基礎・開発・運用：書籍案内｜技術評論社
gihyo.jp/book/2023/978-4-297-12956-9
2023年1月17日発売。
Node.jsの入門書
