JSer.info #619 - 毎年行われているJavaScript開発者向けのアンケートである State of JavaScript 2022 が開催されています。
言語機能やフレームワークなどについてのアンケートをとっていて、2022年12月15日まで受付けています。
過去の結果については次のページで公開されています。
ECMAScript proposal: RegExp flag /v makes character classes and character class escapes more powerfulという記事では、現在ECMAScript Proposal Stage 3のRegExp v flagについて解説されています。
正規表現のvフラグは、正規表現に集合操作と構文を追加するProposalになっています。
記事では、vフラグを利用した際の文字クラスとUnicode Property Escape、文字クラスの集合操作、case-insensitiveマッチの改善について解説されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
AWS AppSync GraphQL APIs Supports JavaScript Resolvers | AWS News Blog
aws.amazon.com/jp/blogs/aws/aws-appsync-graphql-apis-supports-javascript-resolvers/
AWS AppSync GraphQL APIsのResolverとしてVTLに加えてJavaScriptが利用できるようになる。
Release v1.28 · microsoft/playwright
github.com/microsoft/playwright/releases/tag/v1.28.0
playwright v1.28.0リリース。
VSCodeからテストコードの生成を補助するPlaywright Toolsの追加、test.describe.configure APIの追加など
Release v7.17.0 · pnpm/pnpm
github.com/pnpm/pnpm/releases/tag/v7.17.0
pnpm v7.17.0リリース。
pnpm licenses listコマンドの追加など
State of JavaScript 2022
survey.devographics.com/survey/state-of-js/2022
2022年12月15日まで、JavaScript開発者向けのアンケートであるState Of JSが実施中。
アーティクル
The magical world of Particles with React Three Fiber and Shaders - Maxime Heckel's Blog
blog.maximeheckel.com/posts/the-magical-world-of-particles-with-react-three-fiber-and-shaders/
React Three Fiberを使ったパーティクルのレンダリングについてのチュートリアル
ECMAScript proposal: RegExp flag `/v` makes character classes and character class escapes more powerful
2ality.com/2022/11/regexp-v-flag.html
ECMAScript Proposal Stage 3のRegExpのvフラグについての解説。
文字クラスとUnicode Property Escape、文字クラスの集合操作、case-insensitiveマッチの改善について
コードジャンプ可能な CSS Modules を実現する happy-css-modules の紹介 - mizdra's blog
www.mizdra.net/entry/2022/11/14/102506
Typed CSS Modulesとコードジャンプの問題について。
TypeScriptのDeclaration Mapを使い、型定義ファイルではなくソースコードであるCSSそのものへジャンプする実装について
Manifest v3 signing available November 21 on Firefox Nightly | Mozilla Add-ons Community Blog
blog.mozilla.org/addons/2022/11/17/manifest-v3-signing-available-november-21-on-firefox-nightly/
2022年11月21日からFirefoxの拡張機能ストアであるAMOに対してManifest V3の拡張をアップロードして署名できるようになる
Automate an isolated browser instance with just a few lines of code
blog.cloudflare.com/introducing-workers-browser-rendering-api/
Cloudflare WorkersからPuppeteerが利用できるRendering APIを導入予定という話。
gVisorで管理されたBrowser Renderingを行うサンドボックス内でレンダリングを行いその結果を取得できる
Expiration Cap Removed From JavaScript Cookies In WebKit Browsers | Simo Ahava's blog
www.simoahava.com/privacy/first-party-cookies-webkit-revisited/
SafariのCookieの有効期限について。
ブラウザを利用した日で7日間未使用の場合の削除、ITPでのトラッキング分類された場合に24時間で削除、CNAME Cloakingでの7日間制限などについて
スライド、動画関係
メタフロントエンド開発者 プロフェッショナル認定証 | Coursera
www.coursera.org/professional-certificates/meta-front-end-developer
Metaのフロントエンド開発者入門むけのcoursera講座。
HTML/CSS/JavaScriptとReact、UI/UXなどについて学ぶ講座
サイト、サービス、ドキュメント
Permissions-Policy Research - Google ドキュメント
docs.google.com/document/d/14xHANU3n43PfJR_dCpEwVCiVYv12BAfGqOICNvd79R4/edit#
Feature-PolicyとPermissions-Policyの対応や標準化についての調査ドキュメント。
MDNのドキュメントのために調査されている。
ソフトウェア、ツール、ライブラリ関係
hadmean/hadmean: Generate powerful, fully functional, ready-to-be-deployed admin apps in seconds with just `npx hadmean`. No Javascript, no SQL, no components, no tutorials, and finally zero maintenance. Stop building and maintaining admin apps that you can auto-generate.
データベースのデータをみる管理画面を作成するジェネレータアプリ。
書籍関係
JavaScript と比較しながら学ぶ TypeScript | Techpit
JavaScriptに型を付けながらTypeScriptについて学ぶ書籍
