Chrome 109 の新機能

次の説明をお読みください。

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 の新機能。

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

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

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

ウェブ タイポグラフィをより細かく制御できるように、hyphenate-limit-chars プロパティでハイフンで区切られた単語の最小文字数を指定します。

MathML Core のサポート。

スタイル設定が可能なアクセシブルな方法でウェブページに数式を追加しようとしたことがある方は、Chrome で MathML Core がサポートされたことを喜んでいただけるでしょう。

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

MathML のスタイル設定は、数学レイアウト専用のものを含む CSS 機能によって有効になります。たとえば、math-depthmath-shiftmath-style プロパティや、display プロパティの math 値などがあります。

数式の記述をレベルアップするための詳細と例については、ドキュメントをご覧ください。

その他

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

関連情報

主なハイライトのみを記載しています。Chrome 109 のその他の変更については、以下のリンクをご覧ください。

登録

最新情報を入手するには、Chrome Developers の YouTube チャンネルチャンネル登録してください。新しい動画が公開されるとメール通知が届きます。

Adriana Jara と申します。Chrome 110 がリリースされ次第、Chrome の新機能についてお知らせします。