EPUB17 最近の更新履歴 epubcafé

(1)

Kindle ^出版

Kindle ^可能性 Kindle Format ^理解

@ JEPA 2012/12/28

1

(2)

ンャン株式会社

Kindle ^ン ^ン ^事業部

Kindle Format ^ン

橋加藤

(3)

ン

» ^ン ^{ーザから見た} ^Kindle

» ^{出版社から見た} ^Kindle

» Kindle Format

 ^フ ^ー

 ^固定 ^イアウ

(4)

Kindle Format 8

キンフーマッ ₈

4

(5)

Kindle Format

» EPUB (.epub)

 HTML5 ,CSS3 ^記述 .epub

 ^順次 tag, style ^張

(6)

EPUB Kindlegen . mobi(KF8) ^変換

EPUB

Kindlegen.exe

Mobi file

(7)

KF8 ^確認： Kindle

EPUB

(8)

.mobi ^結果 ^確認

» ^Kindle ^EPUB ^ン ^ン

» ^Kindlegen ^mobi ^変換 ^表示

» ^USB ^PC ^繋 ^Mobi ^Kindle

Documents

» Kindle Paperwhite

» Kindle app for Android/ Kindle Fire

8

(9)

KindleGen, Kindle

(10)

ン日語用資料

10

(11)

Tools

» ^日

» https://kdp.amazon.co.jp/self-

publishing/help?topicId=A3IWA2TQYMZ5J6/

» ^{US site}

» http://www.amazon.com/kindleformat

11

(12)

Kindlegen ^実行 ^方法

以う _.bat 作

»

C:¥BuildKF8¥EPUB ^変換 .epub ^置い ^あ

直あ _.epub 全 _Kindlegen

変換結果 _.epub _.txt いう

書出

»

C:¥kindlegen¥kindlegen.exe ^実際 kindlegen ^あ ^指定

12

echo cd /D C:¥BuildKF8¥EPUB cd /D C:¥BuildKF8¥EPUB

for %%i in (*.epub) do (

C:¥kindlegen¥kindlegen.exe %%i > %%i.txt )

Pause

(13)

Kindle ^用 EPUB

13

(14)

EPUB ^基

mimetype ^中身

application/epub+zip

Container.xml ^中身

<?xml version="1.0" encoding="UTF-8"?>

<container version="1.0"

xmlns="urn:oasis:names:tc:opendocument:xmlns:container"> <rootfiles>

</rootfiles>

</container>

(15)

EPUB

»

^.epub ^zip ^縮 ^張子 ^.zip ^.epub ^変更

mimetype ^け ^縮 ^い .epub ^含

»

^.epub ^ン

7zip ^使 ^例

15

echo cd /D C:¥yourfolder¥yourepub cd /D C:¥yourfolder¥yourepub

for /d %%i in (*) do ( echo ch %%i cd %%i

C:¥7-Zip¥7z.exe a -mx=0 -tzip ../%%i.epub mimetype C:¥7-Zip¥7z.exe a -r -tzip ../%%i.epub * -x!mimetype cd..

)

Pause

(16)

KF8 ^作成 ^種類

» ^型

» ^固定 ^型

(17)

Kindle ^用 EPUB ^注意点 : ^表紙

» ^jpeg/png, ^画像 ^.opf ^内 ^指定

<metadata>

<meta name="cover" content="my-cover-image" />

</metadata>

<manifest>

<item href="MyCoverImage.jpg" id="my-cover-

image" media-type="image/jpeg" />

</manifest>

17

(18)

Kindle ^用 EPUB ^注意点 : ^目次

»

^論理目次 ^{Toc.ncx (} ^ン ⁾

 <manifest>

<item href="toc.ncx" id="ncx" media-type="application/x-

dtbncx+xml" />

 <spine toc="ncx">

» ^目次 ^ン

目次ンメ目次飛う

.opf ^以 ^追加

<guide>

<reference href =“Text/nav.xhtml” title=“toc" type="toc" />

</guide>

18

(19)

型文字

» ^右綴 ^/ ^右開 ^(.opf)

 <spine page-progression- direction=”rtl”>…</spine>

EPUB3 ^準

 <meta name="primary-writing-mode" content="vertical-rl"/>

Kindle ^専用

» ^横書 ^縦書 (.xHTML / .CSS)

 ^各 ^XHTML ^body ^指定

body {

-webkit-writing-mode: vertical-rl;

}

(20)

日語用い

» ^縦書

» ^綴 ^方向 ⁽ ^右 ^/ ^左 ⁾

» ^禁則処理 ⁽ ^行頭 ^行 ⁾

» ^縦中横

» ^画像外字

»

20

» ^圏点 ^傍点

» ^線 ^傍線

» ^付 ^付 ^文字

» ^文字 ^表示方向

(21)

文字表示方向

21

(22)

作成時注意点

»

^.svg

»

^挿絵 ^画像 ^画像中 ^文字 ^不鮮明 ^場合販売

»

^使用 ^い ^文字 ^注意 ^文字 ^向 ^異

全角英語半角英語混い英語

見目文字様い

»

-epub , -webkit ^ン ^付

-epub-text-orientation: upright;, -webkit-text-orientation:

upright; ,Text-orientation: upright;

»

^縦書 ^傍線 ^右 : a {text-decoration: overline}

»

^背景色 ^文字色 ^指定 ^い ^背景色 ^変更

 ^黒文字 ^黒背景

22

(23)

固定

Fixed layout

23

(24)

固定 (Fixed layout)

» ^ン ^絵 ^等

» ^画面 ^枠い ^ぱい ^ン無 ^表示

» ^見開 ^表示

» ^ャ ^ネ

» ^ネ

» ^大

(25)

Xhtml ^記述

» ¹ ¹ ^画像 ^配置

» ¹ ^最大画像 ^800KB

<head>

</head>

<body>

<img src="../Images/image1.jpg" />

</body>

</html>

25

(26)

.opf : <meta>

<dc:language>ja</dc:language>

<meta content="my-cover-image" name="cover" />

<meta name="fixed- layout“ content="true" />

<meta name="book-type" content="comic" />

<meta name="orientation-lock" content="none" />

<meta content="800x1200" name="original-resolution" />

<meta name="primary-writing-mode" content="horizontal-rl" />

(27)

.opf : <spain> ^見開 ^表示 ^指定

<spine page-progression-direction="rtl" toc="ncx">

<itemref idref="p1" properties="page-spread-left" />

<itemref idref="p2" properties="page-spread-right layout-blank" />

<itemref idref="p3" properties="page-spread-left" />

<itemref idref="p4" properties="page-spread-right" />

<itemref idref="p5" properties="page-spread-left" />

<itemref idref="p6" properties="page-spread-right" />

</spine>

(28)

画面表示

<item href="Images/cover.jpg" id="my-cover-image" media-type="image/jpeg" /

p1

p3 ^p2

白頁

p5 p4

表紙

p6

(29)

固定作成時注意点 (2012/12/18 ^現

» ^固定 ^文字 ^含 ^い ^画像

け構成い

» ^EPUB ^100MB ^以



¹ ^800KB ^以

» .opf original-resolution ^必 ^正確 ^記述

<meta content="800x1200" name="original-resolution" />

» ^い



¹ ^大量 ^指定 ^い ^場合 ^画像 ^正常 ^表示

» ^画像中 ^文字 ^不鮮明 ^読 ^い場合 ^販売

29

(30)

固定

Panel View ( ^パネ ^ビ ^ー )

30

(31)

Panel View ( ^ネ

» ^起動

» ^ワ ^ン

次ネ表示

» “Ordinal”

設定順番表示

31

(32)

Kindle Panel View ^記述方法

» ^OPF ^ネ ^機能 ^設定

» Panel views .html ^記述ン設定 _.css 記述

» ^150% ^大率 ^標準 ^大率

可能

» ^大 ^指定 ^大

場合：元 _66%

画面出い限界

 0.66 x 1.5 ^≒ 1.0

う画面いぱい

 ^大 ^い ^メ

応大率変え

い

32

(33)

ネ言 : OPF Metadata

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

<meta name="orientation-lock" content="none" />

<meta name="book-type" content="comic" />

<meta name="RegionMagnification" content="true" />

<meta name="original-resolution" content=“800x1280" />

33

(34)

Kindle Panel View: HTML

»

app-amzn-magnify: Panel View class ^呼び出

»

targetID: Panel View ^表示 ^要素 ID

»

^{Ordinal :} ^表示順序 ^指定

<a class =“app-amzn-magnify” … <div class”target-mag-parent”

id=“xxx… ^ネ ^数分記述

34

<a class="app-amzn-magnify" data-app-amzn-magnify="{‘targetId’:’page1-1- magTargetParent’, ‘ordinal’:1}"></a>

</div>

<div class="target-mag-parent" id="page1-1-magTargetParent"> <div class="target-mag-lb"></div>

</div>

(35)

CSS: ^画面 ^画像 ^指定

» ^実際 ^画像 ^値 ^指定

» ⁽ ^例 ^{Fire HD} ^画面 ^合わ ^値

可 ₎

35

div.main {

position: relative; height: 1280px; width: 800px; }

img.singlePage { position: absolute; height: 1280px; width: 800px; }

(36)

CSS: ^メ ^大率

» ^標準 ^大 ^150% ^設定 ⁽ ^値 ^可 ⁾

» ^CSS height, width ^画像 150% ^値

指定

36

</div> CSS

div.target-mag img { position: absolute;

height: 1920px; (1280x1.5) width: 1200px; (800x 1.5) }

(37)

CSS: ^可能 ^ネ ^{表示画像部分指定}

» ^class =“app-amzn-magnify“ ^囲

ネ表示

位

置指定

» ^ネ ^表示位

置指定

» ^ネ ^表示 ^大画

像ネ

位置合わ指定

ネ対

比率指定

37

/* page1 */

#page1-1 { top: 6.00%; left: 20.00%; height: 60.00%; width: 60.00%; }

#page1-1-magTarget { top: 2.00%;

left: 23.0%;

height: 72.00%; width: 72.00%; }

#page1-1-magTarget img { top: -7.20%;

left: -21.4%; }

(38)

CSS: ^ン ^大画像 ^表示

»

^ン

#page1-1 {

top: 6.00%;

left: 20.00%;

height: 60.00%;

width: 60.00%;

}

»

^ネ ^表示

#page1-1-magTarget {

top: 2.00%;

left: 23.0%;

height: 72.00%;

width: 72.00%;

}

38

(39)

CSS: ^大画像 ^表示部分 ^指定

» ^ネ ^表示 ^表示

い合うう

150% ^大 ^画

像位置指定通常

値 _{Top, Left}

#page1-1-magTarget img {

top: -7.20%;

left: -21.4%;

}

39

(0,0) (-7.2,-21.4)

(40)

ネ表示結果

» ^ネ

大画像表示窓

大画像指定位

置表示

40

(41)

CSS: Tap Regions ( ^ン )

» ^画面 ^全 ^全

う

ン定義



^ン

見え

必ネ

表示いネ

あ分

» ^ン ^ネ

表示画像

可



^緑 ^ン

赤大表示

41

(42)

»

^Amazon ^様

»

Kindle: Fire/Paperwhite iPhone/iPad Android (PC, Mac)..

»

^{EPUB 3} ^Kindle ^作成

 ^表紙 ^設定 ^.opf ^表紙画像 ^指定

»

^KindleGen( ^ン ^ン ⁾ ^Kindle ^変換

»

^型 ^固定型 ² ^種類

»

^日 ^語 ^表現 ^豊富

»

^ン ^見開 ^表示可能

»

^ネ ^画面 ^小 ^対応

42

(43)

補足資料

» ^Kindle ^ン

 https://kdp.amazon.co.jp/

» KindleGen, Kindle

 https://kdp.amazon.co.jp/self-

publishing/help?topicId=A3IWA2TQYMZ5J6

» ^Kindle ^ン ^ン

 http://kindlegen.s3.amazonaws.com/AmazonKindlePublishingGuidelines_J P.pdf

 ^日 ^語機能用 ^補足資料

 http://kindlegen.s3.amazonaws.com/AmazonKindlePublishingGuidelines_J P_appendix.pdf

» Panel View

 http://www.amazon.com/kindleformat

43

(44)

あうい

44

EPUB17 最近の更新履歴 epubcafé

Kindle 出版

Kindle 可能性 Kindle Format 理解

ン ャ ン 株式会社

Kindle ン ン 事業部

Kindle Format ン

橋 加藤

ン

» ン ーザから見た Kindle

» 出版社から見た Kindle

» Kindle Format

 フ ー

 固定 イアウ

Kindle Format 8

キン フ ーマッ 8

Kindle Format

» EPUB (.epub)

 HTML5 ,CSS3 記述 .epub

 順次 tag, style 張

EPUB Kindlegen . mobi(KF8) 変換

Kindlegen.exe

KF8 確認： Kindle

.mobi 結果 確認

» Kindle EPUB ン ン

» Kindlegen mobi 変換 表示

» USB PC 繋 Mobi Kindle

Documents

» Kindle Paperwhite

» Kindle app for Android/ Kindle Fire

KindleGen, Kindle

ン 日 語用資料

Tools

» 日

» https://kdp.amazon.co.jp/self-

publishing/help?topicId=A3IWA2TQYMZ5J6/

» US site

» http://www.amazon.com/kindleformat

Kindlegen 実行 方法

以 う .bat 作

C:¥BuildKF8¥EPUB 変換 .epub 置い あ

直 あ .epub 全 Kindlegen

変換 結果 .epub .txt いう

書 出

C:¥kindlegen¥kindlegen.exe 実際 kindlegen あ 指定

Kindle 用 EPUB

EPUB 基

EPUB

.epub zip 縮 張子 .zip .epub 変更

mimetype け 縮 い .epub 含

.epub ン

7zip 使 例

KF8 作成 種類

» 型

» 固定 型

Kindle 用 EPUB 注意点 : 表紙

» jpeg/png, 画像 .opf 内 指定

<metadata>

<meta name="cover" content="my-cover-image" />

</metadata>

<manifest>

<item href="MyCoverImage.jpg" id="my-cover-

image" media-type="image/jpeg" />

</manifest>

Kindle 用 EPUB 注意点 : 目次

論理目次 Toc.ncx ( ン )

 <manifest>

<item href="toc.ncx" id="ncx" media-type="application/x-

dtbncx+xml" />

 <spine toc="ncx">

» 目次 ン

目次 ン メ 目次 飛 う

.opf 以 追加

<guide>

<reference href =“Text/nav.xhtml” title=“toc" type="toc" />

</guide>

型 文字

» 右綴 / 右開 (.opf)

 <spine page-progression- direction=”rtl”>…</spine>

EPUB3 準

 <meta name="primary-writing-mode" content="vertical-rl"/>

Kindle ^出版

Kindle ^可能性 Kindle Format ^理解

ンャン株式会社

Kindle ^ン ^ン ^事業部

Kindle Format ^ン

橋加藤

» ^ン ^{ーザから見た} ^Kindle

» ^{出版社から見た} ^Kindle

 ^フ ^ー

 ^固定 ^イアウ

キンフーマッ ₈

 HTML5 ,CSS3 ^記述 .epub

 ^順次 tag, style ^張

EPUB Kindlegen . mobi(KF8) ^変換

KF8 ^確認： Kindle

.mobi ^結果 ^確認

» ^Kindle ^EPUB ^ン ^ン

» ^Kindlegen ^mobi ^変換 ^表示

» ^USB ^PC ^繋 ^Mobi ^Kindle

ン日語用資料

» ^日

» ^{US site}

Kindlegen ^実行 ^方法

以う _.bat 作

C:¥BuildKF8¥EPUB ^変換 .epub ^置い ^あ

直あ _.epub 全 _Kindlegen

変換結果 _.epub _.txt いう

書出

C:¥kindlegen¥kindlegen.exe ^実際 kindlegen ^あ ^指定

Kindle ^用 EPUB

EPUB ^基

^.epub ^zip ^縮 ^張子 ^.zip ^.epub ^変更

mimetype ^け ^縮 ^い .epub ^含

^.epub ^ン

7zip ^使 ^例

KF8 ^作成 ^種類

» ^型

» ^固定 ^型

Kindle ^用 EPUB ^注意点 : ^表紙

» ^jpeg/png, ^画像 ^.opf ^内 ^指定

Kindle ^用 EPUB ^注意点 : ^目次

^論理目次 ^{Toc.ncx (} ^ン ⁾

» ^目次 ^ン

目次ンメ目次飛う

.opf ^以 ^追加

型文字

» ^右綴 ^/ ^右開 ^(.opf)

EPUB3 ^準

Kindle ^専用

» ^横書 ^縦書 (.xHTML / .CSS)

 ^各 ^XHTML ^body ^指定

日語用い

» ^縦書

» ^綴 ^方向 ⁽ ^右 ^/ ^左 ⁾

» ^禁則処理 ⁽ ^行頭 ^行 ⁾

» ^縦中横

» ^画像外字

» ^圏点 ^傍点

» ^線 ^傍線

» ^付 ^付 ^文字

» ^文字 ^表示方向

文字表示方向

作成時注意点

^.svg

^挿絵 ^画像 ^画像中 ^文字 ^不鮮明 ^場合販売

^使用 ^い ^文字 ^注意 ^文字 ^向 ^異

全角英語半角英語混い英語

見目文字様い

-epub , -webkit ^ン ^付

^縦書 ^傍線 ^右 : a {text-decoration: overline}

^背景色 ^文字色 ^指定 ^い ^背景色 ^変更

» ^ン ^絵 ^等

» ^画面 ^枠い ^ぱい ^ン無 ^表示

» ^見開 ^表示

» ^ャ ^ネ

» ^ネ

» ^大

Xhtml ^記述

» ¹ ¹ ^画像 ^配置

» ¹ ^最大画像 ^800KB