JEPA 4月度定例会   ∼ 今から始めるEPUB 3 ∼    林 拓也(ハヤシ タクヤ)                      1
プロフィール■ 林 拓也(ハヤシ タクヤ)■ Twitter:@HapHands■ Facebook:takuya.hayashi■ デジタルコンテンツ受注制作■ トレーニングインストラクター■ 書籍執筆                    ...
今日の目的        3
今日の目的■ EPUBおよびEPUB   3の概要や特徴を理解する                               4
アジェンダ        5
アジェンダ■ EPUBの特徴■ EPUB   3の特徴■ EPUB   3の構成■ 制作の際に意識すること(まとめ)                     6
EPUBの特徴          7
EPUBの特徴■ 電子書籍の標準化団体IDPFによって策定◆   特定企業に依存しないので倒産などによる仕様の消    滅リスクが低い■ 無料(ライセンス料などが不要)◆   参入の敷居が低い■ グローバル(世界で広く使われている)◆   世界...
EPUBの特徴■ オープン(仕様の内容や策定プロセスが公開)◆   制作環境/閲覧環境が限定されない■ リフロー◆   閲覧環境(画面サイズ、文字サイズ等)に応じてテ    キストが流し込まれる◆   スマートフォンなどの小さい画面サイズでもそ...
EPUB 3の特徴            10
EPUB 3の特徴■ 日本語組版への対応◆   縦書き、ルビ、圏点、縦中横、ページめくり方向の    指定など■ 音声/ビデオデータの利用が可能に◆   表現力の強化◆   読み上げ書籍なども可能に■ JavaScriptが利用可能に◆   ゲ...
EPUB 3の特徴■ フォントの埋め込みが可能に◆   WOFF/OpenTypeをサポート◆   ライセンスの問題がある(特に日本語フォント)■ 数式の表現が可能に◆   MathMLの採用(画像を使わずに済む)               ...
EPUB 3の特徴■ 固定レイアウトが仕様化◆   制作側での表示の制御が可能に◆   追加モジュールとして策定■ 閲覧環境の状況について◆   「EPUB 3対応」を謳った閲覧環境がまだ少ない ◇   参考:epubcaféのまとめ◆   オ...
EPUB 3の構成            14
EPUB 3の構成  ■ EPUB     3を構成する主要なドキュメント群   ◆   コンテンツドキュメント(書籍の本編)   ◆   ナビゲーションドキュメント(目次)   ◆   パッケージドキュメント(書籍情報)           ...
EPUB 3の構成■ EPUB    3を構成する主要なドキュメント群◆   各ドキュメントはテキストエディタで編集可能な形    式(XML形式/XHTML形式)◆   テキストエンコードはUTF-8またはUTF-16を使用◆   これらを含...
EPUB 3の構成コンテンツドキュメント              17
EPUB 3の特徴    コンテンツドキュメント■ 出版物の本編の内容を記述■ XHTML形式/SVG形式のいずれか (以下XHTML形式メインで話を進めます)■ XHTMLドキュメントはXML        1.0準拠の HTML5で記述(通...
EPUB 3の特徴    コンテンツドキュメント■ XHTMLの役割は構造の定義◆   「ここは大見出し」「ここは小見出し」「ここは本    文」「ここは引用部分」…というようにコンテンツ    各部の構造・役割をHTMLタグを使って定義する ...
EPUB 3の特徴     コンテンツドキュメント■ 見た目の制御はCSSで◆   タグごとの指定を始め、様々な指定    方法でHTMLの見た目を制御できる■ CSSを使っても制作側で見た目を 完全に制御できるわけではない◆   基本的に、見...
EPUB 3の特徴     コンテンツドキュメント■ HTMLマークアップにただ1つの正解はない◆   独自の指針を構築する◆   既存の指針を利用する ◇   例:JBasic08     • EPUB 3コンテンツ制作の指針とひな形に関する...
EPUB 3の特徴    コンテンツドキュメント■ 1冊の書籍はほとんどの場合、複数 のXHTMLファイルで構成される◆   1つの大きなXHTMLファイルでは閲覧環境の動作の    安定性に問題が出ることがある■ EPUB     3仕様に関...
EPUB 3の構成ナビゲーションドキュメント                23
EPUB 3の特徴ナビゲーションドキュメント■ 目次表示のシステムで利用されるドキュメント◆   目次内の章・節などの各セクションにリンクを設定    し、読者の利便性を向上させることができる■ 形式はXHTMLコンテンツドキュメントと同じ X...
EPUB 3の特徴ナビゲーションドキュメント■ EPUB   3仕様とWeb系の知識の両方が必要◆   中身はnavタグ/olタグを中心としたHTMLタグ◆   使い方がEPUB 3仕様で厳格に決められている●EPUB 2との互換性EPUB 2...
EPUB 3の構成パッケージドキュメント              26
EPUB 3の特徴    パッケージドキュメント■ EPUB    3ファイルの出版物としてのアイデン ティティとなるドキュメント■ 拡張子が「.opf」のXML形式■ 仕様により形式が決められているので、EPUB 3仕様の理解が重要◆   E...
EPUB 3の特徴    パッケージドキュメント■ パッケージドキュメント内は大まかに次の3つ のパートに分かれている◆   書誌情報など書籍に関する情報(metadata部)◆   EPUB内で使っている各ファイルの一覧(manifest  ...
・パッケージドキュメントの一例書籍情報ファイル一覧 表示順                     29
EPUB 3の特徴    パッケージドキュメント■ 書籍情報として必須の定義項目◆   出版物のユニークID◆   タイトル◆   仕様言語◆   最終更新日時                       30
EPUB 3の特徴    パッケージドキュメント■ 追加の情報を考える◆   著者、出版社、権利表記など様々な設定が可能◆   組織内でのルールを作るのが望ましい◆   業界内での指針があると助かるかも■ コンテンツドキュメントの表示順を定義◆...
制作の際に意識すること(まとめ)                   32
制作の際に意識すること(まとめ)■ Webとの違いを理解する◆   パッケージドキュメントの存在◆   ページめくりインターフェイスを想定 ◇   画像の高さを抑える◆   書籍としてのマークアップを検討 ◇   章・節・項/線状の構成    ...
制作の際に意識すること(まとめ)■ 印刷物との違いを理解する◆   リフローの性質を理解する ◇   見た目を制御できない ◇   ノンブルが確定しない◆   解像度の違いを考える ◇   Retinaディスプレイでは印刷物レベル ◇   ビデ...
制作の際に意識すること(まとめ)■ 制作に関する指針を作る◆   対象とする閲覧環境 ◇   確認作業/サポートにも関係◆   コンテンツドキュメントのマークアップ ◇   独自の指針を構築する ◇   JBasic等の既存の指針を利用する◆ ...
JEPA 4月度定例会    ∼ 今から始めるEPUB 3 ∼ご清聴ありがとうございました                       36
お知らせ■ m-School:ハンズオン講座 「EPUB3で作る!電子書籍制作レシピ」◆   日時:4月24日(火)13:00∼17:00◆   料金:21,000円(税込み)■ ロクナナワークショップ:ハンズオン講座 「電子書籍ファイル実制作...
Upcoming SlideShare
Loading in...5
×

JEPA 4月度定例会資料0409a

1,152

Published on

4月13日(金)開催のJEPA 4月度定例会「今から始めるEPUB 3」の資料です。

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,152
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
111
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

JEPA 4月度定例会資料0409a

  1. 1. JEPA 4月度定例会  ∼ 今から始めるEPUB 3 ∼ 林 拓也(ハヤシ タクヤ) 1
  2. 2. プロフィール■ 林 拓也(ハヤシ タクヤ)■ Twitter:@HapHands■ Facebook:takuya.hayashi■ デジタルコンテンツ受注制作■ トレーニングインストラクター■ 書籍執筆 2
  3. 3. 今日の目的 3
  4. 4. 今日の目的■ EPUBおよびEPUB 3の概要や特徴を理解する 4
  5. 5. アジェンダ 5
  6. 6. アジェンダ■ EPUBの特徴■ EPUB 3の特徴■ EPUB 3の構成■ 制作の際に意識すること(まとめ) 6
  7. 7. EPUBの特徴 7
  8. 8. EPUBの特徴■ 電子書籍の標準化団体IDPFによって策定◆ 特定企業に依存しないので倒産などによる仕様の消 滅リスクが低い■ 無料(ライセンス料などが不要)◆ 参入の敷居が低い■ グローバル(世界で広く使われている)◆ 世界の電子書籍文化への参加 8
  9. 9. EPUBの特徴■ オープン(仕様の内容や策定プロセスが公開)◆ 制作環境/閲覧環境が限定されない■ リフロー◆ 閲覧環境(画面サイズ、文字サイズ等)に応じてテ キストが流し込まれる◆ スマートフォンなどの小さい画面サイズでもそれな りに読める◆ 制作側で表示結果を完全に制御できない 9
  10. 10. EPUB 3の特徴 10
  11. 11. EPUB 3の特徴■ 日本語組版への対応◆ 縦書き、ルビ、圏点、縦中横、ページめくり方向の 指定など■ 音声/ビデオデータの利用が可能に◆ 表現力の強化◆ 読み上げ書籍なども可能に■ JavaScriptが利用可能に◆ ゲームブックのようなものも可能に 11
  12. 12. EPUB 3の特徴■ フォントの埋め込みが可能に◆ WOFF/OpenTypeをサポート◆ ライセンスの問題がある(特に日本語フォント)■ 数式の表現が可能に◆ MathMLの採用(画像を使わずに済む) 12
  13. 13. EPUB 3の特徴■ 固定レイアウトが仕様化◆ 制作側での表示の制御が可能に◆ 追加モジュールとして策定■ 閲覧環境の状況について◆ 「EPUB 3対応」を謳った閲覧環境がまだ少ない ◇ 参考:epubcaféのまとめ◆ オープンソースのプロジェクトReadiumに期待 ◇ EPUB 3閲覧環境の動作見本の開発 13
  14. 14. EPUB 3の構成 14
  15. 15. EPUB 3の構成 ■ EPUB 3を構成する主要なドキュメント群 ◆ コンテンツドキュメント(書籍の本編) ◆ ナビゲーションドキュメント(目次) ◆ パッケージドキュメント(書籍情報) ・EPUB 3の内部構成の一例EPUB 3内ルートOEBPSフォルダ内に作成(フォルダ名は任意) パッケージドキュメント (ファイル名/フォルダ構成は任意↑→) コンテンツドキュメント ナビゲーションドキュメント 15
  16. 16. EPUB 3の構成■ EPUB 3を構成する主要なドキュメント群◆ 各ドキュメントはテキストエディタで編集可能な形 式(XML形式/XHTML形式)◆ テキストエンコードはUTF-8またはUTF-16を使用◆ これらを含む全てのファイルをEPUB特有のルール に基づくZIP圧縮でパッケージ化する ◇ 通常のZIP圧縮ツールではダメ→ユーティリティを使う • Win:ePubPack(無料)など • Mac:ePub Packager(¥85:2012年4月7)など 16
  17. 17. EPUB 3の構成コンテンツドキュメント 17
  18. 18. EPUB 3の特徴 コンテンツドキュメント■ 出版物の本編の内容を記述■ XHTML形式/SVG形式のいずれか (以下XHTML形式メインで話を進めます)■ XHTMLドキュメントはXML 1.0準拠の HTML5で記述(通称「XHTML5」と呼ばれることも)◆ Webのデータと一緒◆ 閲覧環境もWebブラウザのエンジンを使っているこ とが多い◆ Webブラウザで確認できる 18
  19. 19. EPUB 3の特徴 コンテンツドキュメント■ XHTMLの役割は構造の定義◆ 「ここは大見出し」「ここは小見出し」「ここは本 文」「ここは引用部分」…というようにコンテンツ 各部の構造・役割をHTMLタグを使って定義する h1∼h6タグは見出しを定義pタグは本文を定義 blockquoteタグは引用部分を定義 19
  20. 20. EPUB 3の特徴 コンテンツドキュメント■ 見た目の制御はCSSで◆ タグごとの指定を始め、様々な指定 方法でHTMLの見た目を制御できる■ CSSを使っても制作側で見た目を 完全に制御できるわけではない◆ 基本的に、見た目の最終結果は読者にゆだねること になる ◇ ハード、OS、アプリによる違い、アプリ内での読者による 表示設定など 20
  21. 21. EPUB 3の特徴 コンテンツドキュメント■ HTMLマークアップにただ1つの正解はない◆ 独自の指針を構築する◆ 既存の指針を利用する ◇ 例:JBasic08 • EPUB 3コンテンツ制作の指針とひな形に関するFacebook上の公 開グループJBasicで提供されている指針 21
  22. 22. EPUB 3の特徴 コンテンツドキュメント■ 1冊の書籍はほとんどの場合、複数 のXHTMLファイルで構成される◆ 1つの大きなXHTMLファイルでは閲覧環境の動作の 安定性に問題が出ることがある■ EPUB 3仕様に関する知識もさることながら Web系の知識が必要◆ HTML5/XHTML/CSS/グラフィック etc… 22
  23. 23. EPUB 3の構成ナビゲーションドキュメント 23
  24. 24. EPUB 3の特徴ナビゲーションドキュメント■ 目次表示のシステムで利用されるドキュメント◆ 目次内の章・節などの各セクションにリンクを設定 し、読者の利便性を向上させることができる■ 形式はXHTMLコンテンツドキュメントと同じ XHTML5形式◆ EPUB 2ではXML形式(拡張子.ncx)だった◆ システムで利用するためだけでなく、本編に表示す るためにXHTMLコンテンツドキュメントとして扱 うことも可能(1ファイル2役) 24
  25. 25. EPUB 3の特徴ナビゲーションドキュメント■ EPUB 3仕様とWeb系の知識の両方が必要◆ 中身はnavタグ/olタグを中心としたHTMLタグ◆ 使い方がEPUB 3仕様で厳格に決められている●EPUB 2との互換性EPUB 2の閲覧環境でEPUB 3を EPUB 3にEPUB 2用のナビゲー閲覧することはできません。ナ ションドキュメントも併せて含ビゲーションドキュメントの形 めることで互換性を高めること式が大きく異なるのが大きな原 ができます。(互換性を保証す因です。 るものではありません) 25
  26. 26. EPUB 3の構成パッケージドキュメント 26
  27. 27. EPUB 3の特徴 パッケージドキュメント■ EPUB 3ファイルの出版物としてのアイデン ティティとなるドキュメント■ 拡張子が「.opf」のXML形式■ 仕様により形式が決められているので、EPUB 3仕様の理解が重要◆ EPUBオーサリングツールなどを使うのも有効 27
  28. 28. EPUB 3の特徴 パッケージドキュメント■ パッケージドキュメント内は大まかに次の3つ のパートに分かれている◆ 書誌情報など書籍に関する情報(metadata部)◆ EPUB内で使っている各ファイルの一覧(manifest 部)◆ コンテンツドキュメントの表示順(spine部) 28
  29. 29. ・パッケージドキュメントの一例書籍情報ファイル一覧 表示順 29
  30. 30. EPUB 3の特徴 パッケージドキュメント■ 書籍情報として必須の定義項目◆ 出版物のユニークID◆ タイトル◆ 仕様言語◆ 最終更新日時 30
  31. 31. EPUB 3の特徴 パッケージドキュメント■ 追加の情報を考える◆ 著者、出版社、権利表記など様々な設定が可能◆ 組織内でのルールを作るのが望ましい◆ 業界内での指針があると助かるかも■ コンテンツドキュメントの表示順を定義◆ WebではHTMLドキュメント同士をリンクするが、 EPUBではパッケージドキュメントで指定◆ ページのめくり方向もspine内で指定 31
  32. 32. 制作の際に意識すること(まとめ) 32
  33. 33. 制作の際に意識すること(まとめ)■ Webとの違いを理解する◆ パッケージドキュメントの存在◆ ページめくりインターフェイスを想定 ◇ 画像の高さを抑える◆ 書籍としてのマークアップを検討 ◇ 章・節・項/線状の構成 33
  34. 34. 制作の際に意識すること(まとめ)■ 印刷物との違いを理解する◆ リフローの性質を理解する ◇ 見た目を制御できない ◇ ノンブルが確定しない◆ 解像度の違いを考える ◇ Retinaディスプレイでは印刷物レベル ◇ ビデオ/音声/インタラクティブ性の活用 ◇ 複数環境での確認作業が必要になる 34
  35. 35. 制作の際に意識すること(まとめ)■ 制作に関する指針を作る◆ 対象とする閲覧環境 ◇ 確認作業/サポートにも関係◆ コンテンツドキュメントのマークアップ ◇ 独自の指針を構築する ◇ JBasic等の既存の指針を利用する◆ パッケージドキュメントに定義する書籍情報◆ DRMについて 35
  36. 36. JEPA 4月度定例会 ∼ 今から始めるEPUB 3 ∼ご清聴ありがとうございました 36
  37. 37. お知らせ■ m-School:ハンズオン講座 「EPUB3で作る!電子書籍制作レシピ」◆ 日時:4月24日(火)13:00∼17:00◆ 料金:21,000円(税込み)■ ロクナナワークショップ:ハンズオン講座 「電子書籍ファイル実制作入門講座」◆ 日時:5月12日(土)11:00∼18:00    6月23日(土)11:00∼18:00◆ 料金:29,800円(税込み) 37
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×