Shinyu Murakami MurakamiShinyu

## mojikumi-css-text-spacing.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              3 stars
            
          
                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 4 の text-spacing-trim プロパティ が最近のブラウザ Chrome (Chromium) 123 以降で利用可能になりました。また、CSS組版ソフトVivliostyleでも以前から利用可能です。
この text-spacing-trim プロパティの機能（行頭・行末や連続する約物の詰めの制御）は、DTPソフトのInDesignの文字組みアキ量設定に近いものです。そこで文字組みアキ量設定に対応するCSSでの設定方法をまとめます。
text-spacing-trim プロパティの値は次の通り：

  
## zipコマンドでEPUBファイルを生成.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                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 *

  
## css-text-spacing-trim-ja.html
<!DOCTYPE html>
<html lang="ja">

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

## css-text-4-memo-ja.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              1 star
            
          
                MurakamiShinyu
                / css-text-4-memo-ja.md
            
            
              Last active
              April 14, 2024 03:00
            
              
                CSS Text Level 4 を読む（抄訳）
              
          
    CSS Text Level 4 を読む（抄訳）

CSS Text Module Level 4

W3C Working Draft, 19 February 2024

This version: https://www.w3.org/TR/2024/WD-css-text-4-20240219/
Latest published version: https://www.w3.org/TR/css-text-4/
Editor's Draft: https://drafts.csswg.org/css-text-4/

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

  
## epub-ua-string.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                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を作成


## epub-css-test-memo.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                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" の範囲しかサポートしていない。
モダンブラウザ系


## epub-css-snapshot2023-checklist.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                MurakamiShinyu
                / epub-css-snapshot2023-checklist.md
            
            
              Last active
              December 30, 2023 06:57
            
          
    EPUBリーダーのCSS仕様適合性チェックリスト

はじめに

最新のEPUB仕様であるEPUB 3.3では、「EPUB 3は、CSS Snapshot で定義されたCSSをサポートする」と明記されている（§1.3.3 Relationship to CSS）。いくつかの -epub- 接頭辞付きのCSSプロパティは後方互換性のために残されてはいるが、「EPUB制作者は接頭辞なしのプロパティを使用するべきで、リーディングシステムは現行のCSS仕様をサポートするべき」、「Working Groupは、EPUBの次のメジャーバージョンでこれらの接頭辞付きプロパティをサポートする見込みがないため、現在これらの接頭辞付きプロパティを使用しているEPUBクリエーターは、サポートが可能になり次第、接頭辞なしバージョンに移行することを推奨する」とのことである（$6.3.1.3 Prefixed properties）。
それでは各社のEPUBリーディングシステムが現行のCSS仕様をどれだけサポートしているのか、-epub- 接頭辞付きプロパティはもう使わなくてよいのか、気になるところである。そこで、CSS Snapshot 2023 でCSSの公式的な定義とされているCSSモジュールを中心にチェックリストを作成した。
CSSの公式的な定義に含まれるCSSモジュール


## text-spacing-trim-space-first-test.html
<!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%;


## word-break-auto-phrase.html
<!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>

## links.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                MurakamiShinyu
                / links.md
            
            
              Last active
              August 16, 2023 14:37
            
          
    リンク http://example.com をクリック。
リンク www.example.com をクリック。
リンクhttp://example.comをクリック。
リンクwww.example.comをクリック。
リンク:http://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;