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

Chrome 109 の新機能

Adriana Jara

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

Origin Private File System API が Android で利用可能になりました。
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() メソッドとドラッグ＆ドロップ API 統合はまだ利用できません。

OPFS の File System Access API を使用すると、サイトは送信元ごとの非公開ファイルシステムにアクセスし、FileSystemSyncAccessHandle を介してファイルオペレーションを実行できるため、パフォーマンスが向上します。

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

CSS の新機能。

次に、新しい CSS 機能について説明します。まず、新しい長さの単位 lh について説明します。

lh CSS 単位は、使用されている要素の 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 のサポート。

その他

関連情報

登録