Chrome 113

407文字
2分
編集
#Chrome #WebGPU #DevTools #CSS

Chrome 113 がリリースされた。

#WebGPU API

WebGL にはいくつか問題があった。

  • WebGL の登場以降、新たなネイティブ GPU API が登場したが、OpenGL(WebGL)に更新は予定されていないため、新機能が利用できない
  • WebGL はグラフィックをキャンバスにレンダリングするというケースを前提にしていたため、GPGPU などは不得意

WebGPU はこれらの問題に対応した WebGL の後継として作られ、最新 GPU API との互換性向上、GPGPU のサポート、より高度な GPU 機能へのアクセスを提供する。

また API は Promise が使える他、関数名などもまともなため、WebGL と比べるとかなり使いやすくなっている。とはいえ、実際利用する際は何らかのライブラリを使うことが多いと思われる。既に有名な WebGL ライブラリは WebGPU サポートに取り込んでおり、特に Babylon.js は完全なサポートを既に提供している。

https://doc.babylonjs.com/setup/support/webGPU

#レスポンスヘッダーの上書き

DevTools でレスポンスヘッダーを上書きできるようになった。

https://developer.chrome.com/blog/new-in-devtools-113/

#CSS update Media Query

https://developer.chrome.com/blog/css-update-media-query/

あまり使う機会はないかもしれないが、デバイスのリフレッシュレート（デバイスのアニメーションや更新の頻度）によってスタイルを分けることが出来る。

jsx
@media (update: slow) {
   // ....
}

リフレッシュレートは以下の 3 つから選ぶ。

fast：通常のコンピュータやスマホなど

slow：電子書籍リーダーなど

none：紙に印刷されるドキュメントなど

#参考文献