Skip to content

Instantly share code, notes, and snippets.

View MurakamiShinyu's full-sized avatar

Shinyu Murakami MurakamiShinyu

View GitHub Profile
@MurakamiShinyu
MurakamiShinyu / zipコマンドでEPUBファイルを生成.md
Last active July 27, 2024 09:23
展開されたEPUBフォルダーからzipコマンドでEPUBファイルを生成

展開されたEPUBフォルダーからzipコマンドでEPUBファイルを生成する方法

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

cd sample
zip -X0 ../sample.epub mimetype
zip -Xru ../sample.epub *
@MurakamiShinyu
MurakamiShinyu / mojikumi-css-text-spacing.md
Last active August 28, 2024 06:11
InDesign文字組みアキ量設定をCSS text-spacing-trimプロパティで

InDesign文字組みアキ量設定に対応するCSSのプロパティ指定

はじめに:CSS text-spacing-trim プロパティが利用可能に!

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

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

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

@MurakamiShinyu
MurakamiShinyu / epub-ua-string.md
Last active April 7, 2024 07:11
EPUB閲覧アプリのUA文字列

EPUB閲覧アプリのUA文字列を調べた

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

show-ua-string.epub

作り方:

show-ua-string.htmlを作成

@MurakamiShinyu
MurakamiShinyu / css-text-4-memo-ja.md
Last active April 14, 2024 03:00
CSS Text Level 4 を読む(抄訳)
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>text-spacing-trimテスト</title>
<style>
p {
border: 1px solid silver;
text-align: justify;
@MurakamiShinyu
MurakamiShinyu / text-spacing-trim-space-first-test.html
Last active October 26, 2023 17:57
行頭約物処理のテスト [text-spacing-trim space-first... test]
<!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%;
@MurakamiShinyu
MurakamiShinyu / epub-css-test-memo.md
Last active January 9, 2024 02:38
EPUB CSS仕様適合性テスト 評価メモ

EPUBリーダーのCSS仕様適合性テストの評価メモ

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

EPUBリーダー毎の評価メモ

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

モダンブラウザ系

<!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>
<!doctype html>
<style>
@page {
size: 210mm 210mm;
marks: crop cross;
bleed: 3mm;
margin: -3mm;
}
body {
margin: 0;