このページは Cloud Translation API によって翻訳されました。

Chrome 109 の新機能

Adriana Jara

必知事項は次のとおりです。

Android でオリジンの Private File System API が利用可能になりました。
CSS に新しいプロパティがあります。
MathML Core のサポートにより、HTML に数式を簡単に追加できます。
その他にも、多数のサービスがあります。

Adriana Jara です。Chrome 109 のデベロッパー向け新機能を見てみましょう。

Android での OPFS

オリジンプライベートファイルシステム（OPFS）は File System Access API の一部であり、ページのオリジン専用のストレージエンドポイントです。

パソコン版の Chrome 102 でリリースされましたが、Chrome 109 では Android で利用可能になり、互換性が強化されました。

いくつかの例外を除き、File System Access API サーフェスがすべて含まれており、ローカルファイルシステムから直接ファイルをシームレスに管理できます。show*Picker() メソッドと Drag-and-Drop API 統合はまだ利用できません。

OPFS で File System Access API を使用すると、サイトはオリジンごとのプライベートファイルシステムにアクセスし、FileSystemSyncAccessHandle を介してファイル操作を実行できるため、パフォーマンスが向上します。

プラットフォーム間でスムーズなファイルシステムアクセスを実装する方法については、こちらの記事をご覧ください。

CSS の新機能です。

今回は、新しい CSS 機能をいくつか紹介します。最初は、新しい長さの単位「lh」です。

CSS の lh 単位は、この単位が使用される要素の line-height プロパティの計算値と等しくなります。これにより、想定されるテキストの行数と同じ高さを textarea に設定できます。

また、CSS ワーキンググループでは、@font-face ルール内に font-weight、font-style、font-stretch という記述子の新しい値 auto を追加しました。auto が初期値になりました。可変フォントの記述子を使用すると、ユーザーは書体の太さ、傾斜、幅を選択できます。

ウェブタイポグラフィをより適切に制御するために、hyphenate-limit-chars プロパティはハイフン付きの単語の最小文字数を指定します。

MathML Core のサポート。

Chrome で MathML Core がサポートされるようになったことは、ウェブページに数式をスタイル設定してアクセスしやすい方法で追加しようとしたことがあるかもしれません。

MathML は、HTML や SVG に含めることができる方法で数学的表記を記述するための言語です。OpenType MATH を使用して CSS 互換の方法でレンダリングされ、プラットフォームのユーザー補助 API を介して公開されます。

MathML のスタイル設定は、数学のレイアウト専用の CSS 機能などで利用できます。たとえば、math-depth プロパティ、math-shift プロパティ、math-style プロパティや、display プロパティの math 値などです。

数式の詳細や例については、こちらのドキュメントをご覧ください。

その他

もちろん、他にもたくさんあります。

MediaTrackSupportedConstraints のプロパティ suppressLocalAudioPlayback を使用すると、外部スピーカーを使用している場合のオーディオ再生を適切に制御できます。
getDisplayMedia() の呼び出し時に条件付きフォーカスを使用できるようになりました。
安全なお支払いの確認は、Android 版 Chrome でご利用いただけます。

Chrome 109 の新機能

Android での OPFS

CSS の新機能です。

MathML Core のサポート。

その他

関連情報

登録