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 日に予定されています。

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

Firefox 108

Firefox 108.0 が12月13日にリリースされました。

Firefox 108.0 release note

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

Import Maps の対応とタックグラウンドタブのリソース消費状況を確認できる Process Manager の導入などが行われました。既存機能の変更はありません。

Pickup for WebClass

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

気になった変更

Javascript Import Maps のサポート

es2015からimport 構文でモジュールのJSファイルをロードできるようになっています。その時はブラウザが対応しきっていなかったので、Node.js で書くときに使える印象でした。ですが、今改めて見てみると import 構文はもう一通りのブラウザは対応しています。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

Firefox 108 で対応したのは Import Maps で、これは import 構文の拡張です。詳細はこちらの記事がわかりやすいです。

https://qiita.com/tronicboy/items/b822e40b3a2c43597f33

念のために他のブラウザの対応状況を見てみると、Safari だけまだ対応していないようです。おしい。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script/type/importmap

これまでは Webpack 等でJSファイルをまとめていましたが、まとめすぎると1ファイルがでかくなる問題もあります。もう少しでこんな処理が不要になるのでしょうか。ただ、JSもだんだん規模が大きくなってきて、メジャーなフレームワークも TypeScript に移ってきている印象。ちなみに、TypeScript をサポートしているブラウザがあるか調べてみましたが、メジャーどころでは Chrome だけみたいです。やっぱりトランスパイラはまだ手放せないと思います。

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

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

Firefox Release Calendar

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

Safari 16.2

Safari 16.2 が12月14日にリリースされました。

Safari 16.2 Release Notes

https://developer.apple.com/documentation/safari-release-notes/safari-16_2-release-notes

今回の更新はセキュリティアップデートとCSSに関する修正が中心となっています。

セキュリティアップデート情報

https://support.apple.com/en-us/HT213537

WebClassに関係のある変更

WebClass に影響のある変更はありませんでした。

最後に

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

Chrome 108

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

Chrome 108 release note

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

https://chromestatus.com/roadmap

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

Pickup for WebClass

CSS の機能追加

今回のアップデートで多くの CSS の機能が追加や変更がされました。その中で、検証が完了したものの中で問題があるものはありませんでしたが、以下が現在検証中です。

ビューポートのサイズ変更動作

今回のアップデートでビューポートのサイズ変更動作が変更されました。

現在 Android 端末で、入力フォームをタップしたときに、画面下部からキーボードが表示されます。その際のブラウザの表示動作がブラウザごとに異なっていたのですが、今回のアップデートで Safari と同じ挙動になりました。

現在はこの変更について、WebClass で影響がないかどうか検証中です。検証が終わり次第、追記する予定です。

詳しくは以下をご覧ください。

google developer: https://developer.chrome.com/blog/viewport-resize-behavior/

日本語解説: https://coliss.com/articles/build-websites/operation/css/how-viewport-resize-behavior-works.html

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

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

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

Firefox 107

Firefox 107.0 が11月15日にリリースされました。

Firefox 107.0 release note

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

パフォーマンスの改善とバグ修正が主になります。

Pickup for WebClass

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

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

次回のリリースは 12月13日に予定されています。

Firefox Release Calendar

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