Fork me on GitHub

2019-05-07のJS: Chrome 75 Beta(Low Latency Canvas)、Babylon.js 4.0(WebGL)

Edit on GitHub 編集履歴を見る

JSer.info #434 - Chrome 75のベータ版がリリースされました。

Canvas Contextに低遅延レンダリングのためのdesynchronizedオプションを追加されています。
desynchronizedオプションについては次の記事で解説されています。

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をサポートなどが行われています。


ヘッドライン


jQuery 3.4.1: triggering focus events in IE and finding root elements in iOS 10 | Official jQuery Blog

blog.jquery.com/2019/05/01/jquery-3-4-1-triggering-focus-events-in-ie-and-finding-root-elements-in-ios-10/

jQuery ReleaseNote

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/

webkit safari ReleaseNote

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 ReleaseNote

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 node.js library ReleaseNote

WebSocketクライアント & サーバのws 7.0.0リリース。
Node.js 6のサポート終了、コンストラクタでNode.jsのurlオブジェクトではなくURLオブジェクトを受け取るように変更。
readyStateOPENではないときのpingpongの挙動変更など


Release v4.0.0 · facebook/relay

github.com/facebook/relay/releases/tag/v4.0.0

GraphQL library ReleaseNote

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/

MSEdge Chrome IE news

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 library ReleaseNote

WebGLベースの3Dゲーム向けフレームワークのBabylon.js 4.0.0リリース。 Visual Scene Inspectorの導入、ファイルサイズやパフォーマンスの改善、物理エンジンとしてAmmo.jsをサポートなど


Hyper Blog

hyper.is/blog

Electron console software ReleaseNote

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/

E2E browser testing article

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 article

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 animation article accessibility

CSSのprefers-reduced-motionの解説と使い方についての記事。
アクセシビリティ、プログレッシブ・エンハンスメントの考え、CSS Variablesと組み合わせた実装について


Optimizing Performance With Resource Hints — Smashing Magazine

www.smashingmagazine.com/2019/04/optimization-performance-resource-hints/

browser performance

Resource Hintsについての記事。
dns-prefetchpreconnectprefetchprerenderをそれぞれどのような場合に利用するかについて。as属性についてなど


gulp4再入門 gulpfileの分割とnodeモジュールの利用 - Qiita

qiita.com/masato_makino/items/ad11058e1a8a009abbdf

gulp article

gulp4ベースの入門記事。
gulp taskの定義方法、タスクファイルの分割、gulpプラグインとNodeモジュールについて


ソフトウェア、ツール、ライブラリ関係


oclif/cli-ux: CLI IO utilities

github.com/oclif/cli-ux

node.js library

ターミナルのCLIを提供するNode.jsライブラリ。
promptやconfirmなどの対話操作、URLのリンク表示、spinner、アノテーション、table表示など


Laconia · Create well-crafted serverless applications, effortlessly

laconiajs.io/

node.js server library

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 windows library

React Native for Windows。
React NativeでネイティブなWindowsアプリ(UWP)を作成するフレームワーク。


この記事へ修正リクエストをする
記事を紹介する