SlideShare a Scribd company logo
1 of 27
電書ラボEPUB制作仕様について
三陽社メディア開発室 田嶋 淳
『電書魂』http://densyodamasii.com/
http://densyodamasii.com/
電書ラボEPUB制作仕様とは?
電書協EPUB制作ガイドのサブセット
「紙の本のデータを電子化する」ためのもの
「発注側の電子化担当者が制作会社のシステム構築担当者に制
作仕様として提示する」ことを想定
電書協EPUB制作ガイドで広く定義してある部分をより詳細に
定義
ビューアの実装状況を鑑み、より踏み込んだ部分も
電書協EPUB制作ガイドって?
日本電子書籍出版社協会の策定した
EPUB制作ガイドライン
http://ebpaj.jp/counsel/guide
日本電子書籍出版社協会(電書協)
大手出版社の作っている業界団体
電書協EPUB制作ガイド
商業出版をベースに、電子取次などを通して流通する
EPUB制作のデファクトスタンダード
強い力を持つ出版社がバックであり、各RS開発会社
、ストアにこのガイドラインに沿って作られたEPUB
の表示についての要望が行っている
各RSのサポート範囲を実態調査し、「ここまでなら
問題なく使える」範囲を定めた最小公倍数的な仕様
電書協EPUB制作ガイド
「主として組み方向の混在や段組などのないシンプルな体裁の
書籍を、リフロー型の電子書籍として記述するための指針 」
電書協EPUB制作ガイドからはみ出たEPUBを作っても特に罰
則はないが、ビューアの表示検証などは独自に行う必要が生じ
る。現状EPUBの仕様にあってもRSの実装状況が追いついてい
ない例はゴロゴロある。電書協EPUB制作ガイドは「ここだけ
は道が整備されたメインストリート」。
一応固定型EPUBについての定義もあるが、デジコミ協の規定
そのまま
電書協EPUB制作ガイド
「RSによる対応を想定するHTML要素とCSSプロパティ」として、各
RSにサポートを期待する範囲(CSSプロパティなど)を明示
「本ガイドでは、RSによる対応を想定しないHTML要素とCSSプロパテ
ィ」として、ガイド内でサポートを期待しないものに関しても明示
付録のテンプレート内に記述済みテンプレートを収録。3000行ほどの記
述があり、基本的に制作者はこの定義済みのCSSを選んで使えばよい
あえて「構造と表示を分離しない」形でCSSを定義してある。構造化文
書としての階層は浅い。おそらく印刷データを元に短時間でEPUB化す
る必要があるため。
電書協EPUB制作ガイドの問題点
定義範囲が曖昧で広い
構造と表示の分離がされていない
ちょっと金科玉条化しかけている懸念も
電書ラボEPUB制作仕様で目指したこと
制作会社がどこまでの対応をすればよいのか、線引きをはっきりさせる
工数が増え、オプション対応が必要になる要素に関してはっきり謳う
現状技術的に再現が難しいものについて「やらなくてよい」と明示する
「何ができて、何ができないのか」を発注者が明確にわかるようにする
「髙」「⑴⑵⑶」など、DTPでは普通に使え、フォント対応的には多く
のRSがサポート済みの文字に関して安心して使えるように電書協EPUB
制作ガイドの規定を一部拡張(AJ 1-6独自サポート文字のカバー)
電書ラボEPUB制作仕様の見方
項目分類
「基本仕様」「文字・字形」「組版表現(文字)」
「組版表現(段落)」「組版表現(ページ)」
「組版表現(注・索引・コラム)」「画像」
「外字画像」「目次」「検証・校正」「書誌情報」
「CSSの記述方針」「納品データの仕様」
の各項目に分けて詳細を記述
電書ラボEPUB制作仕様の見方
レベル分類
■基本的な要素・方針(LV1)
■技術的には対応可能だが、追加コストが発生するた
めオプション対応とする要素・方針(LV2)
■特定のRSでのみ対応可能なため、リスクを理解した
上で利用すべき要素・方針(LV3)
の三段階に分類してオプション要素を定義。
例えば2-4-1項目の説明文末尾に⇒LV2とあるが、
これはLV2にオプション定義内容があるという意味。(2-4-2)
実際に使用する際には、
各発注者が自社の事情に合わせて
定義を選んで提示するイメージ
おまけ(現状での制作時の問題点
)
画像のサイズ指定の問題
現在一部のビューアが画像サイズの%指定をサポートしていないため、
サイズ指定をしても反映されない。
電書ラボEPUB制作仕様では「本来はこうあるべき」という観点から
LV1ではサイズ指定で対応することとしたが、サイズ措定をしても反映
されない状況がずっと続いているため、LV2で「背景の余白ごと画像化
して配置する」方法を定義した。
現状致し方ない回避策。この場合ビューア操作で画面背景を黒にした場
合余白領域がはっきり出てしまうが仕方がない。画像形式に透過GIFを
使えば余白が見えないようにはできるが、GIFの性質上ベタ塗り画像に
しか使えない手段。
7-9 画像サイズ指定
Kindle Android
○
Kindle iOS
×
Kindle Paperwhite
○
iBooks
○
Kobo Android
△(横長画像の高さ指定で画像が変倍表示される/縦長画像の横幅指定で画像が変倍表示される)
Kobo iOS
×(縦書き時の縦長画像の高さ指定、横書き時の横長画像の横幅指定以外は全て画像が変倍表示されてしまう)
Kobo 電子ペーパー
△(横長画像の高さ指定で画像が変倍表示される/縦長画像の横幅指定で画像が変倍表示される)
Kinoppy Android
○(ページ内にその画像だけが表示されるとき、中央寄せになってしまう)
Kinoppy iOS
○(ページ内にその画像だけが表示されるとき、中央寄せになってしまう)
Kinoppy Windows
○(ページ内にその画像だけが表示されるとき、中央寄せになってしまう)
Kinoppy Windowsストア
○(ページ内にその画像だけが表示されるとき、中央寄せになってしまう)
Kinoppy Mac
○(ページ内にその画像だけが表示されるとき、中央寄せになってしまう)
honto iOS
○
BOOK☆WALKER Android
△(進行方向の%指定は×)
BOOK☆WALKER iOS
△(進行方向の%指定は×)
BOOK☆WALKER Windows
△(進行方向の%指定は×)
BOOK☆WALKER Mac
△(進行方向の%指定は×)
おまけ(現状での制作時の問題点
)
カコミケイ処理の問題
テキストの周囲にケイを置くカコミケイの表現を使用した
場合、現在一部のビューアで「その後に表示要素がない場
合に閉じケイが描画されない」問題が出る。
不本意だが現状での回避策としては「白ケイ(hr)を最後
に配置する」などの手段を取るしかない。なお、電書協ガ
イドの範囲外だが、テーブル要素でも同様の症状が出る。
Kindle iOS
後ろに描画要素がないと閉じケイが描画されない
おまけ(現状での制作時の問題点
)
カコミケイ内に画像を配置した場合の問題
カコミケイ内に画像を配置した場合、現在一部のビューアで横組
みで右側、縦組みで下側のパディング指定が無視されて画像が表
示されてしまう不具合が出る。
このため、無難に行くならカコミケイ表現をあきらめ、上下に罫
線(hr)を配置して代替するといった方法を取るしかない。画像
形式に透過GIFを使い、はみ出る側に透明の余白を付けておくと
いうTIPSもあるにはあるが、ベタ塗り画像にしか使えない。
Kindle iOS
パディング指定
が無視される
ご静聴ありがとうございました

More Related Content

Recently uploaded

デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)UEHARA, Tetsutaro
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)Hiroshi Tomioka
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfFumieNakayama
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineerYuki Kikuchi
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?akihisamiyanaga1
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NTT DATA Technology & Innovation
 
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfFumieNakayama
 
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...博三 太田
 
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案sugiuralab
 

Recently uploaded (9)

デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
 
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdfAWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
 
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
 
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdfクラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
 
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察  ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
 
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
 

Featured

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by HubspotMarius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 

Featured (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

電書ラボEPUB制作仕様について