JEPA 11月度定例会　～今から始めるEPUB 3＆Kindle～

林　拓也（ハヤシ　タクヤ）

1

プロフィール

■林　拓也（ハヤシ　タクヤ）

■Twitter：@HapHands

■ Facebook：takuya.hayashi

■デジタルコンテンツ受注制作

■トレーニングインストラクター

■書籍執筆 EPUB 3 電子書籍制作の教科書技術評論社

2

今日の主題

■ EPUBファイル、Kindle（MOBI）ファイルを作成する

■現時点での制作ポイントを確認する

3

拡大するEPUB形式の利用

■紀伊國屋 BookWebPlus／楽天 Kobo／ソニー Reader Store etc…◆「OnDeck電子書籍ストア利用率調査」。

◆利用状況の上位3ストアでEPUBが利用されている。

◆ Google Play ブックス、iBookstoreや他のストアでも利用されている。

◆ 9月中旬時点でKindleへの期待も大きかった。

4

拡大するEPUB形式の利用■ 10月25日、日本でKindleストアオープン◆ iOS／Android向けアプリは既に日本のKindleストアに対応。

◆読書端末（Kindel WhitePaper／Kindle Fire HDなど）も近日出荷開始。

◆ Kindleの電子書籍フォーマットはEPUBに類似したもの。

◆ EPUBから変換できる。

5

個人・小規模出版の幕開け■楽天Kobo「Kobo Writing Life」◆ EPUB、Wordファイル（.doc）などで入稿可能。

◆最終的な形式はEPUB。

■アマゾン「Kindle ダイレクト・パブリッシング」（KDP）◆ HTML、EPUBなどで入稿可能。※Wordファイル（.doc）も試験的にサポート。

◆最終的な形式はKindle形式（AZW、MOBI）。

6

個人・小規模出版の幕開け■独自に販売、配布する◆購入者の情報を入手できる◇ お知らせ、販促に。

◆複数のフォーマットを同梱できる◇ 海外では、独自にEPUBとMOBIのセットで販売しているストアもある。

◆配布、販売用のページを作成する必要がある◇ 販売の際には決済方法も検討。

◆ DRMが設定できない

7

個人・小規模出版の幕開け

■ストア向けの入稿データとして…

■独自の販売データとして…

■ EPUB形式、MOBI形式（Kindle向け）のファイルを作成してみよう！

8

制作デモ

9

制作デモについて■制作コンテンツ◆青空文庫の「それから」（夏目漱石）の一部を利用

■縦組み、文章中心のリフロー◆ EPUB 3とKindle Format 8（KF8）。

■まずEPUBファイルを制作し、MOBIに変換◆いくつかのアプリ・環境に対する注意点や対応について言及。

◆あくまで現時点のもの。

10

制作デモについて

◆今日は1ファイルでやるが、必要に応じて環境ごとにファイルを分けることも検討すべき。

■制作に使用する主なソフト◆ XHTML、CSSの作成：Dreamweaver CS6

◆ EPUBオーサリング：FUSEeβ 0.1.1 beta Build 7e

◆MOBIファイルへの変換と確認：Kindle Previewer 2.71

11

XHTML5ファイルへの変換■ドキュメント情報をEPUB用に変更◆キュメントタイプ、ヘッダ情報など。

■構造の調整◆見出しと段落のタグを調整。FUSEeβは見出しを目次にするのでその点も考慮。

■HTMLタグの調整◆ HTML5で無くなった<rb>タグを削除する。

◆改行のタグをXHTML書式に。<br>→<br />

12

表紙と最低限のスタイル追加■表紙用の画像はRetinaディスプレイ機器を考慮した高解像度データに◆最小横幅1,400ピクセル以上に。※ソースファイルはできるだけ大きいサイズで用意しておくのが安心。

■ここではCSSスタイルは最小限のみ◆表紙の表示サイズ調整。

◆縦組みの設定。

13

表紙と最低限のスタイル追加■表示の確認◆主な問題◇ 行間が不適切なケースがある。

◇ 1XHTMLファイルであるための不都合がある。AndroidアプリのソニーReader

14

ファイルの分割とスタイル追加■扉、章など適宜XHTMLファイルを分割◆ 1XHTMLファイル250KB以下を目安に、実機で表示させて遅さを感じるようなら調整を検討。

■本文の文字サイズは指定しない◆リーディングシステムに委ねる。

■著者プロフィールを追加し縦中横を指定◆ 1桁および2桁のアラビア数字に縦中横を指定。

15

ファイルの分割とスタイル追加■行高を調整◆ line-heightプロパティで1.5～2.0程度を指定。

■フォントを指定◆Windows縦書き表示用に「@」付きのフォントを指定する。※現在のChromeではフォント指定なしでも縦書き時に文字が正立する。※FUSEeβでEPUBを書き出す際に「iBooksオプション」の「オリジナルフォントを有効にする」をチェックする。

16

ファイルの分割とスタイル追加■表示の確認◆主な問題◇ iBooksで2桁の縦中横が効かない。◇ iBooksで行末が揃わなくなる。

◇ iBooksで目次からのリンクが効かない。004：行末が不揃い 003：行末が揃っていた

17

調整1■ FUSEeβの範囲外の修正を行うため、前工程で作成したEPUBファイルを解凍して修正する◆再EPUB化にFUSEeβが使えなくなる。

■縦中横の調整◆ iBooks用に文字を少し小さくする。

■行末の揃えを追加◆ iBooksで日本語オリジナルフォントを使うときには必須（他環境用にも指定した方がよい）。

18

調整1

■目次ファイルをopfファイルと同じ階層に移動◆ iBooksの目次リンク問題への対応。※リンクの修正を忘れずに。

■くの字点を「／＼」から「〳〵」に変更してみる（実験）◆ iBooks用に縦中横の文字を少し小さくする。

■MOBI形式に変換、表示を試す

19

調整1■表示の確認◆主な問題◇ iOSのKindleアプリで縦組みにならない。※Kindleストアで入手したものは縦組みになる。

◇ Kindleで目次が使えない。

005：横組みでルビなども無効になり、目次も利用できない

Kindleストアから入手したもの

20

調整2

■Kindleで目次を利用するためにopfファイルを修正する◆ guide要素内にreference要素を追加する。

21

今日扱った制作ポイント■テスト時のIDの更新◆ EPUBのテスト作成時に実機確認する場合、IDを更新しておく。◇ IDが修正前のファイルと同じだと、アプリによっては同一書籍と認識されてしまって更新されない場合がある。

◆ IDの修正方法◇ FUSEβでは「UUID再生成」を実行する（.fprjファイルの別名保存時など）。

◇ ソースの直接編集の場合、opfファイル内のdc:identifier要素とNCXファイル内のhead要素＞meta要素の２カ所にIDがあるので、それらを修正する。※新しいIDはFUSEβが生成したものを利用するのが簡単

22

今日扱った制作ポイント■テスト時の書籍タイトルの更新◆ EPUBのテスト作成時に実機確認する場合、書籍タイトルも更新しておく。◇ タイトルが修正前のファイルと同じだと、古いデータと見分けがつかない。

◆書籍タイトルの修正方法◇ FUSEβでは「書籍情報」タブで変更する。

◇ ソースの直接編集の場合、opfファイル内のdc:title要素を修正する。

23

今日扱った制作ポイント■ iBooks◆縦組みはiOS6以降＋iBooks3以降が必要。

◆ CSSでフォントを指定するにはFUSEeβで「オリジナルフォントを有効にする」をチェックする。

◆オリジナルフォント使用時には行末を揃えるためにCSSで「text-align: justify;」を指定する。

◆縦中横部分の幅が広くなると自動的に解除される。

◆目次ファイルはopfファイルと同じ階層に入れる。

24

今日扱った制作ポイント■Kindle◆ iOSではKindleストア経由でないと縦組みが表示できない。◇ 何か方法がある？アマゾンの対応に期待。

◆ NCXファイルを含める。◇ FUSEeβでのEPUB書き出し時に「EPUB　2.0.1 / EPUB 3混在」を選択する。

◆目次を利用できるようにする。◇ 目次ファイルをコンテンツに含めた上でopfファイルにreference要素を追加する。

25

今日扱った制作ポイント◆ Kindle Previewer2.71ではKF8形式とMOBI7形式の両方を含むMOBIファイルを生成する◇ KF8形式をサポートしていないKindle環境ではMOBI7形式が表示に使われる。

2010年発売のKindleでも表示できる

26

今日扱った制作ポイント■Kobo Touch◆拡張子が「.epub」だと欧文向けエンジンで表示される

◆拡張子が「.kepub.epub」だと和文向けエンジンで表示される

■ソニー Reader／Adobe Digital Editions◆目次を利用できるようにする◇ NCXファイルを含めるために、FUSEeβでのEPUB書き出し時に「EPUB　2.0.1 / EPUB 3混在」を選択する。

27

今日扱った制作ポイント■Android OS◆デフォルトフォントでは「くの字点」が表示できない。◇ フォントを内包しているアプリ（Kindle、ソニー Reader）や、別のフォントのインストール・選択が可能なアプリ（Himawari Readerなど）では表示できる場合がある。

ソニーReader Himawari Readerでデフォルトフォントを使用

28

固定レイアウト

29

固定レイアウト■ IDPF（EPUB 3）の固定レイアウト◆固定レイアウトに関する設定はopfファイル内で行う◇ package要素＞metadata要素内に記述。

■固定レイアウトかリフローか◆ rendition:layoutプロパティ◇ reflowable（リフロー）／pre-paginated（固定レイアウト）

• 例：<meta property="rendition:layout">pre-paginated</meta>

30

固定レイアウト■表示向きの固定◆ rendition:orientationプロパティ◇ landscape（横向き）／portrait（縦向き）／auto（リーディングシステムに委ねる）• 例：<meta property="rendition:orientation">landscape</meta>

■見開き表示の指定◆ rendition:spreadプロパティ◇ none（見開き表示なし）／landscape（横向き時のみ）／portrait（縦向き時のみ）／both（常に）／auto（リーディングシステムに委ねる）• 例： <meta property="rendition:spread">none</meta>

31

固定レイアウト

■見開きページ表示時のXHTMLファイルの配置◆ page-spread-*プロパティ◇ rendition:page-spread-center（単一ファイルを中央に）／page-spread-left（左ページに）／page-spread-right（右ページに）

• 例：<itemref idref="page01" properties="rendition:page-spread-center"/>※このプロパティはpackage要素＞spine要素＞itemref要素の属性として指定

32

固定レイアウト■グローバル／ローカルな指定◆metadata要素内で指定すると書籍全体に対するグローバルな設定になる

◆ spine要素で指定すると特定ページのみのローカルな設定として上書きできる◇ rendition:page-spread-center（単一ファイルを中央に）／page-spread-left（左ページに）／page-spread-right（右ページに）• 例：<itemref idref="page01" properties="rendition:layout-reflowable rendition:orientation-portrait rendition:spread-none"/>※properties属性の値として、「プロパティ名 + "-" + 値」の形で指定

33

固定レイアウト

■ iBooks3はIDPFの固定レイアウトの主要な部分をサポート◆旧バージョンでは固定レイアウトを有効にするためにオプションファイルが必要だった。

◆ spine要素への指定は未サポート。◇ サンプルを確認• 「Fixed Layout Test Books: Fixed Layout ePub3: APEX@IGP」

34

固定レイアウト

■アマゾン（KF8）の固定レイアウト◆固定レイアウトに関する設定はopfファイル内で行う◇ package要素＞metadata要素内に記述。

■固定レイアウトかリフローか◆ fixed-layoutプロパティ◇ true（固定レイアウト）／false（リフロー）

• 例： <meta name="fixed-layout" content="true"/>

35

固定レイアウト■オリジナルの表示サイズ◆ original-resolutionプロパティ◇ 「横ピクセルx縦ピクセル」• 例： <meta name="original-resolution" content="600x733"/>

■表示向きの固定◆ orientation-lockプロパティ◇ landscape（横向き）／portrait（縦向き）／none（固定なし）• 例： <meta name="orientation-lock" content="portrait"/>

■サンプルファイルの確認◆「Kindle Format 8」

36

参考資料

■経済産業省「コンテンツ緊急電子化事業」◆「緊デジEPUB 3の特徴と制作時の注意」◆「緊デジ版EPUB 3テンプレート」（zipファイル）■日本電子書籍出版社協会◆「電書協EPUB 3 制作ガイド ver.1.1を公開」◆「電書協EPUB 3制作ガイドver.1.1」（zipファイル）

37

参考資料■Kindle関連◆「KDPツールとリソース」◆「Kindleパブリッシング・ガイドライン」（pdfファイル）

◆「日本語サポート補足資料」（pdfファイル）■ calibre◆「Download calibre」■デモで使用したファイル◆ JEPA1116_data.zip（zipファイル）

38

JEPA 11月度定例会～今から始めるEPUB 3＆Kindle～

ご清聴ありがとうございました　

39