編集

New to the web platform in March

#Web Platform #Baseline #JavaScript #CSS

3 月の Web Platform の新機能について、まとめた記事が公開された。

次の機能が Baseline で利用可能になった。

  • Intl.DurationFormat
    • ロケールを考慮した期間のフォーマットが出来る
  • contenteditable=plaintext-only
    • ユーザーのプレーンテキストの入力を textarea 要素以外でサポートする際に利用できる
  • writing-mode: sideways-rlとwriting-mode: sideways-lr
    • テキストを横書きで表示する
  • ClipboardItem.support()
    • クリップボードがサポートしている形式を確認できる

出展：https://web.dev/blog/web-platform-03-2025?hl=en

#Intl.DurationFormat のデモ

js
const formatted = new Intl.DurationFormat(navigator.language, {
  style: "long",
}).format({
  years: 1,
  hours: 20,
  minutes: 15,
  seconds: 35,
});
編集