Chrome113

Google Chrome 113 の安定版が5月2日にリリースされました。

Chrome 113 release note

以下のリンクに主な変更点の情報が記載されています。

https://chromestatus.com/roadmap

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

Pickup for WebClass

今回の変更の中に、WebClassに影響があるものはありませんでした。

気になる変更点

WebGPUが利用可能に

JavaScriptのWebGPU APIが利用可能になりました。これにより、ブラウザ上でのGPUを用いた2次元や3次元の画像のレンダリングがより高速になるだけでなく、機械学習を利用するWebアプリケーションの実装も可能となります。

詳しくは以下のリンクを参照してください。

https://developer.chrome.com/blog/webgpu-release/

今後の Chrome リリースについて

次回のリリースは2023年5月30日に予定されています。

その他ブラウザのリリースはこちらにまとめています。

Chrome 112

Google Chrome 112 が3月29日にリリースされました。

Chrome 112 release note

以下のリンクに主な変更点の情報が記載されています。

https://chromestatus.com/roadmap

https://developer.chrome.com/blog/new-in-chrome-112/

Pickup for WebClass

今回の変更の中に、WebClassに影響があるものはありませんでした。

気になる変更点

CSS Nesting

CSSでネスト(入れ子)ができるようになりました。これにより、セレクタを繰り返して記述する必要性が減り、可読性や保守性を向上させることができます。これまでは、ネストを使うにはSassを使う必要がありました。従来の記述方法からどう変わるか、どのように活用できるかについて、詳しくはこちらを参照してください。

なお、CSS Nestingに現在対応しているブラウザは Chrome と Safari Technology Preview のみです。

今後の Chrome リリースについて

次回のリリースは2023年4月26日に予定されています。

その他ブラウザのリリースはこちらにまとめています。

Chrome 111

Google Chrome 111 が3月1日にリリースされました。

Chrome 111 release note

以下のリンクに主な変更点の情報が記載されています。

https://chromestatus.com/roadmap

https://developer.chrome.com/blog/new-in-chrome-111/

Pickup for WebClass

今回の変更の中に、WebClassに影響があるものはありませんでした。

気になる変更点

CSSで三角関数が利用可能に

CSSでsin、cos関数などの三角関数が利用可能になりました。これらの関数を利用してローディングアニメーションの実装や曲線状の要素の配置などを行うことができます。

具体的な実装例は以下のリンクから確認できます。

https://ics.media/entry/230126/

今後の Chrome リリースについて

次回のリリースは2023年3月29日に予定されています。

その他ブラウザのリリースはこちらにまとめています。

Google Chrome 110

Google Chrome 110 が2月1日にリリースされました。

Chrome 110 release note

以下のリンクに主な変更点の情報が記載されています。

https://chromestatus.com/roadmap

https://developer.chrome.com/blog/new-in-chrome-110/

Pickup for WebClass

今回の変更の中に、WebClassに影響があるものはありませんでした。

今後の Chrome リリースについて

次回のリリースは2023年3月1日に予定されています。

その他ブラウザのリリースはこちらにまとめています。

Chrome 109

Google Chrome 109が 1月 11日にリリースされました。

Chrome 109 release note

以下のリンクに主な変更点の情報が記載されています。

https://chromestatus.com/roadmap

https://developer.chrome.com/blog/new-in-chrome-109/

Pickup for WebClass

MathML Core サポート

MathML Core に対応しました。
https://chromestatus.com/feature/5240822173794304

数式を使いたいけど、Javascriptを使ったライブラリを使うのではコンテンツ側の準備や維持も煩雑になりがちと言うことで、MathML への対応を決めたようです。

MathML Core
https://www.w3.org/TR/mathml-core/

ブラウザの対応状況は、これで一通りの主要ブラウザでサポートしたことになります。(1月12日時点ではまだ Chrome と Edge のところ、更新されていないです)
https://developer.mozilla.org/en-US/docs/Web/MathML

実際に以下の MathMLを試しましたが、Mac と iOS の Chrome 109、Safari 16.2, Firefox 108 のいずれも正しく表示できました。

<h1>問題1</h1>
次の二次方程式の解を求めよ。
<h2><math><msup><mi>x</mi><mn>2</mn></msup><mo>-</mo><mn>2</mn><mo>&InvisibleTimes;</mo><mi>x</mi><mo>+</mo><mi>3</mi></math></h2>

<h1>正答</h1>
<ol>
    <li><math><mn>1</mn><mo>±</mo><msqrt><mn>2</mn></msqrt><mi>i</mi></math></li>
    <li><math><mn>2</mn><mo>±</mo><msqrt><mn>2</mn></msqrt><mi>i</mi></math></li>
    <li><math><mn>1</mn><mo>±</mo><msqrt><mn>2</mn></msqrt></math></li>
    <li><math><mn>2</mn><mo>±</mo><msqrt><mn>2</mn></msqrt></math></li>
</ol>

<h1>解説</h1>
<p>解の公式:<math><mi>x</mi><mo>=</mo><mfrac><mrow><mo>-</mo><mi>b</mi><mo>±</mo><msqrt><mrow><msup><mi>b</mi><mn>2</mn></msup>
      <mo>-</mo><mrow><mn>4</mn><mo>&InvisibleTimes;</mo><mi>a</mi><mo>&InvisibleTimes;</mo><mi>c</mi></mrow></mrow></msqrt></mrow>
      <mrow><mn>2</mn><mo>&InvisibleTimes;</mo><mi>a</mi></mrow></mfrac></math></p>

今後の Chrome リリースについて

次回のリリースは 2023 年 2月 1 日に予定されています。

その他ブラウザのリリースはこちらにまとめています。