日本語Epubブックサンプル

サンプル改訂しました。
Epub 3.0対応eBookリーダーをテストできます。
詳細は下記、Epub 3.0と日本語対応をごらんください。

日本語のEpub電子書籍サンプルです。 Epubは、アップル（Apple）のアイブックストア（iBookStore）、グーグルエディション（Google Editions）、ソニーリーダー（Sony reader）などが採用した公開電子書籍フォーマットです。アマゾン（Amazon）のキンドルブック（Kindle book）の入稿形式としても利用可能です。

このサンプルは最初、Windows環境で動作するEpub対応電子書籍リーダーアプリケーション、アドビ（Adobe）のデジタルエディション（Digital Edition）でテストしました。 iPadのiBooksリーダーでもテスト済みです。

ダウンロード: epub-sample.zip

PodcastでiBooksへ配信: podcast.xml

（上のリンクをクリックすると、PCのiTunesが起動し、ライブラリにサンプルがダウンロードされます。このときPodcastの登録を求められてもキャンセルしてください。続いてiPhone/iPadを接続して同期させ、iBooksを起動してください。本棚にサンプル本が登録されているはずです。）

参考: このEpubサンプルをAmazon形式に変換してKindleで表示

参考: 英語のEpub本『Java Programming with Mifare and ACR120』をApple iBooks Storeから発売開始しました（アゴラ関連記事）。

まとめ

この日本語のEpubブック（Open eBook）サンプルは下記のリンクにある英語のEpubサンプルを元に作成しました。

.epub eBooks Tutorial (How to Make an ePub eBook by Hand)

Epub形式は、XHTMLの本文と、目次などいくつかのXMLファイルをZIPファイルにまとめたものです。この例のように特別なツールを使わなくても、テキストエディタとZIPコマンドだけで作成できます。

表示のテストは、Windows環境でEpubに対応したAdobeのReaderソフト、Digital Editionを用いて行いました。

Adobe Digital Edition 1.7.1

英語のサンプルの文字を単に日本語に直しただけでは、日本語は表示されませんでした。下記リンクのとおり、XHTMLファイルに言語指定を加える必要がありました。

Sigilで作成した日本語ePUBコンテンツの文字化けを修正する方法

要約すると、本文のXHTMLファイルのHTML宣言に言語を指定する必要がある、ということです。

	<html xmlns="http://www.w3.org/1999/xhtml">
	   |
	   v
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

この修正で日本語の表示が確かにうまくいきました。

Adobe Digital Editionでの表示例

このサンプルブックはタイトルページ、第一章、第二章の三つのセクションに分かれています（三章を追加 → EPUB 3.0）。サンプルEpubファイルをAdobe Digital Editionで開いた様子です。

Screen shot of Digital Edition, title page

Screen shot of Digital Edition, page one

Screen shot of Digital Edition, page two

はじめに

Epubとは、電子ブック（eBook）の公開規格のひとつで、ファイルの拡張子が.epubのため、この名前があります。 International Digital Publishing Forum（IDPF）という団体が規格を決めています。

簡単にまとめると、

一定の約束のもとに構成ファイルをZIPファイルにまとめたもの（ただし拡張子は.epub）。
ファイル一覧や目次などXML形式のメタファイルを持つ。
コンテンツはXHTMLとCSSのサブセット、PNG、JPEGなど、Web標準に準拠。
最大の特徴は、PDFとは異なり固定のページ境界がなく、画面やフォントの大きさに応じて、表示のたびにページ境界が変動する。

（書き換え）Epub仕様は、ファイルのまとめかた、ページをめくる順序の指定方法、目次の書き方などを定めたもので、中身の文書形式についてはWebのHTMLやCSSをそのまま採用しています。どのタグを入れて、どの属性を入れないか、などを決めているだけです。このため、Epub準拠のeBookリーダーのなかには、Epubが規定したサブセットを超えてHTMLやCSSの仕様をサポートするものも多くあると思います。

参考: IDPFが策定したEpub仕様

ファイル構成

サンプルのZIPファイル（sample-epub.zip）を解凍すると、次のファイルがあります。

	sample.epub
	sample/
	  mimetype
	  META-INF/
	    container.xml
	  OEBPS/
	    content.opf
	    toc.ncx
	    title_page.xhtml
	    chap01.xhtml
	    chap02.xhtml
	    chap03.xhtml <-- added
	    stylesheet.css
	    page-template.xpgt
	    images/
	      koma.gif (sample.jpg replaced)
	makeepub.bat

sample.epubがEpub形式のZIPファイルです。その中身がsampleフォルダ以下に置いてあります。 sample.epubの拡張子部分をzipに付け替えて解凍したものです。上で紹介したオリジナルの英語サンプルの内容を借りて、日本語の表示テストを行うためにいくつかのファイルを書き直し、あるいは置き換えました。太字のファイルが修正・置換したファイルです。 makeepub.batはsampleフォルダの内容をsample.epubにまとめるのに使ったバッチコマンドです（後述）。

次のファイル群はEpub仕様に準じたメタファイルです。

mimetype	Epub形式のZIPファイルであることをリーダーに知らせるファイル
META-INF/container.xml	次のOPFファイルの場所を示すファイル
OEBPS/content.opf	ブック本文を構成するファイル一覧。XHTML、CSS、画像などすべて。ページの表示順（spineという）もここに記述する。
OEBPS/toc.ncx	目次。

次のファイル群は、Epubブックの本文を構成するファイルで、このままWebでも表示可能です。

	title_page.xhtml
	chap01.xhtml
	chap02.xhtml
	chap03.xhtml <-- added
	stylesheet.css
	koma.gif

次のファイルは、AdobeがEpubに加えた拡張のひとつ、XML形式のスタイルシートです。 iBooksではAdobeのページテンプレートはサポートされません。

	page-template.xpgt

Epubファイルの作成

ソースからEpub形式のZIPファイルを作るには、なんらかのZIPツールを使用します。

ただ、ひとつやっかいな条件があります。 mimetypeがZIPファイルの最初のファイルで、しかも圧縮されてないことが条件です。 Windows XP内蔵のZIPツールで無圧縮を指定する方法はわからなかったので（たぶんできない？）、コマンドラインのZIPツールを使用しました（いつも使用してるもの）。

Info-ZIP

makeepub.batの内容は次のとおりです。

	cd sample
	zip -0 ..\sample.epub mimetype
	zip -r ..\sample.epub * -x mimetype
	cd ..

ここで、-0オプションは圧縮しない指定、-rは下位フォルダも格納する指定、-xは除外するファイルの指定です。

（2011/05/13）TACSI MORI 様よりご指摘がありました。

ところで、このページに記載されている。
zip -0 ..\sample.epub mimetype
というやりかたでは、mimetypeについて
ZIPヘッダにextra fieldが入ってしまい、
OCFの規定を満たせないのではないでしょうか？

-Xオプション（大文字）をつければ解決すると思います。
zip -0 -X ..\sample.epub mimetype

詳細については拙ブログに書いてみました（URLは下記）。
http://lamium.blogspot.com

Epub 3.0と日本語テキスト表示のサポート

EpubがベースにしているWeb標準の最新仕様（CSS3、HTML5）では、日本を含む極東アジア地域の言語で書かれた文書を、縦書きやルビなど伝統的な体裁で表示できる仕様が追加されました。今後、多くのWebブラウザやeBookリーダがサポートしてくれるものと期待します。

その際に簡単なテストに使えるようこのサンプルに新しい章を追加しました。縦書き、ルビ、縦中横、圏点、禁則を加えました。まだテストそのものができない状況なので間違っているところがあるかもしれません。お気づきの点がありましたらメールで教えてください。

新しい章のソース: chap03.xhtml

Internet Explorer 6.0での表示

下記は、追加したファイルをInternet Explorer 6.0で表示したものです。 IEは早くから日本語表記をサポートしていたことがわかります。圏点と禁則以外は動作しているようにみえます。

Third chapter in IE 6.0

IE 6.0で表示するため若干修正したファイル: tate-ie60.htm

Google Chrome 16での表示

今度はこれをGoogleのChromeブラウザ（開発バージョン16）で表示してみたものです。 text-combineを使用する縦中横以外はすべて動作しているように見えます。

Third chapter in Chrome 15

Chrome 16で表示するため若干修正したファイル: tate-chrome16.htm

ChromeのWeb表示エンジンはWebKitです。 Safari、AndroidやiOSのブラウザもWebKitベースです。ただこれらブラウザで使われているWebKitのバージョンは異なります。

筆者はFireFox 3.6.23（Gecko）でも試してみましたが、今のところ縦書き表示はできていません。

参考

このサイトのほかの文書サンプルです。

横浜工文社の関連ビジネスです。

このEpubサンプルに関すること、広くテキスト・XMLベースの文書作成、電子出版など、お問い合わせ、コメント、お困りの点のご相談など、歓迎いたします。

Contact