でんでんコンバーター縦書きで奥付、コピーライトの © 記号について
Kindle 出版に関する記事です。でんでんコンバーターの縦書き用で、電子書籍の奥付を作成した際、気づいたことが2つありました。小ネタですが、一応アウトプットしておきますね。
縦書き用の奥付でコピーライト(著作権表記)の © 記号を使うと、メールなどの英文字や @ のように時計回りに 90 度回転しない
目次に奥付の項目を載せたいが、奥付ページの最初の1行を「奥付」ではなく、「電子書籍のタイトル」にしたい場合、どうしたらよいか
解決方法 1 -- コピーライト --
コピーライト(著作権表記)の © 記号
でんでんコンバーターの縦書き用では、デフォルトで英文字を半角入力すると、時計回りに 90 度回転します。メールのアットマーク @ 記号も同様に時計回りに 90 度回転します。でもコピーライト(著作権表記)の © 記号の場合は、上記の画像のように時計回りに 90 度回転しません。
上記画像の元のテキストデータ(でんでんマークダウン記法を使う)はこんな感じです。
## 奥付
二〇二五年二月一日 初版発行
著者 山田太郎
© 2025 Yamada Taro
※ちなみに HTML で © 記号などの特殊な文字・記号を表すには、
「文字実体参照」と「数値文字参照」の2種類の専用の文字コードがあります。ところが © 記号の場合、「文字実体参照」の © で記述すると、エラーになってしまいます。でんでんマークダウンには対応していないようです。「数値文字参照」の © のほうを使うようにしてください。
では解決方法です。下記のようにテキストデータを記述すると、© 記号が時計回りに 90 度回転します。
## 奥付
二〇二五年二月一日 初版発行
著者 山田太郎
<span class="sideways">©</span> 2025 Yamada Taro
CSS の記述は不要です。すでに デフォルトの縦書き用の default_vertical.css に sideways class セレクタが定義されているからです。default_vertical.css は以下からダウンロードできます。
https://conv.denshochan.com/downloads
一応スタイルシートの中身を確認してみます。default_vertical.css をお持ちのテキストエディタで開いて、sideways で検索してみてください。下記の記述があればオッケーです。
.sideways {
-epub-text-orientation: sideways;
}
class 名に任意の名前をつけて、自分で管理したいという方もいらっしゃるかもしれません。念のためその方法も書き留めておきます。次のようにテキストデータの span 要素の class 属性に、例えば copyright という名前をつけたとします。
## 奥付
二〇二五年二月一日 初版発行
著者 山田太郎
<span class="copyright">©</span> 2025 Yamada Taro
あとは、先ほど確認のためにダウンロードした default_vertical.css の最後のほうに自分用として、下記のコードを追加してテキストデータと一緒にアップロードしてください。
.copyright {
-epub-text-orientation: sideways;
}
こちらのやり方でも © 記号が時計回りに 90 度回転すると思います。
【追記】2025/01/27
上記のようにするメリットはカスタマイズの幅が広がるからです。
例えば、© 記号のサイズをもうほんの少し大きくしたり小さくしたりしたい場合は、font-size プロパティで変更できます。
また、やっぱり縦書きの向きのままにしたいと思った場合、text-orientation プロパティの値を sideways から、初期値の mixed に変更すれば元に戻ります。このように CSS をいじるだけで簡単に調整ができるからです。
.copyright {
/* 記号サイズの変更 */
font-size: 1.2em;
/* 縦書きの向きに戻したい(初期値に戻す) */
-epub-text-orientation: mixed;
}
© 記号の代替やそれ以外の方法
ぐだぐだ書いてきましたが、CSS を使わずにテキストデータだけでもっと簡単に書く方法もあります。半角入力で、(c) と記述すれば、他の英文字と同様に時計回りに 90 度回転します。また、© 記号の向きを変えずに、以下の画像のように記号の直下を日本語に置き換える方法もあります。面倒くさければそれで十分だと思います。
解決方法 2 -- 目次と奥付 --
次は目次の最後に奥付の項目を載せて、クリックやタップすると、奥付のページに飛ぶようにします。その際、奥付ページの最初の1行を電子書籍のタイトルにする方法です。
まずテキストデータを以下のようにします。
## 奥付
二〇二五年二月一日 初版発行
著者 山田太郎
<span class="copyright">©</span> 2025 Yamada Taro
それからこの奥付ページが最後のテキストファイルになるようにします。
例えば、01.txt 02.txt ... 10.txt までテキストデータがあれば、奥付のテキストファイルは、11.txt にします。または、でんでんマークダウンでは、 ===== (半角のイコール記号「=」が3つ以上、前後に空行)で、改ページ(ファイル分割)を表すので、10.txt の最後に ===== を追加して、奥付の内容を記述してもオッケーだと思います。
※ファイル名の頭に 0 をつけずに、1.txt 2.txt 3.txt ... 11.txt とすると、ファイルの結合の順番が、1.txt 10.txt 11.txt 2.txt 3.txt ... 9.txt になるので注意
電子書籍形式の epub ファイルの分解
では奥付ページの最初の1行を「奥付」ではなく、「電子書籍のタイトル」にする方法です。一度テキストデータをでんでんコンバーターで電子書籍形式の epub ファイルに変換したあと、分解して編集する必要があります。
epub ファイルの分解は、Windows10/11 では、フリーソフトなしで標準機能だけでできます。epub ファイルを zip に圧縮して解凍(すべて展開)して、編集、あとはまた zip に圧縮して名前を変更して epub ファイルに戻すだけです。(言葉にすると、難しそうですが、慣れると簡単です)
作業の流れ(例、Windows11)
xxxx.epub ファイルを例えば、mybook.zip に名前を変更
( 警告メッセージのダイアログが表示されるが「はい」を選択 )右クリックして「すべて展開...」→「展開」→「mybook フォルダ生成」( mybook フォルダの中に META-INF フォルダ、OEBPS フォルダ、mimetype ファイルができる )→ 編集作業に入る
META-INF フォルダ、OEBPS フォルダ、mimetype ファイル、この3つを すべて選択した状態で右クリックして、「圧縮先...」→「ZIP ファイル」→「ファイルの名前を mybook.epub に戻す」
※上記の方法でうまくいかない場合は、フリーソフトを使ってください
xhtml ファイルの編集内容
すごく簡単です。分解したフォルダの中に OEBPS という名前のフォルダがあると思います。 その中に bodymatter_x_x.xhtml ( x は半角数字 ) という名前がついたファイルが並んでいるかと思います。その中の最後のファイルを開いてください。
<body class="bodymatter vrtl" epub:type="bodymatter">
<h2 id="toc_index_1">奥付</h2>
<p>二〇二五年二月一日 初版発行<br/>
著者 山田太郎<br/>
<span class="sideways">©</span> 2025 Yamada Taro</p>
</body>
上記コードの <h2 id="toc_index_1">奥付</h2> の奥付を 電子書籍タイトル に置き換えるだけです。( h2 タグは消さないでください )
h2 タグの中の文字を変更しても目次のリンクは生きたままです。あとは上記の作業の流れの手順に従って元の mybook.epub に戻してください。
これもなんか面倒くさいという方は、目次にあとがきをつけて、あとがきの記述のあとに、奥付の内容を一緒に書き込むといったやり方でもよいかと思います。
最後に
先述した sideways クラスは、以下のページに説明があります。
(目次 17. HTML のヘルパークラス)
https://conv.denshochan.com/markdown
sideways クラス以外にも tcy クラス(縦中横)や upright クラス(正立)もすでに定義されています。sideways クラスと同様に css の記述不要で縦書きテキストの向きを設定できます。ただし、現時点では、upright クラスも tcy クラスと同じ縦中横になっているので注意してください。
default_vertical.css
.tcy {
-epub-text-combine: horizontal;
}
.upright {
/* -epub-text-orientation: upright; */
-epub-text-combine: horizontal;
}
以上です。
皆さんの 作った Kindle 本がどうかバカ売れしますように!(笑)