文芸も！ラノベも!! KADOKAWA“超”合本フェア2020 最大70％OFF 10/1まで
KADOKAWA 秋カド 2020 最大70％OFF 10/1まで
祝！ 通巻300号＆創刊25周年 KADOKAWA コミックビームフェア後編 50％OFF 10/1まで
「TRPGオンラインフェスティバル」開催記念 KADOKAWA“大”TRPG祭 50％OFF 10/1まで
モノトーンミュージアムRPG リプレイ＆データブック フィオリトゥーラ (ログインテーブルトークRPGシリーズ)
人気作続々 双葉社 ラノベコミック＆書籍フェア 最大53％OFF 10/1まで
AozoraEpub3で「電書協 EPUB 3 制作ガイド 表示確認用サンプルファイル」と同じ表示になるようにやってきましたが。出力される内容もほぼおなじになるように色々調整していく。ただ、あまりいじりすぎると影響範囲がわからなくなるので、程々に抑えようと思う。
#c001 ボックスモデル簡易確認
#c002 右開き（右綴じ）書籍中での横組みページ確認
これはめんどくさそうだったのでやめとこうかなと思っている。
横組は、 class="hltr"と指定すればできる。ただし、書き換えるのをどうするかは決めていない。
#001 ページフィット（改ページせず挿入）
<p><img class="fit" src="../image/img-w1536xh2048.jpg" alt=""/></p>
画像の表示でclassでfitを指定する。これを画像注記で出力する場合に標準にした。
というのも以前までは、画像サイズが画面より大きい場合にはみ出したり折り返して表示されることがあった。
fitクラスを指定すると、画面より大きい場合には、縮小して表示する。画面より小さい場合はそのままのサイズで表示する。
これをsvgラッピングにするかを悩んだ。例えば、1ページそのまま画像として表示したい場合に、縮小されて表示されるのはどうも不自然に感じる。
ただ小さい画像を無理やり引き延ばせば見た目が汚くなるという懸念もある。
青空文庫ではキャプションというのがあって、画像の下に説明を表示する注記がある。そのために、画像を全画面で表示したくない場合もある。ただ、そういう指定をするスタイルシートがどのリーダーにも対応しているわけではないので使わないほうが良いのかも。
AozoraEpub3では画像が大きい場合に1ページ画像にするために改ページをすることがある。改ページ注記で挟むやり方もある。
#001 ページフィット
#001-f 改ページして行頭寄せ
標準で、天付きだから注記としてなくても良いのかなと思っていたが、改めて見るとなんとなく不自然な気もしてきた。<body class="p-image">は単ページ画像化したものに、入れるものらしいが。スタイルシートは中央寄せになっていた。
body.p-image {
margin: 0;
padding: 0;
text-align: center;
}
<body class="p-image">
<div class="main align-start">
<p><img class="fit" src="../image/img-w1200xh400.jpg" alt=""/></p>
</div>
</body>
/* 行頭揃え */
.align-left,
.align-start {
text-align: left;
-webkit-text-align-last: left;
-epub-text-align-last: left;
}
#001 ページフィット
#001-g 改ページして行末寄せ
/* 地付き */
<div class="btm">
</div>
div.btm, div.btm p { text-align: right; }
［＃ここから地付き］
［＃sample（sample.jpg）入る］
［＃ここで地付き終わり］
地付きのクラス指定をalign-rightにしたほうが良いかもしれない。
<body class="p-image">
<div class="main align-end">
<p><img class="fit" src="../image/img-w1200xh400.jpg" alt=""/></p>
</div>
</body>
/* 行末揃え */
.align-right,
.align-end {
text-align: right;
-webkit-text-align-last: auto;
-epub-text-align-last: auto;
}
セール品で少ない冊数のセールまで拾ってみました。白泉社などは作者ごとにセールをやっているので、少ない冊数のものが多い。
白泉社『ふれるかおる 6巻』 コミックス配信キャンペーン 50％OFF 9/29まで
大人の溺愛・決定版！夏の水谷京子フェア 『蜜薔薇の結婚』最新話配信 最大50％OFF 9/29まで
白泉社『Love Jossie 第62号』 配信記念フェア 最大75％OFF 9/30まで
ディスカヴァー・トゥエンティワン 哲学に触れる秋！超訳シリーズ【最大50％OFF】 9/28まで
TOブックスコミックス9月新刊キャンペーン【最大50％OFF】 9/30まで
9/28まで！【第2弾】電子漫画誌 『漫画ゴラクスペシャル』配信記念キャンペーン 最大３０％OFF 9/28まで
講談社 『ルビィ』配信記念！ 重松清と“泣ける小説”フェア 30％OFF 10/1まで
期間限定無料と分冊版を除外して、無料本をピックアップしてみた。無料本はあまり扱ってこなかったけど、試しにまとめてみました。いつも無料になることが多いのが結構ある。
WYSIWYGで青空文庫エディターを作れないかを考えています。ウェブでHTML出力やJSON出力のあるエディターは割とある。それを青空文庫の注記に変換すれば、入力作業がやりやすくなるかと考えて作れそうか調べてみた。
editor.jsがjson形式で出力するようなので使えるかなと思ったが、一番上にメニューがあるのではなくて、文字ごと二書式を選択するタイプなので思っていたのと違った。
quillは吐き出すjsonがあまりきれいでなかった。HTML出力しても独自な書き方てパースもしにくそうな感じがした。
JSON出力
[
{
"insert": "タイトル"
},
{
"attributes": {
"header": 1
},
"insert": "\n"
},
{
"insert": " 本文の内容\n"
},
{
"insert": {
"image": "data:image/png;base64,"
}
},
{
"insert": "\n"
}
]
HTML出力
<div class="ql-editor" contenteditable="true"><h1>タイトル</h1><p> 本文の内容</p><p><img src="data:image/png;base64,"></p></div><div class="ql-clipboard" contenteditable="true" tabindex="-1"></div><div class="ql-tooltip ql-hidden"><a class="ql-preview" target="_blank" href="about:blank"></a><input type="text" data-formula="e=mc^2" data-link="quilljs.com" data-video="Embed URL"><a class="ql-action"></a><a class="ql-remove"></a></div>
ただ、機能を減らしたり追加したり代わりと簡単にできるのが良い。
TinyMCEはrubyタグ用のプラグインがすでにあった。ただ、フォントの指定だとか、headなどをどのように消すのかがよくわかっていない。
HTML出力は割とまともな感じがした。
CKEditor5
ドキュメントを見ても、文章をどうやって出力するのかがよくわからなかった。
機能は豊富で、カスタマイズもしやすそうだけど。
