Shinyu Murakami MurakamiShinyu

Markdownで日本語のテキストの括弧囲みを強調するのが難しい件

Markdownの事実上の標準となっているCommonMark仕様には日本語テキストで括弧類で囲まれた語句を強調表示するのが難しいという問題があります。

例えば、以下のようなMarkdownテキストがあったとします。

これは**「強調表示」**の例です。

Develop an open-source CSS typesetting engine that runs on web browsers that anyone can freely use.
Use web browser's rendering engine and PDF output feature.
Support the latest web standards via web browsers.
Add support for CSS specifications for paged media:
- CSS Paged Media
- CSS Generated Content for Paged Media
CSS Fragmentation

$ npm i puppeteer

added 105 packages in 14s

11 packages are looking for funding

フォルダー sample に展開されたEPUBファイルを sample.epub という名前で生成するには、次のコマンドを実行：

cd sample
zip -X0 ../sample.epub mimetype
zip -Xru ../sample.epub *

CSS Text Module Level 4 の text-spacing-trim プロパティが最近のブラウザ Chrome (Chromium) 123 以降で利用可能になりました。また、CSS組版ソフトVivliostyleでも以前から利用可能です。

この text-spacing-trim プロパティの機能（行頭・行末や連続する約物の詰めの制御）は、DTPソフトのInDesignの文字組みアキ量設定に近いものです。そこで文字組みアキ量設定に対応するCSSでの設定方法をまとめます。

text-spacing-trim プロパティの値は次の通り：

UA文字列を表示するJavaScriptを埋め込んだEPUBを作成して、各EPUB閲覧アプリで開いてUA文字列を調べた。

作り方:

CSS Text Module Level 4
W3C Working Draft, 19 February 2024

この文書はCSS Text Level 4を読むための参考として部分的に訳した抄訳です。

スプレッドシート「EPUBリーダー表示チェック（JAGAT XMLパブリッシング準研究会）2023」 https://docs.google.com/spreadsheets/d/1xKDlL4TrMHMa1qq2QsWcXLEGMPjx-JWcTdaw_8KkftE/edit#gid=0

今回の調査で分かったことは、モダンCSSをサポートしているのはモダンブラウザエンジンを利用しているEPUBリーダーのみであるということ。そうではないEPUBリーダーでは、基本的に EPUB 3.0 で規定されていた "EPUB 3 CSS Profile" の範囲しかサポートしていない。

	<!DOCTYPE html>
	<html lang="ja">

	<head>
	<meta charset="UTF-8" />
	<title>text-spacing-trimテスト</title>
	<style>
	p {
	border: 1px solid silver;
	text-align: justify;

	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<title>行頭約物処理のテスト [text-spacing-trim space-first... test]</title>
	<style>
	@page {
	size: A4 landscape;
	margin: 5%;