Chrome128からruby要素が改行可能に 小説投稿サイトのルビ表示などに影響

※当サイト・当記事には広告を含みます

Chrome128以降でruby要素が改行可能になることが、2024年7月26日(UTC)にChrome for Developersで発表されました。

参考改行可能な ruby 要素と CSS ruby-align プロパティ

これにより、小説投稿サイトなどでルビを振った場合、Chromeで作品を表示した場合の改行位置が変わる可能性があります。

Webトラフィック解析を行うstatcounterによれば、日本における2024年6月現在のブラウザシェア率では、Google Chromeが56.91%で第1位。多くの読者の閲覧環境でルビの表示が変わることが予想されます。

Source: StatCounter Global Stats – Browser Market Share

なお、ChromiumとChromeの今後のリリース予定をChromium Dashで確認すると、バージョン128の安定版リリースは2024年8月20日が予定されています。

参考Chromium Dash | Schedule

各小説投稿サイトでの表示の変化

Google Chrome 128のベータ版は、Chrome ベータ版で新しい機能を体験ページからダウンロードできます。

以下に、各小説投稿サイトでの表示の違いを見てみましょう。なお、例文は表示の違いが分かりやすくなるよう投稿サイトごとに調整しています。

pixiv

▲編集画面

▲Chrome127でのプレビュー

▲Chrome128(ベータ)でのプレビュー

Chrome127の場合はルビを振った部分が途中で改行されず、1行目は均等配置になっています。そのため、文章がやや間延びしてしまっています。一方で、Chrome128(ベータ)の方では、ルビの途中で改行が行われており、読みやすくなっています。

カクヨム

▲編集画面

▲Chrome127でのプレビュー

▲Chrome128(ベータ)でのプレビュー

カクヨムの場合は、Chrome127での表示で1行目が均等配置になることはありません。その分、1行目の右側に不自然な空白があり、こちらも不格好になっています。
Chrome128(ベータ)の方の方が読みやすいですね。

小説家になろう

▲編集画面

▲Chrome127でのプレビュー

▲Chrome128(ベータ)でのプレビュー

小説家になろうも、カクヨムと同様です。

記事を共有する

おすすめ記事

ABOUTこの記事を書いた人

1993年生まれ、福岡県出身、熊本県在住。
2016年より、文芸Webメディア「蓼食う本の虫」を主宰・運営。
熊本大学文学部文学科卒。在学中は日本語日本文学研究室に所属。卒業論文のテーマは「太宰治の私小説的作品について」。
新卒で印刷会社に入社し、営業・Webディレクターとして業務に従事。2018年にピクシブ株式会社に入社。チャット小説サービス「pixiv chatstory」のディレクター、pixiv小説チームのプロダクトマネージャー・コミュニティマネージャーを担当。2021年に個人事業主として独立。
詳しいプロフィールやご連絡については、atohs.meをご覧ください。