エロラノベの自炊をしてみた記録 その１
http://ccf-squarelab.blogspot.jp/2012/09/blog-post.html
の続きです
いよいよEPUB作り……の前に原料であるHTMLを作る
前回の作業で、エロラノベ1冊を文章部分と画像部分に分類したわけだが、当然のことながら電子書籍ではこれらを1つに統合しなくてはならない。
文章と画像を同時に扱えて、エディタで組めるソース的なものと言えば……HTMLということで、今回はHTMLを採用してみることにした。
エディタはMery＋プラグイン:テンプレートを使用している。
① まずはHTMLの基礎を作る
Meryの[ツール]→[プラグイン]→[テンプレート]を選択した後、[HTML]→[基本ページ]を選択することで以下のHTMLひな形が完成する。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>お嬢様がお買い上げ 振り袖彼女はご主人様で恋のドレイ</title>
</head>
<body>
</body>
</html>
titleタグ内はこれから作成する電子書籍のタイトルでも入れておく。あと文字コードはUTF-8が望ましい。ここで変更するより、テンプレートの方で修正しておきたい。
実際のソースはbodyタグ内に書くことになる。
② 目次を作る
OCR作業で最初のページを作った際、目次をテキスト化したものを作ったはずなので、ここをリスト化して各章を本文のそれぞれの位置に内部リンクさせておく。
リンク先についてはこの後の本文の追加の時に記述する。
目次の例
プロローグ 幼なじみと再会？ ……7
第一章 1億円でヤクサお嬢様に買われて ……14
第二章 お嬢様をイカせるのが執事の仕事 ……63
第三章 いっときの逆転、ふたりの関係 ……100
第四章 彼女は主人、彼女はドレイ…… ……152
第五章 対等な恋人として、お尻H（はーと） ……201
エンディング 手と手をつないで ……253
<ul>
<li><a href="#0000">プロローグ 幼なじみと再会？</a> ……7
<li><a href="#0001">第一章 1億円でヤクサお嬢様に買われて</a> ……14
<li><a href="#0002">第二章 お嬢様をイカせるのが執事の仕事</a> ……63
<li><a href="#0003">第三章 いっときの逆転、ふたりの関係</a> ……100
<li><a href="#0004">第四章 彼女は主人、彼女はドレイ……</a> ……152
<li><a href="#0005">第五章 対等な恋人として、お尻H（はーと）</a> ……201
<li><a href="#0006">エンディング 手と手をつないで</a> ……253
</ul>
これをさっきのHTMLのbodyタグ内の最初の項目として挿入する。
③ 画像・文章を挿入する
画像を挿入する場合、前後には文章があるはずなのでそれらは別にdivまたはpで括っておく。例えば画像0020.jpgを挿入する場合、前後には0010.txtと0020.txtを用意したので
<p>（0010.txt全文）</p>
<img src="0020.jpg">
<p>（0020.txt全文）</p>
という形になる。テキストファイルをHTML文書にそのままコピペすると改行がなくなるが、これは後で処理するのでここではこれを繰り返して全文をまとめたHTML作りを優先する。
④ 各章のリンク先を設定する
①で作った目次のリンクで各章に本当に飛べるようにマーカーを設定する。
第１章の場合、文章中の章題部分を見つけて、<a name="0001">を設定すればよい。
見栄え上、章題は<h1>か<h2>を使って③の画像のようにすべきだと思う。
（略） 川本光一が尾崎紫苑と個人的な話ができたのは、それから二ケ月近くあとの七月のはじめ。梅雨がようやくあがった頃、紫苑邸でのことだった。</p>
<h1><a name=”0001”></a>第一章 １億円でヤクサお嬢様に買われて</h1>
<p> その男が訪ねてきたとき、川本光一は、リビングのテレビに向かってゲームをプレイしていた。（略）
⑤ 結合が終わったら順番が正しいかどうかチェック
こういうときにも校正の漏れがわかるので適宜修正する。
章リンクもチェックチェック。
⑥ 改行を一括置換する
私がMeryで使っているのは、
1回目 \n（改行コード） → <br>\n
2回目 ><br> → >
2回目はすでにタグのある行に対して改行を行わないためである。
⑦ HTML完成チェック
やはりきちんとできているかチェックする。小説であればあまりないのだが、新書だと太字や斜体、文字色などの指定もあると思うのでその辺はここで指定する。
以上で文章と画像を結合したHTML文書が完成。
次はツール（calibre-portable）を使った、電子書籍方式への変換を行う。
ここまでできたの図
エロラノベの自炊をしてみた記録 その３【完結編？】
http://ccf-squarelab.blogspot.jp/2012/09/blog-post_13.html
に続く
■ツイート 
0 件のコメント:
コメントを投稿