JSer.info #602 - Safari 15.6がリリースされました。
- Safari 15.6 Release Notes | Apple Developer Documentation
- New WebKit Features in Safari 15.6 | WebKit
基本的には、Safari 15.5のバグ修正が中心となっているリリースです。
加えて、CSSの:modal擬似クラスのサポートが追加されています。
Deno 1.24がリリースされました。
Deno 1.21から段階的にtype checkの挙動を変更していました。
この変更が続く形で、コード出力やtype checkのアーキテクチャのリファクタリングを行い、パフォーマンスが改善されています。
またウェブ互換を目的としたunhandledrejection/beforeunload/unloadイベントのサポート。
import.meta.resolve()の追加、 FFIの改善、deno test --parallelフラグのサポート、stdにsemverモジュールを追加なども含まれています。
The CSS behind Figma - Ahmad Shadeedという記事ではFigmaアプリ自体がどのようにCSSを使っているかをみていく話が書かれています。
FigmaのUIのレイアウトがどのようなHTMLやCSSで表現されているのかやCSS Grid/CSS Flexboxの扱いについて紹介されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Safari 15.6 Release Notes | Apple Developer Documentation
developer.apple.com/documentation/safari-release-notes/safari-15_6-release-notes
Safari 15.6リリース。
CSSの:modal擬似クラスのサポート、バグ修正など
Deno 1.24 Release Notes
Deno 1.24リリース。
コード出力やtype checkのパフォーマンス改善、unhandledrejection/beforeunload/unloadイベントのサポート、import.meta.resolve()の追加。
FFIの改善、deno test --parallelフラグのサポート、stdにsemverモジュールを追加など
modfy/nominal: 🔒 The new way to do types in typescript.
TypeScriptでnominal typeを扱う型とユーティリティライブラリ
Release v7.6.0 · pnpm/pnpm
github.com/pnpm/pnpm/releases/tag/v7.6.0
pnpm v7.6.0リリース。
node-linkerが有効時はデフォルトでONとなるprefer-symlinked-executablesオプションの追加、pnpm deployのバグ修正など
Release v1.24.0 · microsoft/playwright
github.com/microsoft/playwright/releases/tag/v1.24.0
playwright v1.24.0リリース。
設定でウェブサーバを複数定義できるように、test.describeのタイトルを省略できるように、Component TestにbeforeMountとafterMountのHookを追加など
Payload launches 1.0 | Blog | Payload CMS
payloadcms.com/blog/payload-launches-version-1
Headless CMSのPayload 1.0リリース。
Updates from the 91st TC39 meeting - DEV Community 👩💻👨💻
dev.to/hemanth/updates-from-the-91th-tc39-meeting-779
2022-07のTC39ミーティングでのECMAScript Proposalのアップデート内容について。
HashbangがStage 4へ、Import ReflectionがStage 2となるなど
Release v5.74.0 · webpack/webpack
github.com/webpack/webpack/releases/tag/v5.74.0
webpack v5.74.0リリース。
resolve.extensionAliasオプションの追加、Static Blockを含むES2022のコードをサポート、ProvidePluginにおけるTree Shakingのサポート。
watchのパフォーマンスの改善など
Release 3.24.0 - 2022.07.25 · zloirock/core-js
github.com/zloirock/core-js/releases/tag/v3.24.0
core-js v3.24.0リリース。
Iterator helpers prosapoの仕様追従、新しいサポートターゲットとしてBun/Hermes/Oculus Browserの追加など
アーティクル
The CSS behind Figma - Ahmad Shadeed
ishadeed.com/article/figma-css/
FigmaのアプリそのものにおけるFlexboxとCSS Gridの使い方についてみていく記事。
ボタンの配置や位置合わせアイコンにおけるGridの利用法、レイヤーのツリー構造を表現するFlexboxの利用法について
Avoiding <img> layout shifts: aspect-ratio vs width & height attributes - JakeArchibald.com
jakearchibald.com/2022/img-aspect-ratio/
<img>とaspect-ratioの指定についての記事。
CSSのaspect-ratioプロパティ、widthとheightを使ったaspect-ratioのhintについてなど
サイト、サービス、ドキュメント
5t3ph/css-browser-support: Query for CSS brower support data, combined from caniuse and MDN, including version support started and global support percentages.
github.com/5t3ph/css-browser-support
特定のCSSの機能をどのブラウザがサポートしているかを検索できるライブラリ。
データにはMDNとCan I useを利用している
書籍関係
はじめに - NestJSの強化書 βversion
NestJSについての書籍。
NestJSの特徴、機能、使い方について解説しているサイト。また、NestJSでGraphQLを扱う方法も解説している。
