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

Chrome 134 release note

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

https://chromestatus.com/roadmap

Pickup for WebClass

今回のリリースで、WebClassの機能に影響を与える変更点はありませんでした。

気になる変更点

ダイアログに簡易非表示機能(ライトディスミス)を追加

Popover APIの便利な機能である簡易非表示機能がダイアログに追加されました。これによりダイアログ上にクリックハンドラーを設定して、複雑なロジックを組む必要がなくなりました。

dialogタグに新しく導入される closedby 属性で、ダイアログの閉じ方を制御できるようになります。

closedby 属性の使い方：

• dialog closedby=none
  • ユーザーによるダイアログの閉鎖を完全に無効化します。
• dialog closedby=closerequest
  • ユーザーが ESC キー等を押すとダイアログが閉じます。

• dialog closedby=any

  ユーザーがダイアログの外側をクリックする、または ESC キー等を押すことで閉じられます。

下記URLは実装となります。

https://codepen.io/ykglllma-the-typescripter/pen/dPyqrPE

FirefoxやSafariでは検討中で、特にSafariはサポートを予定しているようです。

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

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

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

Google Chrome 133 の安定版が1月29日にリリースされました。

Chrome 133 release note

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

https://chromestatus.com/roadmap

https://developer.chrome.com/blog/chrome-133-beta?hl=ja

Pickup for WebClass

今回のリリースで、WebClassの機能に影響を与える変更点はありませんでした。

気になる変更点

CSSのattr()関数がcontentプロパティ以外でも使用可能に

これまで、contentプロパティのみで使用可能だったattr()関数が、全てのCSSプロパティで使用可能になりました。

attr()関数を利用することで、HTMLに記述した属性値をCSSで使用できるようになります。

<style>
  div {
     background-color: attr(data-foo type(<color>), red);
  }
</style>
<div data-foo="blue">test</div>

上記のコードだと、div要素にスタイルされているにdata-foo属性をにパースして、CSSで使用しています。

JavascriptでしかできなかったことがCSSでできるようになります。

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

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

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

Google Chrome 132 の安定版が1月14日にリリースされました。

Chrome 132 release note

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

https://chromestatus.com/roadmap

https://developer.chrome.com/release-notes/132?hl=ja

Pickup for WebClass

今回のリリースで、WebClassの機能に影響を与える変更点はありませんでした。

気になる変更点

File System Access API

File System Access API によって、これまでネイティブアプリ上でしか行えなかったファイルを直接扱うという操作を Web アプリでも行えるようになります。

これまでは、ブラウザ上でローカルファイルを編集する場合、毎回ユーザーにファイルを選択してアップロードしてもらう必要がありました。編集完了後も「ダウンロード」扱いで別ファイルとして保存されるため、元のファイルを書き換えることができませんでした。ですが、File System Access APIによって、一度ユーザが編集したいファイルを選択すれば、そのファイルをWebアプリ上で直接開いて操作し、上書き保存できるようになります。さらに、もう一度編集したい時は「最近開いたファイル」からすぐに開くことができるので、操作が簡略化されます。

つまり、ドキュメントや画像を編集するようなWebアプリが、ペイントやメモ帳、Wordに近い使用感で使えるようになるということです。ユーザ体験を大きく変える機能なので、なかなか面白いと感じました。

現在、ブラウザごとに機能の対応状況にはばらつきがあるようです。

詳しくは以下のドキュメントをご覧ください。

https://developer.mozilla.org/ja/docs/Web/API/File_System_API#%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%83%BC%E3%81%AE%E4%BA%92%E6%8F%9B%E6%80%A7

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

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

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