EPUBindle 最近の更新履歴 epubcafé

(1)

Kindle ^出版

1

(2)

ンャン株式会社

Kindle ^ン ^ン ^事業部

橋 _, 加藤

(3)

ン

» ^Kindle

» Kindle Format

 ^フ ^ー

 ^固定 ^イアウ

» ^Kindle ^ー ^い本 ^作

(4)

Kindle

(5)

各国展開

» ^{: 2007} ^年

» ^{: 2010} ^年

» ^/ ^ン ^/ ^/ ^ン： ²⁰¹¹ ^年

» ^ン ^{: 2012} ^年

» ^日 ^： ²⁰¹² ^年

2013 ^{電子出版飛躍} ^！ ^品揃え ^高品質 ^電子書籍

広協力せいい思い

5

(6)

Kindle ^特徴

»

^使いや ^い

 ^Amazon ^既 ^様 ^延長線 ^電子書籍 ^購入

 ^簡単

 ^見や ^表示 ^美 ^い

 Kindle Paperwhite

 Kindle Fire HD

 ^対応

»

^ン ^ン ^作成 ^や ^い

 ^Web^技術 ^そ ^使え ^EPUB ^作成

»

^ン ^ン ^買いや ^い

 ^Web ^買 ^直

(7)

Kindle ストア

7

(8)

(9)

DEMO

Kindle ^機能

9

(10)

日語表示

» ^文 ^大

(11)

文変更 _:

11

(12)

移動

(13)

Kindle Paperwhite ^直接 ^購入

13

(14)

Kindle ^出版

(15)

Kindle ^出版

» ^Kindle ^ン

 ^Web ^誰 ^Amazon ^出版

http://kdp.amazon.co.jp/

(16)

Kindle ^出版 ^必要 ^物

» ^ン ^ン

»



1500x2500pix



^1000pix ^以 ^必須

» ^書 ^情報



^価格 ^著者

明 _…

(17)

Kindle Format 8

キンフーッ ₈

17

(18)

Kindlegen 2.8

•

^{IDPF ,} ^電書協 ^EPUB3 ^標準 ^大

(19)

Kindle Format

» EPUB (.epub)

 HTML5 ,CSS3 ^記述 .epub

 ^順次 tag, style ^張

» XMDF new! from Kindlegen2.8

 ^.zip

(20)

EPUB Kindlegen . mobi(KF8) ^変換

EPUB

Kindlegen.exe

Mobi file

(21)

変換ン

EPUB

> Kindlegen <ebub_fileneme.epub>

XMDF

> Kindlegen <xmdf_filenem.zip>

21

(22)

XMDF Kindlegen2.8 ^変換 ^出版

(23)

KF8 ^確 ^： Kindle

(24)

.mobi ^結果 ^確

» ^Kindle ^EPUB ^ン ^ン ^せ

» ^Kindlegen ^mobi ^変換 ^表示

» ^USB ^PC ^繋 ^Mobi ^Kindle

Documents

» Kindle Paperwhite

» Kindle app for Android/ Kindle Fire

(25)

Tools

» ^日

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

publishing/help?topicId=A3IWA2TQYMZ5J6

» ^{US site}

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

25

(26)

KindleGen, Kindle

(27)

Kindle ^用 EPUB

27

(28)

EPUB ^基

mimetype ^中身

Container.xml ^中身

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

<container version="1.0"

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

</rootfiles>

</container>

(29)

EPUB

»

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

mimetype ^圧縮 ^い .epub ^含

»

^.epub ^ン

7zip ^使 ^例

29

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

(30)

KF8 ^作成 ^種類

» ^型

(31)

表紙指定 : Kindlegen 2.8

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

<manifest> ...

<item id="cimage" media-type="image/jpeg"

href="other_cover.jpg" properties="cover-image"/>

...

</manifest>

» ^IDPF3.0,^電書協^EPUB3 ^ン ^指定方法 ^同

31

(32)

表紙指定 :(Kindlegen 2.7 ^様 2.8 ^使用可 )

</metadata> <manifest>

</manifest>

(33)

目次指定

<manifest>

<item id="toc" properties="nav" href="xhtml/toc.xhtml" media-

type="application/xhtml+xml"/>

33

(34)

目次指定 :(Kindlegen 2.7 ^様 2.8 ^使用可 )

»

^論理目次 ^{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>

(35)

型文

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

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

EPUB3 ^準

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

Kindle ^専用

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

 ^各 ^body ^指定 ^(.css ^内 ⁾

body {

-webkit-writing-mode: vertical-rl;

}

(36)

日語用い

» ^縦書

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

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

» ^縦中横

» ^画像外

»

» ^圏点 ^傍点

» ^線 ^傍線

» ^付 ^付 ^文

» ^文 ^表示方向

(37)

文表示方向

37

(38)

作成時注意点

» ^.svg ^せ

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

せ

» ^使用 ^い ^文 ^注意 ^英語 ^同 ^見 ^目

文様い

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

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



^黒文 ^黒背景

» display:none, ^や透明 .gif ^等 ^空白行 ^定義 ^い



^Kindle ^区 ^計算 ^問題 ^起 ^あ

(39)

mobi ^作成 ^ン紹

39

(40)

固定

Fixed layout

(41)

固定 (Fixed layout)

» ^ン ^絵 ^等

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

» ^見開 ^表示

» ^ャ ^ネ

» ^ネ

» ^大

(42)

Xhtml ^記述

» ¹ ¹ ^画像 ^配置

» ¹ ^最大画像 ^800KB

<head>

</head>

<body>

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

</body>

</html>

(43)

.opf : <meta>

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

<meta property =“rendition:layout”>pre-paginated</meta>

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

<meta property="rendition:orientation">auto</meta>

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

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

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

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

(44)

.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" />

(45)

画面表示

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

p1

p3 ^p2

白頁

p5 p4

表紙

p6

(46)

具体例学ぶ

Kindle ^ー ^い本 ^作 ^イン

(47)

具体例学ぶ

Kindle ^ー ^い本 ^作 ^イン

• ^フ ^ー型 ^本 ^作 ^イン

– ^文字色 ^背景色 ^線 ^色 ^指定

color, background-color, border-color – ^縦組 ^行内 ^文字 ^左右位置 ^指定

vertical-align

– ^ージ内 ^縦組 ^{左右中央揃え} ^非推奨

• ^固定 ^イアウ ^型 ^本 ^作 ^イン

– ^メタ ^ータ ^指定

47

(48)

フー型本作イン

(49)

文字色背景色線色指定

color, background-color, border-color

49

ーンプ _修正 _ンプ

(50)

文字色背景色線色指定

color, background-color, border-color

border-color: #000000; /* border-color: #000000; */

color border-color ^フ ^色 ^あ #000000 ^や background-color ^フ

色あ _#ffffff 不必要指定すーー側背景色指定

し場合見えく場合あす

不必要色指定避けくさい

(51)

縦組行内文字左右位置指定

vertical-align

51

(52)

縦組行内文字左右位置指定

vertical-align

vertical-align: super; /* vertical-align: super; */

ビ縦中横傍線混在す要素へ vertical-align ^指定 ^期待通

表示さい場合あす

細いイアウ調整 vertical-align ^指定 ^避け ^く ^さい

(53)

ージ内縦組左右中央揃え非推奨

53

(54)

ージ内縦組左右中央揃え非推奨

<p>^{芥川龍之介}</p>

</div>

</body>

</html>

<p>^{芥川龍之介}</p>

</div>

</body>

</html>

html body writing-mode ^混在す ^記述 ^ー ^し ^い ^せ

body ^以下 ^指定し ^く ^さい

(55)

ージ内縦組左右中央揃え非推奨

55

<html>

</html>

<html>

</html>

<body>

</body>

<body>

</body>

<div>

</div>

(56)

固定イアウ型本作イン

(57)

メタータ指定

<metadata> ^～ </metadata>

57

(58)

メタータ指定

<metadata> ^～ </metadata>

<meta

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

<meta

property="rendition:spread">lands cape</meta>

</metadata>

<meta

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

<meta

property="rendition:spread">lands cape</meta>

</metadata>

KindleGen 2.8 ^使用し original-resolution primary-writing-mode book-

type ^指定 ^必須 ^す

(59)

DEMO

» Kindle Comic Creator

59

(60)

固定

Panel View ( ^パネ ^ビ ^ー )

(61)

Panel View ( ^ネ

» ^起動

» ^ワ ^ン

次ネ表示

» “Ordinal”

設定順番表示

61

(62)

Kindle Panel View ^記述方法

» ^OPF ^ネ ^機能 ^設定

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

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

可能

» ^大 ^指定 ^大

場合：元 _66%

画面出い限界

 0.66 x 1.5 ^≒ 1.0

う画面いぱい

 ^大 ^い

応大率変え

い

(63)

ネ言 : 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" />

63

(64)

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… ^ネ ^数 ^記述

<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>

(65)

CSS: ^画面 ^画像 ^指定

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

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

可 ₎

65

div.main {

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

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

(66)

CSS: ^大率

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

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

指定

</div>

CSS

div.target-mag img { position: absolute;

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

(67)

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

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

ネ表示

位

置指定

» ^ネ ^表示位

置指定

» ^ネ ^表示 ^大画

像ネ

位置合わせ指定

ネ対

比率指定

67

/* 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%; }

(68)

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%;

}

(69)

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

» ^ネ ^表示 ^表示

い合うう

150% ^大 ^画

像位置指定通常

値 _{Top, Left}

#page1-1-magTarget img {

top: -7.20%;

left: -21.4%;

}

69

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

(70)

ネ表示結果

» ^ネ

大画像表示窓

大画像指定位

置表示

(71)

»

^Amazon ^様

»

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

»

Kindlegen 2.8

 ^XMDF^対応

 ^標準化 ^対応

 ^固定型 ^Kindle^用 ^記述 ^必要

»

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

»

^日 ^語 ^表現 ^豊富

»

^ン ^見開 ^表示可能

»

^ECO-System ^整備 ^(mobi ^作成 ^ン ^大

71

(72)

補足資料

» ^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

(73)

Appendix: XMDF ^互換情報 ( ^非 ^機能

機能例

ン画像

flip_animation <flip_animation renewal_time="500ms" >

<flip_animation_source src="aaa9.jpg" type="image/jpeg"/> <flip_animation_source src="aaa2.jpg" type="image/jpeg"/> ...

</flip_animation>

漫画

comic_object_entry <parts_module> <object_table> ...

<comic_object_entry src=”comic9.xml" type="application/x-bvf- comic" object_id="OB0001"/>

</object_table>

</parts_module>

ン sound_object_entry <parts_module> <object_table> ...

<sound_object_entry src=”movie9.3g2" type=”video/3gpp2” object_id=”OBmv00”/>

</object_table>

</parts_module>

movie_object_entry <parts_module> <object_table> ...

<movie_object_entry src=”movie9.3g2" type=”video/3gpp2” object_id=”OBmv00”/>

</object_table>

</parts_module>

73

(74)

EPUBindle 最近の更新履歴 epubcafé

Kindle 出版

ン ャ ン 株式会社

Kindle ン ン 事業部

橋 , 加藤

ン

» Kindle

» Kindle Format

 フ ー

 固定 イアウ

» Kindle ー い本 作

Kindle

各国 展開

» : 2007 年

» : 2010 年

» / ン / / ン： 2011 年

» ン : 2012 年

» 日 ： 2012 年

2013 電子出版飛躍 ！ 品揃え 高品質 電子書籍

広 協力 せ い い 思い

Kindle 特徴

使いや い

ン ン 作成 や い

ン ン 買いや い

Kindle ストア

DEMO

Kindle 機能

日 語表示

» 文 大

文 変更 :

移動

Kindle Paperwhite 直接 購入

Kindle 出版

Kindle 出版

» Kindle ン

 Web 誰 Amazon 出版

http://kdp.amazon.co.jp/

Kindle 出版 必要 物

» ン ン

»

1500x2500pix

1000pix 以 必須

» 書 情報

価格 著者

明 …

Kindle Format 8

キン フ ー ッ 8

Kindlegen 2.8

IDPF , 電書協 EPUB3 標準 大

Kindle Format

» EPUB (.epub)

 HTML5 ,CSS3 記述 .epub

 順次 tag, style 張

» XMDF new! from Kindlegen2.8

 .zip

EPUB Kindlegen . mobi(KF8) 変換

Kindlegen.exe

変換 ン

EPUB

> Kindlegen <ebub_fileneme.epub>

XMDF

> Kindlegen <xmdf_filenem.zip>

XMDF Kindlegen2.8 変換 出版

KF8 確 ： Kindle

.mobi 結果 確

» Kindle EPUB ン ン せ

» Kindlegen mobi 変換 表示

» USB PC 繋 Mobi Kindle

Documents

» Kindle Paperwhite

» Kindle app for Android/ Kindle Fire

Tools

» 日

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

publishing/help?topicId=A3IWA2TQYMZ5J6

» US site

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

KindleGen, Kindle

Kindle 用 EPUB

EPUB 基

Kindle ^出版

ンャン株式会社

Kindle ^ン ^ン ^事業部

橋 _, 加藤

» ^Kindle

 ^フ ^ー

 ^固定 ^イアウ

» ^Kindle ^ー ^い本 ^作

各国展開

» ^{: 2007} ^年

» ^{: 2010} ^年

» ^/ ^ン ^/ ^/ ^ン： ²⁰¹¹ ^年

» ^ン ^{: 2012} ^年

» ^日 ^： ²⁰¹² ^年

2013 ^{電子出版飛躍} ^！ ^品揃え ^高品質 ^電子書籍

広協力せいい思い

Kindle ^特徴

^使いや ^い

^ン ^ン ^作成 ^や ^い

^ン ^ン ^買いや ^い

Kindle ^機能

日語表示

» ^文 ^大

文変更 _:

Kindle Paperwhite ^直接 ^購入

Kindle ^出版

Kindle ^出版

» ^Kindle ^ン

 ^Web ^誰 ^Amazon ^出版

Kindle ^出版 ^必要 ^物

» ^ン ^ン

^1000pix ^以 ^必須

» ^書 ^情報

^価格 ^著者

明 _…

キンフーッ ₈

^{IDPF ,} ^電書協 ^EPUB3 ^標準 ^大

 HTML5 ,CSS3 ^記述 .epub

 ^順次 tag, style ^張

 ^.zip

EPUB Kindlegen . mobi(KF8) ^変換

変換ン

XMDF Kindlegen2.8 ^変換 ^出版

KF8 ^確 ^： Kindle

.mobi ^結果 ^確

» ^Kindle ^EPUB ^ン ^ン ^せ

» ^Kindlegen ^mobi ^変換 ^表示

» ^USB ^PC ^繋 ^Mobi ^Kindle

» ^日

» ^{US site}

Kindle ^用 EPUB

EPUB ^基

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

mimetype ^圧縮 ^い .epub ^含

^.epub ^ン

7zip ^使 ^例

KF8 ^作成 ^種類

» ^型

表紙指定 : Kindlegen 2.8

表紙指定 :(Kindlegen 2.7 ^様 2.8 ^使用可 )

目次指定

目次指定 :(Kindlegen 2.7 ^様 2.8 ^使用可 )

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

» ^目次 ^ン

目次ン目次飛う

.opf ^以 ^追加

型文

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

EPUB3 ^準

Kindle ^専用

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

 ^各 ^body ^指定 ^(.css ^内 ⁾

日語用い

» ^縦書

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

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

» ^縦中横

» ^画像外

» ^圏点 ^傍点

» ^線 ^傍線