Chrome 109 の新機能

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

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

Android での OPFS

Origin Private File System(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 追加されました。

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

また、CSS ワーキング グループは、記述子に新しい auto 値(font-weightfont-stylefont-stretch)を @font-face ルールに追加しました。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 チャンネル登録してください。新しい動画が公開されるたびに、メール通知が届きます。

Chrome 110 のリリースと同時に Chrome の最新情報をお伝えします