JSer.info #604 - Chrome 105 Betaがリリースされました。
Chrome 105 betaでは、Custom Highlight APIの実装、Container Queryの実装、:has
擬似クラスの実装、Fetch Upload Streamingの実装などが追加されています。
また、navigator.mediaDevices.getDisplayMedia
にsystemAudio
オプションの追加、HTML Sanitizer APIの追加、import.meta.resolve()
メソッドの追加、Response.json()
メソッドの追加なども行われています。
非推奨だったWebSQLがSecure Context以外では利用できなくなるようになり、Cookieのドメイン属性に非Ascii文字のサポートが非推奨となるといった変更も行われています。
npm 8.16.0がリリースされました。
npm 8.16.0ではnpm query
というCSSセレクタライクなクエリで依存関係を検索できるコマンドが追加されています。
たとえば、次のコマンドではlicense
フィールドがMIT
のパッケージを一覧できます。
npm query "[license=MIT]"
詳細は次の記事やRFCを参照してください。
- Introducing the new npm Dependency Selector Syntax | GitHub Changelog
- rfcs/0000-dependency-selector-syntax.md at 3d5b2130504139bdc8a3b599923aa07d2ff79c96 · npm/rfcs
Everything You Need to Know About JavaScript Import Maps - Honeybadger Developer Blogという記事では、Import Mapsについて解説されています。
Import Mapsの使い方、動的なImport Mapsの作り方、ファイル名のハッシュとキャッシュ、同じモジュールの複数バージョンの利用、CDNの利用などについて紹介されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v7.0.0 · riot/riot
github.com/riot/riot/releases/tag/v7.0.0
Riot.js v7.0.0リリース。
ESM bundleの改善、runtime slots
の追加、bundleサイズの改善など
Release Inferno v8.0.0 · infernojs/inferno
github.com/infernojs/inferno/releases/tag/v8.0.0
Inferno v8.0.0リリース。
コンポーネントのライフサイクルメソッドにcomponentWillMove
/componentDidAppear
/componentWillDisappear
を追加、javascript:
へのリンクに対して警告を追加、TypeScriptの型定義の改善など
Release v16.0.0 · puppeteer/puppeteer
github.com/puppeteer/puppeteer/releases/tag/v16.0.0
Puppeteer v16.0.0リリース。
CDP(Chrome DevTools Protocol)のauto-attachメカニズムを使うことで、PageやFrameへの接続の安定性を改善するなど
Release v2.7.0 · parcel-bundler/parcel
github.com/parcel-bundler/parcel/releases/tag/v2.7.0
Parcel v2.7.0リリース。
プラグイン設定ファイルの拡張子.cjs
が利用できるように、React Freshで@emotion/react
をサポートなど
Chromium Blog: Chrome 105 Beta: Custom Highlighting, Fetch Upload Streaming, and More
blog.chromium.org/2022/08/chrome-105-beta-custom-highlighting.html
Chrome 105 betaリリース。
Custom Highlight APIの実装、Container Queryの実装、:has
擬似クラスの実装、Fetch Upload Streamingの実装など。
navigator.mediaDevices.getDisplayMedia
にsystemAudio
オプションの追加、HTML Sanitizer APIの追加、import.meta.resolve()
メソッドの追加、Response.json()
メソッドの追加。
WebSQLがSecure Context以外では利用できなくなるように、Cookieのドメイン属性に非Ascii文字のサポートの廃止など
Release bun v0.1.7 · oven-sh/bun
github.com/oven-sh/bun/releases/tag/bun-v0.1.7
Bun 0.1.7リリース。
bun init
コマンドの追加、bun install
がprivate npm registryのサポート、bun installl
がプロジェクトルートのprepare
などのlifecycle hookに対応など
Release v8.16.0 · npm/cli
github.com/npm/cli/releases/tag/v8.16.0
npm v8.16.0リリース。
CSSセレクタライクなクエリで依存関係を検索できるnpm query
コマンドの追加など
アーティクル
Everything You Need to Know About JavaScript Import Maps - Honeybadger Developer Blog
www.honeybadger.io/blog/import-maps/
Import Mapsについての記事。
Import Mapsの使い方、動的なImport Mapsの作り方、ファイル名のハッシュとキャッシュ、同じモジュールの複数バージョンの利用、CDNの利用など
500ms to 1.7ms In React: A Journey And A Checklist | Orizens
orizens.com/blog/500ms-to-1-7ms-in-react-a-journey-and-a%20checklist/
Reactアプリのパフォーマンスをどう改善していくかについて。
コンポーネントの分割、メモ化、プロファイラーを使ったCustom Hooksの問題の追い方について
Parsing command line arguments with `util.parseArgs()` in Node.js
2ality.com/2022/08/node-util-parseargs.html
Node.js 18.3.0で追加されたutils
モジュールのparseArgs
関数について
Checking if a JavaScript native function is monkey patched · mmazzarolo.com
mmazzarolo.com/blog/2022-07-30-checking-if-a-javascript-native-function-was-monkey-patched/
JavaScriptでネイティブ関数がmonkey patchによって上書きされているかを判定する方法について。
LINE MUSIC のパフォーマンスを向上させた Vue3 マイグレーション
engineering.linecorp.com/ja/blog/vue3-migration-with-improved-line-music-performance/
Vue 2.xからVue 3へのアップグレード方法とbundle sizeの変化についての記事。
サイト、サービス、ドキュメント
sofn-xyz/mailing: Build, test, send emails with React
Reactコンポーネントを使ってメールコンテンツの開発ができるツールキット。
MJMLをベースにしていて、ローカルでメールのレンダリング結果を見ながらコンポーネントベースでメールコンテンツを作成できる
ソフトウェア、ツール、ライブラリ関係
mjmlio/mjml: MJML: the only framework that makes responsive-email easy
MJMLマークアップ言語を元にレスポンシブなメールを作成できるフレームワーク