📝

Weekly Frontend News 2022年5月3週目/storybook 6.5,a11y,Safari 15.5,I/O...

2022/05/20に公開

先週の2週目は登壇とかでバタバタしてたら忘れてました🙇‍♂️

自分が今週見たフロントエンド記事のまとめ。

Release v6.5.0 · storybookjs/storybook

https://github.com/storybookjs/storybook/releases/tag/v6.5.0

Storybook 6.5リリース。

🤖 Interaction testing simulate interactions and run assertions in the browser
🎨 Figma plugin to connect stories to variants
🏎️ Webpack 5 lazy compilation for faster start up
⚡ Vite builder for near instant rebuilds
💯 Hundreds more fixes and quality of life improvements

Storybookチームが動画で解説しているのも出ている
https://www.youtube.com/watch?v=h1S6vTR7hZ8&t=370s

Automate accessibility tests with Storybook

https://storybook.js.org/blog/automate-accessibility-tests-with-storybook/

Storybook上でa11yのテストを行う解説。
axe-playwrightを駆使していく流れ。

Safari 15.5 Release Notes

https://developer.apple.com/documentation/safari-release-notes/safari-15_5-release-notes

inert属性が追加。他はバグ改善が多め。

Google I/O関連

YouTubeのvideoIDが不正ですhttps://www.youtube.com/playlist?list=PLNYkxOF6rcIDKuCU73tmdRN_-mI3tKFPD

先日行われたGoogle I/OのWeb系動画リスト一覧。

個人的にはWhat's new for the web platformの動画がまとまっていてよかった。
https://www.youtube.com/watch?v=5b4YcLB4DVI&t=894s

Release v1.5.0 · remix-run/remix

https://github.com/remix-run/remix/releases/tag/v1.5.0

Deno対応、node-fetch依存がなくなりfetchの独自実装へ。

Intent to Ship: Container Queries

https://groups.google.com/a/chromium.org/g/blink-dev/c/gwzxnTJDLJ8/m/iRNWbO2YBAAJ

ChromeにContainer Queriesがshipされる

7.18.0 Released: Destructuring private elements and TypeScript 4.7

https://babeljs.io/blog/2022/05/19/7.18.0.html

BabelにPrivate destructuring対応、TypeScript 4.7対応が入った。

New ESLint Playground

https://new.eslint.org/play

新しいES LintのPlayground

React Native Accessibility - GAAD 2022 Update

https://reactnative.dev/blog/2022/05/19/GAAD-2022-update

React NativeのAccessibility対応の近況まとめ

Discussion