Shinyu Murakami MurakamiShinyu

Puppeteer test

$ 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" の範囲しかサポートしていない。

リンク http://example.com をクリック。

リンク www.example.com をクリック。

リンクwww.example.comをクリック。

	<!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%;

	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>日本語の文節区切りでの行分割(word-break: auto-phrase)のテスト</title>
	</head>
	<body>
	<h1>日本語の文節区切りでの行分割(word-break: auto-phrase)のテスト</h1>
	<h2>word-break: auto-phrase</h2>