技術書典の本を Kindle 出版してみた

2019年10月6日VUIデザインガイドブックkindle, epub

本を書きたい、夢が叶った

いつか本を書きたい。

そんな夢がありました。

小学生の頃は漫画、高校生の頃は小説を書くのに夢中でした。FFの本を目当てにコミケにも行っていたので、いつか自分も出したいなぁ〜と思っていました。

それが叶ったのが、技術書典。

初めて一から最後まで全部自分だけで書いた本が、形になりました。

そして「Kindle でも出してほしい」と意見をいただき、今回 Kindle 化に踏み出しました。物理的に形になるだけでなく、あの amazon.co.jp に掲載される「本」になりました。Alexa スキルももちろん amazon.co.jp に掲載されるものですが、Kindle はなんだか別格な気がしています（笑）

なんか嬉しいなぁー。

これで VUI がもっと多くの方に届くといいな。

VUI デザインガイドブック: ユーザーに愛されるスキルを作る

Amazon

まずは epub 化

元々 Re:view で本を書いていたので、epub 化は簡単なハズでした。ターミナルでこちらを叩く。

review-epubmaker config.yml

ですが、どうしたことか。

epub が壊れている…だと…！？まぁおそらく設定か書き方が悪かったのでしょう。

エラー究明

ターミナルで見てみたエラーはこんな感じ。

Error(htmlparser):E19001: No BODY tag found in content file.

どこのことを言っているかわからなかった。

EPUB-Checker なるものを入れてみた。

ちゃんと場所を示してくれるので分かりやすい。直接ファイルをいじることにした。

一度 epub 化のコマンドを叩くとこんな感じでフォルダができました。

/META-INF
mimetype
/OEBPS

OEBPS の中に、re で書いていた本文が html に変換されて出来ていました。WARN で HTML を XHTML に直した方がいいと言われていたので、それも全部対応しておいた。（ファイル名を変えて、それらを参照している "VUI-design.opf" と "VUI-design-toc.xhtml" の中身も HTML から XHTML に変換）

で、今回の問題は VUI-design-cover.xhtml の中身でした。

<div id="cover-image" class="cover-image">
<img src="images/cover.jpg" alt="cover"/>
</div>

BODY タグがないぞっと怒られていたので、他の XHTML を参照して次のように修正。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" xmlns:ops="http://www.idpf.org/2007/ops" xml:lang="ja">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="main.css" />
<meta name="generator" content="Re:VIEW" />
</head>
<body>
<div id="cover-image" class="cover-image">
<img src="images/cover.jpg" alt="cover"/>
</div>
</body>
</html>

こうすることで、エラーが消えました。

他にも細部で気になる箇所がいくらかあったので、"VUI-design.opf" や　CSS を直接いじって調整しました。