Frontend Weekly 2024-09-20
Safari 18.0
Safari 18.0 がリリースされました。
https://webkit.org/blog/15865/webkit-features-in-safari-18-0/
Distraction Control
広告など気をそらすバナーやポップアップをユーザーが自分で選択して非表示に出来る機能が追加されました。一度非表示にした要素は、リロードしても消えたままになります。
ただし実際に試すと次の問題があるように思いました。
- ポップアップが表示されている際に背後をスクロール出来ないように制御しているサイトでは、非表示にした後、操作が出来なくなる。
- 動的に内容が変更されるコンテンツでは、要素の判定を上手く出来ない場合があり、再読み込み時にコンテンツが表示されてしまう。
iPhone Mirroring and remote inspection
macOS Sequoia の iPhone Mirroring と Safari の remote inspectrion を組み合わせることで、iPhone で表示されているサイトを、Mac の画面上のみでデバックすることが可能になります。
https://developer.apple.com/documentation/safari-developer-tools/inspecting-ios
Others
その他の変更や機能追加をいくつかピックアップして紹介します。 以下でブラウザの利用可能状況について言及する場合、Chrome/Edge/Firefox/Safari に限定した話です。
- View Transitions API のサポート
- Firefox では利用不可
<input type=checkbox switch>のサポート- Safari のみ利用可能
- カスタムプロパティに対する Container Style Queries のサポート
- Firefox では利用不可
displayプロパティの transiton animation のサポート- Firefox は部分的サポート
backdrop-filterプロパティの-webkit-プレフィックスが不要にcontent-visibilityプロパティのサポート- Firefox は部分的サポート
- 正規表現の v フラグのサポート
- URL.parse()のサポート
- Chrome なども今年サポートを行い、全モダンブラウザで利用可能
- ref: https://blog.jxck.io/entries/2024-06-14/url.parse.html
ESLint v8.x EOL
ESLint v8.x のサポートを 2024 年 10 月 5 日に終了すると発表されました。
https://eslint.org/blog/2024/09/eslint-v8-eol-version-support/
ESLint v9 がリリースした当初はエコシステムの Flat config や削除された API への対応があまり出来ておらず移行が困難な状況でしたが、Tracking: ESLint v9 support - eslint/eslintを見るに、現在は有名どころのライブラリは対応を完了しているようです。
Automatic chat participant detection - VSCode 1.93
実験的な機能ですが、CursorやGemini Code Assistのように、自動的に Workspace から必要な関連ファイルなどを抽出してコンテキストに含める機能が入りました。
次のオプションを有効にすると利用できます。
{ "chat.experimental.detectParticipant.enabled": true}