JSer.info #434 - Chrome 75のベータ版がリリースされました。
- Chromium Blog: Chrome 75 Beta: low latency canvas contexts, sharing files, and numeric separators
- Chrome Platform Status
Canvas Contextに低遅延レンダリングのためのdesynchronizedオプションを追加されています。
desynchronizedオプションについては次の記事で解説されています。
- Low-latency rendering with the desynchronized hint | Web | Google Developers
- Add a low latency mode for OffscreenCanvas · Issue #2659 · whatwg/html
Web Share APIでファイルをサポート、ES ProposalのNumeric separatorsをサポートしています。
また、CSPの script-src-attr, script-src-elem, style-src-attr, style-src-elemディレクティブのサポートが追加され、
HTMLVideoElement.playsInlineやCache-Controlのstale-while-revalidateのサポートなども含まれています。
stale-while-revalidateについては次の記事がわかりやすいと思います。
WebGLベースの3D games向けフレームワークであるBabylon.js 4.0がリリースされました。
Visual Scene Inspectorが追加されinspectorのデバッグ機能が強化されています。
また、不要なモジュールなどをbundle時にeliminateできるようにファイルサイズが改善されています。
またパフォーマンスの改善や物理エンジンとしてammo.jsをサポートなどが行われています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
jQuery 3.4.1: triggering focus events in IE and finding root elements in iOS 10 | Official jQuery Blog
jQuery 3.4.1リリース。
IE10-IE11でtriggerの問題を修正、iOS 10.0-10.2でのclickの問題を修正、AMDとしてロードしたときの問題を修正など
Release Notes for Safari Technology Preview 81 | WebKit
webkit.org/blog/8834/release-notes-for-safari-technology-preview-81/
Safari Technology Preview 81リリース。
印刷時のスタイルで@pageによるmarginのサポート、frame-ancestors CSPをX-Frame-Optionsヘッダより優先するように。
requestAnimationFrameの実行タイミングの問題を修正など
Chromium Blog: Chrome 75 Beta: low latency canvas contexts, sharing files, and numeric separators
blog.chromium.org/2019/05/chrome-75-beta-low-latency-canvas.html
Chrome 75 Betaリリース。
Canvasに低遅延レンダリングのためのdesynchronizedオプションを追加、Web Shareでファイルをサポート、ES ProposalのNumeric separatorsをサポート。
CSPのscript-src-attrディレクティブのサポート、Cache-Controlのstale-while-revalidateのサポートなど
Release 7.0.0 · websockets/ws
github.com/websockets/ws/releases/tag/7.0.0
WebSocketクライアント & サーバのws 7.0.0リリース。
Node.js 6のサポート終了、コンストラクタでNode.jsのurlオブジェクトではなくURLオブジェクトを受け取るように変更。
readyStateがOPENではないときのping、pongの挙動変更など
Release v4.0.0 · facebook/relay
github.com/facebook/relay/releases/tag/v4.0.0
GraphQLとReact向けのフレームワークであるRelay 4.0.0リリース。
Containerの引数にgraphql tagを渡すのではなくオブジェクトを受け付けるように変更、client schema extensionsのフルサポートなど
Microsoft Edge – All the news from Build 2019 - Microsoft Edge Blog
blogs.windows.com/msedgedev/2019/05/06/edge-chromium-build-2019-pwa-ie-mode-devtools/
ChromiumベースのMSEdgeにはサードパーティトラッキングのブロックができるPrivacy Tools、表示しているサイトをIE互換するIE modeが搭載される予定
Babylon.js 4.0 Is Here! – Babylon.js – Medium
medium.com/@babylonjs/babylon-js-4-0-is-here-d725b5b02e9b
WebGLベースの3Dゲーム向けフレームワークのBabylon.js 4.0.0リリース。 Visual Scene Inspectorの導入、ファイルサイズやパフォーマンスの改善、物理エンジンとしてAmmo.jsをサポートなど
Hyper Blog
Electron製のターミナルであるHyper 3リリース。 htermからxterm.jsに変更してWebGL Rendererを使うように、IPCのバッチ処理でパフォーマンス改善など
アーティクル
Stub navigator API in end-to-end tests | Better world by better software
glebbahmutov.com/blog/stub-navigator-api/
Cypressを使いBattery status APIのStubをしながらテストをするチュートリアル。
navigatorをどのようにstubしてテストするかについて
The CSS Handbook: a handy guide to CSS for developers
medium.freecodecamp.org/the-css-handbook-a-handy-guide-to-css-for-developers-b56695917d11
CSSについてのガイド。
基本的なCSSのプロパティの解説からunit、レイアウト、アニメーションなど幅広く書かれている
Revisiting prefers-reduced-motion, the reduced motion media query | CSS-Tricks
css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/
CSSのprefers-reduced-motionの解説と使い方についての記事。
アクセシビリティ、プログレッシブ・エンハンスメントの考え、CSS Variablesと組み合わせた実装について
Optimizing Performance With Resource Hints — Smashing Magazine
www.smashingmagazine.com/2019/04/optimization-performance-resource-hints/
Resource Hintsについての記事。
dns-prefetch、preconnect、prefetch、prerenderをそれぞれどのような場合に利用するかについて。as属性についてなど
gulp4再入門 gulpfileの分割とnodeモジュールの利用 - Qiita
qiita.com/masato_makino/items/ad11058e1a8a009abbdf
gulp4ベースの入門記事。
gulp taskの定義方法、タスクファイルの分割、gulpプラグインとNodeモジュールについて
ソフトウェア、ツール、ライブラリ関係
oclif/cli-ux: CLI IO utilities
ターミナルのCLIを提供するNode.jsライブラリ。
promptやconfirmなどの対話操作、URLのリンク表示、spinner、アノテーション、table表示など
Laconia · Create well-crafted serverless applications, effortlessly
Node.jsのserverlsssフレームワーク。Hexagonal Architectureで依存を外から渡せるような構造にしてテストしやすくしている。
Long Task向けのbatch処理を行うモジュールも提供されている。
microsoft/react-native-windows: A framework for building native Windows apps with React.
github.com/Microsoft/react-native-windows
React Native for Windows。
React NativeでネイティブなWindowsアプリ(UWP)を作成するフレームワーク。
