iBookstore Asset Guide 5.1 Revision 1 (TempBookID-ReplacedWhenAssociatingWithMessierRevision 0.0.0)

Transcription

1 ibookstore Asset Guide 5.1 Revision 1 apple

2 目 次 概 要 5 本 リリースでの 変 更 点 5 ibookstore Asset Guide 5.1 リビジョン 1 での 変 更 点 6 デジタルブックの 要 件 8 概 要 8 マルチタッチブック 8 EPUB 8 EPUB バージョン 3 の 構 造 8 パッケージドキュメント (.opf) 9 ナビゲーションドキュメント 10 EPUB 3 の 機 能 14 脚 注 のポップアップ 14 ページ 送 り 方 向 16 テキスト 方 向 16 言 語 18 言 語 に 適 したフォントの 埋 め 込 み 18 ブックのバージョニング 18 バージョン 番 号 21 ibooks Author でのブックのバージョン 付 け 21 EPUB でのブックのバージョン 付 け 21 ブックカバーアート 22 ブック 作 成 の 推 奨 事 項 22 表 示 およびスタイル 22 ブック 内 表 紙 23 内 部 画 像 の 要 件 23 DRM 27 スクリーンショット 28 フォント 28 オーディオとビデオ 29 リンク 35 PDF 36 Adobe Page Template 37 JavaScript インタラクティビティが 含 まれるブック 37 2

3 目 次 概 要 37 JavaScript インタラクティビティを 含 んだブックのスクリプト 開 発 のベストプラクティス 38 JavaScript インタラクティビティを 含 むブックのコンテンツのデザイン 38 JavaScript インタラクティビティを 含 むブックのパフォーマンスを 向 上 させるためのヒント 44 技 術 的 ガイドラインおよび 要 件 44 作 成 中 のテスト 48 ブックの 検 証 49 ブックのサンプル 49 ブックのサンプルについて 49 リフローブックのガイドライン 52 概 要 52 コンテンツの 構 造 52 テキストの 行 揃 え 52 非 線 形 コンテンツ 53 リフローブックのスクロール 55 表 55 フォント 55 固 定 レイアウトブックのガイドライン 56 概 要 56 ドキュメントの 設 定 56 目 次 59 EPUB 3 の 固 定 レイアウト 57 固 定 レイアウトブックでのフォントの 使 用 方 法 61 固 定 レイアウトブックでの 画 像 の 最 適 化 61 レイアウト 62 テキスト 62 音 声 読 み 上 げブック 63 概 要 63 音 声 読 み 上 げ 機 能 のユーザーインターフェイスについて 63 ibooks 向 けの 音 声 読 み 上 げコンテンツを 作 成 するツール 65 メディアオーバーレイの 構 造 65 メディアオーバーレイ 用 のオーディオのプロセス 67 メディアオーバーレイの CSS スタイル 68 アンビエントサウンドトラック 69 音 声 読 み 上 げコントロールの 埋 め 込 み 69 音 声 読 み 上 げコントロールのスタイル 71 SMIL ファイルおよびオーディオファイルを EPUB に 追 加 する 72 3

4 目 次 マルチタッチブックのガイドライン 73 概 要 73 改 定 履 歴 74 これまでのバージョンの 仕 様 と 改 訂 内 容 74 ibookstore Asset Guide 5.1 での 変 更 点 75 ibookstore Asset Guide 5.0 での 変 更 点 77 ibookstore Asset Guide 4.9 での 変 更 点 77 ibookstore Asset Guide 4.8 での 変 更 点 79 ibookstore Asset Guide 4.7 リビジョン 4 での 変 更 点 80 ibookstore Asset Guide 4.7 リビジョン 3 での 変 更 点 81 ibookstore Asset Guide 4.7 リビジョン 2 での 変 更 点 81 ibookstore Asset Guide 4.7 での 変 更 点 81 ibookstore Asset Guide 4.6 での 変 更 点 82 ibookstore Asset Guide 4.5 リビジョン 1 での 変 更 点 82 ibookstore Asset Guide 4.5 での 変 更 点 83 4

5 概 要 このドキュメントでは EPUB や ibooks Author で 作 成 されたマルチタッチブックなど ibookstore で 承 認 されるすべてのメディアおよびファイルについてのデリバリ 情 報 を 提 供 します このドキュメン トでは EPUB 3 の 基 本 的 な 作 成 方 法 と EPUB およびマルチタッチの 各 ブックタイプに 特 有 のガイドラ インについて 説 明 します このガイド 以 外 にも itunes Connect の Deliver Your Content ページの Examples セクションで 2 つの EPUB ファイルの 例 を 参 照 することができます 1 つはリフローブッ クの 例 (flowing3-0.epub) もう 1 つは 固 定 レイアウトブックの 例 (fixedlayout3-0.epub) です メモ: ibookstore Asset Guide バージョン 5.1 では EPUB 3 およびマルチタッチブックの 説 明 のみに 限 定 されています それ 以 前 の EPUB 2 形 式 についての 情 報 は Apple のドキュメン トアーカイブを 参 照 してください 詳 細 については 次 のリンクを 参 照 してください: また EPUB 2 の 情 報 については からも 参 照 可 能 です Important: ibooks.jsを 始 め すべての 情 報 ドキュメント および 例 は Apple 以 外 とは 共 有 できません 本 リリースでの 変 更 点 日 付 /バージョン 2013 年 2 月 21 日 - バージョン 5.1 リビ ジョン 1 変 更 点 画 像 サイズ テキストの 方 向 バージョン 付 けについて 明 確 にしま した 縦 中 横 のサポートを 追 加 しました 固 定 レイアウトブックで ブックのとじ 部 分 を 非 表 示 にするレイアウトプロパティを 追 加 しま した ibooks のフォントは UTR 50 draft 6のフォントの 方 向 について のガイドラインに 従 います 固 定 レイアウトブックでは 非 線 形 ド キュメントはサポートされていないことを 明 確 にしました 5

6 概 要 本 リリースでの 変 更 点 ibookstore Asset Guide 5.1 リビジョン 1 での 変 更 点 テキストの 方 向 : 縦 中 横 縦 書 きテキストでは 短 い 数 字 やラテンテキストを 横 書 きに 配 置 することが 望 ましい 場 合 があり こ れを 縦 中 横 と 呼 びます 縦 中 横 を 作 成 するには CSS プロパティ -webkit-text-combineを 使 用 する 必 要 があります 詳 細 については 縦 中 横 (17 ページ) を 参 照 してください テキストの 方 向 : 明 確 化 1 つのコンテンツドキュメントでサポートされる writing-mode の 値 は 1 つのみです ブックの 中 に 縦 書 きと 横 書 きの 両 方 のテキストを 含 めたい 場 合 それぞれのテキスト 方 向 を 別 々のコンテンツド キュメントに 分 割 する 必 要 があります 縦 中 横 は CSS プロパティ writing-mode プロパティを 使 用 して 作 成 しないでください 外 字 画 像 VoiceOver を 利 用 する 読 者 が 外 字 画 像 を 読 めるようにするには 外 字 画 像 に alt 属 性 を 含 める 必 要 があります 詳 細 については 外 字 アクセシビリティ (27 ページ) を 参 照 してください ブックカバー/マーケティング 画 像 画 像 サイズに 適 用 される 200 万 ピクセルの 制 限 は ブックアセットとともに 送 信 された 外 部 カバー/ マーケティング 画 像 には 適 用 されません この 制 限 は ブックアセット 内 部 にある 画 像 にのみ 適 用 されます ブックのバージョニング Appleでは ibookstoreにデリバリする 最 初 のアセットをバージョン 1.0 に 指 定 することを 推 奨 します バージョン 番 号 は 顧 客 に 表 示 され 顧 客 へのアップデートのデリバリを 管 理 する 目 的 で 使 用 されま す 以 降 のバージョンは 必 要 に 応 じて 番 号 を 増 やしてください 文 言 を プレビュー から サンプル に 変 更 しました 最 新 情 報 のテキストが 表 示 される 位 置 につ いて 説 明 する 文 を 追 加 しました フォント ibooks のフォントは UTR (Unicode Technical Report) 50 draft 6のフォントの 方 向 についてのガイドラ インに 従 います リフローブック: 縦 書 きテキストのスクロール 6

7 概 要 本 リリースでの 変 更 点 リフローブックの 場 合 ibooks の 読 者 はいくつかの 表 示 テーマを 選 択 できます スクロールテーマで は 横 書 きテキストの 場 合 は 縦 にスクロールし 縦 書 きテキストの 場 合 は 横 にスクロールします こ れは 縦 書 きの 日 本 語 または 中 国 語 のテキストで 書 かれたブックに 適 しています ibooks のスクロー ルテーマを 表 示 したとき 縦 書 きテキストは 横 方 向 に 右 から 左 にスクロールすると 最 も 読 みやすくな ります 詳 細 については リフローブックのスクロール (55 ページ) を 参 照 してください 固 定 レイアウトブック:ブックのとじ 部 分 を 非 表 示 にする 見 開 きごとに 2 つのドキュメントを 使 用 する 固 定 レイアウトブックを 作 成 する 場 合 で 本 のような 外 観 にしたくない 場 合 binding レイアウトプロパティに falseを 指 定 して ほんのとじ 部 分 を 隠 す ことができます 詳 細 については ブックレイアウトのメタデータの 定 義 (57 ページ)を 参 照 し てください 固 定 レイアウトブック: 明 確 化 固 定 レイアウトブックでは 非 線 形 ドキュメントはサポートされていません 非 線 形 ドキュメントを サポートしているのは リフローブックのみです 読 み 上 げブック: 明 確 化 readaloud 属 性 を 記 述 する 場 合 は ibooks の 名 前 空 間 と 接 頭 辞 も <html>に 記 述 する 必 要 があります 詳 細 については ibooks 接 頭 辞 (70 ページ) を 参 照 してください 7

8 デジタルブックの 要 件 概 要 ibooks では マルチタッチ (.ibooks) および EPUB (.epub) の 2 種 類 のブック 形 式 をサポートしてい ます マルチタッチブックは ibooks Authorアプリケーションを 使 用 して 作 成 されます EPUB はリフ ローブックと 固 定 レイアウトブックを 作 成 するのに 使 用 されます マルチタッチブック ipad 向 けのマルチタッチブックは ibooks Author アプリケーションを 使 用 して 作 成 され Apple が 開 発 した ibooks 形 式 (.ibooks) を 使 用 してブックが 生 成 されます マルチタッチブックには 様 々なインタ ラクティブな 要 素 を 含 めることができ 教 科 書 料 理 本 歴 史 書 写 真 集 などを 作 成 するのに 特 に 適 しています ibookstore では 最 新 バージョンの ibooks Author で 作 成 されたマルチタッチブックのみ が 承 認 されます EPUB ibooks は EPUB および EPUB 3 の 両 方 をサポートします これらはいずれも リフローブックと 固 定 レイアウトブックを 作 成 するために 使 用 できます リフローブックは テキスト 中 心 のブックを 作 成 するのに 適 しています 読 者 はリフローブックのテ キストのサイズを 変 更 することができます リフローブックは 画 像 オーディオ ビデオ および インタラクティビティをサポートしています 固 定 レイアウトは 精 密 なデザインやレイアウトを 必 要 とするブックを 作 成 するのに 適 しています 固 定 レイアウトブックは フルブリード 画 像 オーディオ ビデオ インタラクティビティ および 音 声 読 み 上 げ 機 能 をサポートします 音 声 読 み 上 げ 機 能 を 使 用 する 場 合 ナレーターの 音 声 とブック 内 のテキストを 同 期 させることができます EPUB バージョン 3 の 構 造 EPUB バージョン 3 の 構 造 およびコンテンツは EPUB バージョン 2 とは 異 なります EPUB と EPUB 3 の 相 違 点 については 参 照 してください 8

9 デジタルブックの 要 件 EPUB バージョン 3 の 構 造 大 きく 異 なる 点 は EPUB バージョン 3 にはパッケージドキュメント (.opf) およびナビゲーションド キュメント (toc.xhtml) が 含 まれていることです パッケージドキュメントには メタデータ マニ フェスト およびスパインなど ブックについての 情 報 がすべて 含 まれています ナビゲーションド キュメントには ブックのナビゲーション 方 法 についての 情 報 や 目 次 ランドマーク ページリス トが 含 まれます 以 下 の 各 セクションではこの 構 造 を 分 析 し 要 件 について 説 明 します パッケージドキュメント (.opf) パッケージドキュメントには メタデータ マニフェスト およびスパインなど ブックについての 情 報 が 含 まれています また 使 用 する EPUB バージョン (バージョン 2 または 3) を 定 義 します EPUB 3 のバージョンは 3.0 になります <package xmlns=" unique-identifier="bookid" version="3.0"> メタデータ ブックに 関 連 するメタデータを 含 むことができます 最 低 でも 次 の 項 目 を 含 む 必 要 があります タイトル ID 言 語 更 新 日 ( 最 後 にブックを 変 更 した 日 付 ) <metadata xmlns:opf=" xmlns:dc=" <dc:title>flowing Book</dc:title> <dc:identifier id="bookid"> </dc:identifier> <dc:language>en</dc:language> <meta property="dcterms:modified"> </meta> </metadata> 9

10 デジタルブックの 要 件 EPUB バージョン 3 の 構 造 マニフェスト <manifest> は ブックの 作 成 に 使 用 されるすべてのファイルのリストです たとえば すべてのコ ンテンツドキュメント CSS フォント 画 像 などを 記 述 します ナビゲーションドキュメントとブッ クの 表 紙 画 像 を 識 別 するには properties 属 性 を 使 用 します <manifest> <item id="pg-1" href="chapter1.xhtml" media-type="application/xhtml+xml"/> <item id="css1" href="stylesheet.css" media-type="text/css"/> <item id="font" href="fonts/font.ttf" media-type="application/x-font-ttf"/> <item id="toc" href="toc.xhtml" media-type="application/xhtml+xml" properties="nav"/> <item id="img1" href="cover-img.jpg" media-type="image/jpeg" properties="cover-image"/> </manifest> スパイン <spine> は ブックのコンテンツドキュメントの 線 形 の 読 み 取 り 順 を 定 義 するリストです リストの 最 初 の 項 目 がブックの 最 初 の 項 目 になります <spine> <itemref idref="cov"/> <itemref idref="tit"/> <itemref idref="ch1"/> <itemref idref="ch2"/> <itemref idref="end" linear="no"/> <itemref idref="bib"/> <itemref idref="cht" linear="no"/> </spine> 非 線 形 コンテンツ (linear="no") にはメインコンテンツを 補 足 するが ブックの 読 み 順 とは 関 係 ない ドキュメントが 含 まれます たとえば 図 表 レビューの 回 答 などが 非 線 形 コンテンツになりま す 詳 細 については 非 線 形 コンテンツ (53 ページ) を 参 照 してください ナビゲーションドキュメント ナビゲーションドキュメント 内 の 要 素 は HTML5 の <nav> 要 素 に 含 めることができます ナビゲー ション 機 能 はそれぞれ 同 じ <nav> 要 素 の 構 造 を 使 用 して 作 成 されるため epub:type 属 性 を 含 める ことで 各 nav 構 造 の 目 的 を 識 別 する 必 要 があります また ナビゲーションドキュメントはコンテン ツドキュメントでもあるため ブックのページ 内 に 表 示 できます ナビゲーション 構 造 には 目 次 ランドマーク ページリストが 含 まれています 詳 細 については 以 下 で 説 明 します 目 次 はすべてのブックに 必 須 で ランドマークは 固 定 レイアウトブックでカスタム サンプルを 提 供 しない 場 合 に 必 須 です またページリストは 両 方 の 形 式 でオプションになります 目 次 ibooks の 主 目 次 は nav 要 素 に epub:type 値 の "toc"を 指 定 して 作 成 します 読 者 は 目 次 を 使 用 し てブック 内 の 重 要 な 位 置 に 移 動 します 各 エントリにはページ 番 号 を 定 義 しません 異 なるフォント や 画 面 サイズに 対 応 できるように ibooks がページ 番 号 を 算 出 します 10

11 デジタルブックの 要 件 EPUB バージョン 3 の 構 造 <nav epub:type="toc"> <ol> <li><a href="chapter1.xhtml">chapter 1</a> <ol> <li><a href="chapter1.xhtml#figure1">figure 1</a></li> </ol> </li> <li><a href="chapter2.xhtml">chapter 2</a></li> </ol> </nav> ランドマーク ランドマーク 構 造 は 表 紙 や 参 考 文 献 など ブック 内 の 主 要 なコンポーネントファイルを 識 別 しま す ランドマークは nav 要 素 に epub:type = "landmarks"を 指 定 して 作 成 します ランドマーク ナビゲーション 構 造 は EPUB 2 の.opf 要 素 に 含 めることができます ibooks はブックのサンプルを 切 り 出 すときにランドマークを 参 照 します ランドマーク nav 要 素 は カスタムサンプルを 提 供 しな い 場 合 固 定 レイアウトブックで 必 須 です またランドマークは リフローブックの 開 始 ページを 定 義 するためにも 使 用 されます 開 始 ページ は ブックを 最 初 に 開 いたときに 読 者 が 目 にする 最 初 のページです ibooks は epub:type = "ibooks:reader-start-page"を 含 む 最 初 のランドマーク 項 目 を 開 きます 値 がランドマークナビ ゲーション 構 造 で 指 定 されていない 場 合 ibooks は 次 の epub:type landmarks 値 のいずれかを 含 む 最 初 のスパイン 項 目 を 開 きます bodymatter 11

12 デジタルブックの 要 件 EPUB バージョン 3 の 構 造 acknowledgements dedication epigraph foreword preface introduction frontmatter デリバリするパッケージ 内 で 1 つの "landmarks" nav 要 素 だけを 指 定 することができます ランドマーク 構 造 は epub:type 属 性 を 使 用 して <nav> 要 素 およびその 中 に 記 載 されているドキュ メント 機 能 を 識 別 します ブック 内 のすべての 主 要 なファイルを 識 別 することをお 勧 めします 必 須 の 属 性 である epub:type は href 属 性 によって 参 照 される 出 版 物 のコンポーネントについて 説 明 し ます epub:type 属 性 の 値 は 大 文 字 と 小 文 字 が 区 別 されます ブックの 最 初 の 章 に epub:type = "bodymatter"を 指 定 し 他 のすべての epub:type 属 性 を 適 切 なタイプ ("toc" "titlepage" "epilogue" "preface"など) でタグ 付 けすることをお 勧 めします ランドマーク <nav> ブロック には 各 タイプの epub:type 属 性 を 1 つだけ 記 述 できます たとえば epub:type 属 性 の "bodymatter"タイプを 複 数 記 述 することはできません 使 用 可 能 な epub:typeのファイルを 作 成 す る 方 法 については 参 照 してください 12

13 デジタルブックの 要 件 EPUB バージョン 3 の 構 造 ランドマークの 例 <nav epub:type="landmarks"> <ol> <li><a href="coverpg.xhtml" epub:type="cover">cover</a></li> <li><a href="titlepg.xhtml" epub:type="titlepage">title Page</a></li> <li><a href="chapter.xhtml" epub:type="bodymatter">start</a></li> <li><a href="bibliog.xhtml" epub:type="bibliography">bibliography</a></li> </ol> </nav> page-list を 使 用 したページマッピング epub:type="page-list" 属 性 を 使 用 する <nav> 要 素 は 物 理 的 なブックのページに 一 致 する EPUB 内 のページを 指 定 するメソッドを 提 供 します これは 教 室 で 講 師 が 特 定 のページをめくるように 受 講 者 に 指 示 するときに 特 に 役 立 ちます オプションで epub:type="page-list" 属 性 を 使 用 して 番 号 付 けされないようにそのページに 空 の 文 字 列 を 定 義 することができます 同 様 に ページ 番 号 とし てローマ 数 字 (i ii iii) 文 字 (a b c) または 数 字 (1 2 3) を 指 定 することができます 数 字 や 単 語 以 外 を 使 用 する 場 合 は 意 味 のある 極 めて 短 いものを 選 び 画 面 上 で 表 示 が 欠 けないようにしてく ださい 13

14 デジタルブックの 要 件 EPUB 3 の 機 能 page-list の 例 page-list は リフローブックおよび 固 定 レイアウトブックの 両 方 でサポートされています 次 の 例 は epub:type="page-list"を 使 用 してページナビゲーションを 提 供 する 方 法 を 示 しています <nav epub:type="page-list"> <ol> <li><a href="coverpg.xhtml">intro</a></li> <li><a href="titlepg.xhtml"></a></li> <li><a href="chp1.xhtml#p1">1</a></li> <li><a href="chp1.xhtml#p2">2</a></li> <li><a href="chp1.xhtml#p3">3</a></li> </ol> </nav> EPUB 3 の 機 能 この 項 では EPUB 3 ブックでサポートされている 次 の 機 能 について 説 明 します 脚 注 のポップアップ ページ 送 り 方 向 テキスト 方 向 EPUB 3 でサポートされる 他 の 機 能 には 埋 め 込 みのオーディオやビデオ 音 声 読 み 上 げ ( 固 定 レイア ウトブックのみ) およびインタラクティビティがあり このドキュメントの 他 の 項 で 説 明 されてい ます 上 記 に 示 した 機 能 の 他 に MathML もサポートされます 詳 細 については を 参 照 してください 脚 注 のポップアップ EPUB 3 のリフローブックおよび 固 定 レイアウトブックでは 適 切 な epub:type 値 で 脚 注 を 指 定 する ことによって 脚 注 のポップアップを 作 成 できます 脚 注 のポップアップを 作 成 するには 2 つの 要 素 を 使 用 します ポップアップをトリガーするアンカー (<a>) 要 素 と 脚 注 テキストを 含 む <aside> 要 素 です いずれの 要 素 にも 目 的 を 識 別 するための epub:type 属 性 があります epub:type="noteref" を 指 定 することでポップアップをトリガーし epub:type="footnote" を 指 定 することで 脚 注 テキストを 示 します 14

15 デジタルブックの 要 件 EPUB 3 の 機 能 次 の 例 では アンカー 要 素 (<a>) に 2 つの 属 性 が 指 定 されています epub:type="noteref" と ポッ プアップテキストを 含 む 要 素 の 位 置 を 参 照 するリンクです <aside> 要 素 には 次 の 2つの 属 性 があります id="mynote" ( 参 照 するリンクの href 属 性 の 値 に 一 致 します ) epub:type="footnote" <aside> 要 素 で epub:type ERXFlickrBatchNavigation.of footnoteが 指 定 されているため テキストは ブックの 本 文 で 非 表 示 になります テキストはポップアップのコンテキストでのみ 読 者 に 表 示 され ます <html xmlns=" xmlns:epub=" <p> <a href="chapter.xhtml#mynote" epub:type="noteref">1</a> </p> <aside id="mynote" epub:type="footnote">text in popup</aside>... </html> 15

16 デジタルブックの 要 件 EPUB 3 の 機 能 メモ: epub:type 属 性 を 使 用 する 場 合 は <html> 要 素 に 名 前 空 間 xmlns:epub=" を 含 める 必 要 があります ブックで 特 定 のテキスト 方 向 ( 右 から 左 など) を 使 用 する 必 要 があり 脚 注 のテキスト 方 向 を 一 致 させ たい 場 合 は <p> 要 素 で 脚 注 テキストを 囲 み スタイルを 追 加 してテキスト 方 向 を 指 定 します <html xmlns=" xmlns:epub=" <p> <a href="chapter.xhtml#mynote" epub:type="noteref">1</a> </p> <aside id="mynote" epub:type="footnote"><p style="direction:rtl">text in popup</p></aside>... </html> ページ 送 り 方 向 デフォルトでは ibooks のページ 送 り 方 向 は 左 から 右 になっています ただし 日 本 語 や 中 国 語 のよ うな 一 部 の 言 語 では 右 から 左 にページを 送 る 場 合 があります ibooks 3.0 では 両 方 のページ 送 り 方 向 をサポートしています ページ 送 り 方 向 は OPF の <spine> 要 素 で page-progression-direction を 記 述 することで 定 義 できます page-progression-direction 属 性 はグローバル 属 性 であり ブッ ク 全 体 のページ 送 り 順 を 定 義 します 許 可 される 値 は "ltr" ( 左 から 右 ) "rtl" ( 右 から 左 ) および "default"です "default" を 指 定 した 場 合 や 属 性 を 指 定 しなかった 場 合 は ibooks がレンダリング 方 向 を 選 択 できます <spine page-progression-direction="ltr"> <itemref idref="cov"/> <itemref idref="tit"/> <itemref idref="ch1"/> <itemref idref="ch2"/> <itemref idref="end" linear="no"/> <itemref idref="bib"/> <itemref idref="cht" linear="no"/> </spine> テキスト 方 向 ibooks は 右 から 左 および 左 から 右 の 両 方 のテキスト 方 向 をサポートします テキスト 方 向 は <package> 要 素 の dir 属 性 で 定 義 されます 詳 細 は EPUB 3 標 準 で 説 明 されています ( 16

17 デジタルブックの 要 件 EPUB 3 の 機 能 また EPUB 3 標 準 で 説 明 されているように ibooks は CSS 3 Writing Modes を 使 用 して 縦 書 きおよび 横 書 きの 両 方 のテキスト 方 向 もサポートします テキスト 方 向 ( 縦 書 きおよび 横 書 き) は CSS の writing-mode プロパティで 定 義 されます writing-mode は 下 位 要 素 で 設 定 するのではなく <body> または <html> 要 素 で 設 定 する 必 要 があります サポートされる 値 は horizontal-tb ( 横 書 きで 上 から 下 ) vertical-rl ( 縦 書 きで 右 から 左 ) および vertical-lr ( 縦 書 きで 左 から 右 ) です 1 つのコンテンツドキュメントでサポートされる writing-mode の 値 は 1 つのみです ブックの 中 に 縦 書 きと 横 書 きの 両 方 のテキストを 含 めたい 場 合 それぞれのテキスト 方 向 を 別 々のコンテンツド キュメントに 分 割 する 必 要 があります html { -epub-writing-mode: vertical-rl; } 日 本 語 や 中 国 語 など 縦 書 きテキストのスクロールについての 詳 細 は リフローブックのスクロー ル (55 ページ)を 参 照 してください メモ: 縦 中 横 は CSS プロパティ -webkit-text-combineを 使 用 して 作 成 する 必 要 があり CSS プロパティ writing-modeは 使 用 しません 次 の 縦 中 横 セクションを 参 照 してくだ さい ibooks メニューの 目 次 を 横 書 きではなく 縦 書 きで 表 示 する 場 合 テキスト 方 向 を toc ドキュメント 内 で 指 定 する 必 要 があります 縦 中 横 縦 書 きテキストでは 短 い 数 字 やラテンテキストを 横 書 きに 配 置 することが 望 ましい 場 合 があり こ れを 縦 中 横 と 呼 びます 縦 中 横 を 作 成 するには CSS プロパティ -webkit-text-combineを 使 用 する 必 要 があります 例 : CSS 内 では 次 のように 指 定 します.number { -webkit-text-combine: horizontal; } dummy tet to make page break HTML ページ 内 では 次 のように 指 定 します 17

18 デジタルブックの 要 件 ブックのバージョニング <span class="number">50</span> 言 語 作 成 するブックの 言 語 は 次 の 2 箇 所 で 定 義 する 必 要 があります OPF の metadata セクション: <metadata xmlns=" xmlns:dc=" >... <dc:language>en</dc:language>... </metadata> 言 語 コードについては 言 語 下 位 タグレジストリ ( を 参 照 してください Apple に 提 供 するメタデータ 内 (Apple に 提 供 する 言 語 メタデータは OPF で 指 定 する 言 語 と 同 じ である 必 要 があります) 言 語 に 適 したフォントの 埋 め 込 み ibooks では ios システムフォント 経 由 で 様 々なフォントを 選 択 できます 一 部 の 言 語 では より 広 範 なフォントライブラリを 必 要 とするものもあります 作 成 中 のブックでより 広 範 なフォントライブ ラリが 必 要 な 場 合 は フォントを 埋 め 込 むことができます 詳 細 については ブックレイアウトの メタデータの 定 義 (57 ページ) を 参 照 してください ブックのバージョニング EPUB 3 およびマルチタッチブックでは ibookstore で 以 前 公 開 したことのあるブックの 新 しいバー ジョンを 公 開 するときに ブックにバージョンを 付 けることができます ibookstore 上 では 旧 バージョ ンのブックに 代 わってアップデートされたブックが 公 開 され 新 しい 顧 客 はそのアップデートされた ブックを 入 手 できます 旧 バージョンのブックをダウンロードした 顧 客 は 新 しいバージョンがダウ ンロード 可 能 であることを 通 知 されます 顧 客 が 新 しいバージョンのダウンロードを 選 択 すると デ バイス 上 の 旧 バージョンのブックは 新 しいバージョンに 差 し 替 えられます 次 に ブックの 様 々な 段 階 を 説 明 するためにこのドキュメント 全 体 で 使 用 される 用 語 を 示 します 18

19 デジタルブックの 要 件 ブックのバージョニング バージョン 指 定 なし は アセットにバージョンが 適 用 されていないブックを 示 します たと えば バージョン 付 けが 可 能 になる 前 に ibookstore に 納 品 されたブックアセットなどが 含 まれま す バージョン 番 号 を 宣 言 してアセットをアップロードすると バージョン 指 定 なし のブッ クを バージョン 指 定 に 変 更 できます バージョン 指 定 ブック とは バージョン 番 号 を 付 けて 改 訂 された (または 改 訂 予 定 の) ブック アセットのことです 公 開 バージョン は 現 在 ibookstore に 置 かれているバージョンのことです これは オリジ ナルバージョンまたは 最 新 バージョンを 示 します 保 留 中 は 投 稿 予 定 または 投 稿 済 みであるが まだ 公 開 されていないバージョンに 適 用 され ます 最 新 は 保 留 中 のバージョンがある 場 合 はそれを 示 し ない 場 合 は 公 開 バージョンのことを 示 します ブックアセットにバージョン 番 号 を 付 けると バージョン 指 定 のブックになります EPUB 3 では バージョン 番 号 はブックアセットのパッケージドキュメントの meta 要 素 で 指 定 されています サン プルアセットにはバージョンを 指 定 できません バージョン 番 号 付 きのサンプルファイルをデリバリ しようとするとブロックされます サンプルは ソースアセットのバージョン 番 号 を 引 き 継 ぎます 前 のバージョンにカスタムサンプルが 含 まれていて 新 しいカスタムサンプルを 再 デリバリしない 場 合 は 古 いサンプルが 使 用 されます 前 のバージョンにカスタムサンプルが 含 まれておらず 新 しい カスタムサンプルをデリバリしない 場 合 新 しいサンプルはカットされます ブックにはいつでも 最 大 2 つのバージョンを 表 示 できます すでに 公 開 済 みまたは 公 開 予 定 のバー ジョンと 現 在 レビュー 中 の 別 のバージョンです 新 バージョンをアップロードしてそれが 公 開 され ると 別 の 新 しいバージョンをデリバリするまでそれが 唯 一 表 示 されるバージョンになります 改 訂 19

20 デジタルブックの 要 件 ブックのバージョニング 中 に 行 う 変 更 は 公 開 バージョン には 影 響 しません すべての 変 更 を 行 い 改 訂 したブックを アップロードすると それが 公 開 バージョンになり 現 在 の ibookstore 上 の 公 開 バージョンと 差 し 替 えられます ( ) ibookstore アップデート 版 での 変 更 点 を 顧 客 に 説 明 するために 最 新 情 報 についての 説 明 文 を <version_whats_new> タグの 寸 法 と 一 致 する 必 要 があります このテキストは ibookstore のブック の 説 明 部 分 の 下 に 表 示 され 顧 客 はバージョンの 詳 細 を 確 認 できます 新 しいバージョンを 公 開 する には 最 新 情 報 についての 説 明 文 を 含 むインポートパッケージを 送 信 する 必 要 があります バージョ ン 指 定 のブックの 新 しいソースアセットを 納 品 するときに 最 新 情 報 についての 説 明 文 を 提 供 しなかっ た 場 合 最 新 情 報 についての 説 明 文 がないので 提 供 する 必 要 があるという 警 告 が 表 示 されます ブッ クは 最 新 情 報 についての 説 明 文 が 提 供 されるまで 公 開 されません インポートパッケージのデリバリ についての 詳 細 は ibookstore Book Package Specification を 参 照 してください バージョン 情 報 は EPUB 3 とマルチタッチブックのみに 適 用 できることに 注 意 してください 20

21 デジタルブックの 要 件 ブックのバージョニング バージョン 番 号 通 常 バージョン 番 号 の 最 初 の 番 号 はメジャーリビジョンを 表 し 2 番 目 の 数 字 は 複 数 の 変 更 や 新 し い 情 報 を 含 んだリビジョンに 使 用 されます 3 番 目 の 番 号 はタイポや 書 式 設 定 の 問 題 の 修 正 など マ イナーな 変 更 を 示 すのに 使 用 されます たとえば ブックの 最 初 のバージョンが 1.0 の 場 合 後 続 の マイナーリビジョンは と 表 すことができます 大 幅 な 改 訂 の 場 合 は 1.1 となり 完 全 に 書 き 直 し た 場 合 は 2.0 と 表 すことができます バージョン 番 号 を 付 ける 際 には 次 のことに 注 意 してください すでに ibookstore で 入 手 可 能 なブックへの 更 新 を 公 開 する 場 合 は 新 しいバージョン 番 号 を 入 力 する 必 要 があります ドット 区 切 りの 整 数 を 使 用 します ドットは 最 大 2 つまでで 3 つのコンポーネントに 分 かれ 各 コンポーネントに 4 桁 の 整 数 を 使 用 できます 例 : は 1.9 よりも 大 きいと 見 なされます 冒 頭 の 0 は 無 視 されます 1.01 は 1.1 と 同 じです 文 字 は 使 用 できません ブックをアップデートするたびに 最 低 でも 右 端 のバージョン 番 号 を 変 更 する 必 要 があります Appleでは ibookstoreにデリバリする 最 初 のアセットをバージョン 1.0 に 指 定 することを 推 奨 し ます バージョン 番 号 は 顧 客 に 表 示 され 顧 客 へのアップデートのデリバリを 管 理 する 目 的 で 使 用 されます 以 降 のバージョンは 必 要 に 応 じて 番 号 を 増 やしてください ibooks Author でのブックのバージョン 付 け ブックのバージョン 付 け 機 能 は ibooks Author バージョン 2 に 組 み 込 まれています ibooks Author で は 以 前 公 開 済 みのブックの 新 バージョンを 公 開 するときに 公 開 過 程 でバージョン 情 報 を 付 けるか どうかを 選 択 します EPUB でのブックのバージョン 付 け EPUB 3 の ibooks でブックのバージョン 付 け 機 能 を 使 用 するには OPFファイルの 敬 称 ( 前 ) 要 素 に 次 の <package> 属 性 を 記 述 する 必 要 があります <package xmlns=" unique-identifier="bookid" version="3.0" prefix="ibooks: ブックのバージョンは パッケージドキュメントの meta 要 素 で 指 定 します meta 要 素 には "ibooks:version"というプロパティ 値 があります 21

22 デジタルブックの 要 件 ブックカバーアート <meta property="ibooks:version">1.1.2</meta> また メタデータ XML の 納 品 で <version_whats_new> タグを 使 用 して アップデート 版 での 変 更 点 についての 説 明 文 を 提 供 する 必 要 があります インポートパッケージのデリバリについての 詳 細 は ibookstore Book Package Specification を 参 照 してください ブックカバーアート ibookstore で 表 示 されるブックのカバーアート (マーケティング 画 像 とも 呼 ばれる) は RGB カラー モードを 使 用 して 短 軸 に 沿 って 少 なくとも 1400 ピクセルにする 必 要 があります 最 大 の 効 果 を 得 るには 短 軸 に 沿 って 2400 ピクセルにすることを 強 くお 勧 めします ブックのカバーアートのファイルには 拡 張 子 が.jpg の 高 画 質 JPEG または 拡 張 子 が.png の PNG を 使 用 する 必 要 があります 画 像 サイズに 適 用 される 200 万 ピクセルの 制 限 は ブックアセットとともに 送 信 された 外 部 カ バー/マーケティング 画 像 には 適 用 されません 画 像 サイズの 最 小 基 準 を 満 たすために 小 さい 画 像 のサイズを 拡 大 することはお 勧 めできませ ん 過 度 にピンぼけしていたり ピクセル 化 された 画 像 は 拒 否 されます ブック 作 成 の 推 奨 事 項 次 の 項 では ブックを 作 成 する 際 の 推 奨 事 項 について 説 明 します 表 示 およびスタイル ブックを 作 成 する 際 の 表 示 に 関 する 推 奨 事 項 は 次 のとおりです 改 行 コンテンツ 領 域 の 境 界 でテキストがクリップされないようにするには 長 い 単 語 特 にリンクされた テキストや 見 出 しにソフトハイフンを 挿 入 します ソフトハイフンの 詳 細 については 次 を 参 照 して ください 22

23 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項 改 ページ 改 ページはリフローブックでサポートされています 章 の 区 切 りを 示 すために 改 ページを 行 う 場 合 は page-break-after を 使 用 して 章 の 終 わりを 区 切 りますが page-break-before を 章 の 始 まり を 区 切 るために 挿 入 しないでください この 変 更 によって 目 次 のパフォーマンスが 向 上 します 改 ページを 要 素 の 前 または 後 に 挿 入 することを 示 すには page-break-before または page-break-after プロパティを 使 用 して CSS にスタイルを 設 定 します これらのプロパティに 許 可 される 値 は 次 のとおりです auto: 必 要 に 応 じて 要 素 の 前 または 後 に 改 ページを 挿 入 します always: 要 素 の 前 または 後 に 改 ページを 挿 入 します 見 出 し 1 としてスタイル 設 定 されたすべてのテキストの 前 に 改 ページを 追 加 する CSS スタイルの 例 は 次 のとおりです h1 { page-break-before:always; } ブック 内 表 紙 HTML ブック 内 表 紙 の 背 景 色 は 未 定 義 でなければなりません 色 を 指 定 すると 表 紙 のカバー 画 像 の 周 りに 不 均 一 な 暗 いボーダーが 表 示 されてしまいます 内 部 画 像 の 要 件 画 像 を 準 備 する 際 には 次 のことに 留 意 してください すべての 画 像 はデジタル 形 式 で 準 備 され テキストを 含 まないようにする 必 要 があります すべ てのテキストは HTML を 使 用 して 作 成 する 必 要 があります 画 像 にテキストを 埋 め 込 むと 顧 客 クレームと 成 りうる 問 題 が 多 々 発 生 します たとえば 辞 書 機 能 が 使 えない テキストを 検 索 で きない または VoiceOver 機 能 を 使 用 しているユーザーがブックにアクセスできなくなるなどで す そのため テキストが 埋 め 込 まれた 画 像 を 使 用 するブックは ibookstore での 販 売 が 拒 否 さ れます 拡 張 子.jpg の JPEG 画 像 ( 画 質 の 制 約 なし) または 拡 張 子.png の PNG を 使 用 する 必 要 がありま す RGB ( 画 面 標 準 ) 23

24 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項 透 過 部 分 がある 画 像 には PNG 形 式 か 理 想 的 には WebKit PNG マスクをかけた JPEG を 使 用 する 必 要 があります 透 過 部 分 がない 画 像 には JPEG を 使 用 します 必 ずブックを 夜 間 モードでプレビューします 夜 間 モードでは 画 像 の 透 過 部 分 が 黒 く 表 示 され ます 透 過 画 像 に 暗 いテキストを 使 用 している 場 合 は そのテキストが 夜 間 モードでは 読 みにく くなる 可 能 性 があります 代 わりに 白 い 背 景 の JPEG を 使 用 することをお 勧 めします EPUB 内 の 画 像 は 200 万 ピクセルを 超 えることはできません 最 大 200 万 ピクセルの 対 象 表 示 サ イズの 少 なくとも 1.5 倍 の 画 像 を 使 用 することをお 勧 めします ブックファイル 内 の 画 像 が 200 万 ピクセル 以 内 かどうかは 画 像 の 高 さを 幅 で 乗 じることによって 計 算 できます リフローブック 内 では 画 像 を 含 むラッパー 要 素 に 寸 法 を 追 加 することで その 画 像 のサイ ズを 変 更 できます 寸 法 は 画 像 要 素 ではなくラッパーに 追 加 する 必 要 があります なぜな ら ibooks は 画 像 の 寸 法 を 基 にして ページサイズにかかわらずその 画 像 が 常 にページに 収 まるようにしているからです さまざまな 画 面 サイズにも 対 応 できるよう コンテナのサイ ズはパーセント 単 位 で 指 定 することが 推 奨 されます 例 : HTML: <div class="image-container"> <img src="images/bears.jpg" alt="three bears peer at goldie locks"/> </div> CSS: img {width: 100%;}.image-container {width: 90%; } 固 定 レイアウトブックでは 発 行 者 が CSS を 使 用 して 画 像 サイズを 調 整 します たとえば CSS で 幅 40 ピクセルと 定 義 された 画 像 は 実 際 の 幅 が 60 ピクセルになります フルブリー ド 画 像 は 738 x 985 以 上 になります (ipad 上 の ibooks の 単 一 ページ フルスクリーンのサイ ズ) 現 在 の 状 態 に 応 じて img タグを 使 用 し CSS では 寸 法 や 位 置 決 めなどのスタイル 属 性 を 定 義 し ます コンテンツで 画 像 を 適 切 に 表 示 させるには img で 画 像 を 囲 む 代 わりに HTML の svg:imgタグを 使 用 します 推 奨 される 最 大 サイズは XHTML ファイルにつき 約 10 MB のエンコードされていない 画 像 データ です 24

25 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項 アクセシビリティのために 画 像 に alt 属 性 を 含 める 必 要 があります 値 には 画 像 の 代 わりとな る 適 切 な 文 を 記 述 する 必 要 があります 画 像 がない 場 合 に そこに 記 述 するとつじつまが 合 うよ うな 文 にする 必 要 があります 次 に 例 を 示 します <p>the hillside was covered in poppies. <img src="images/page1/flowers.jpeg" alt="the poppies are red, orange, and yellow, and a winding path leads to a house."> A dog was asleep on the porch.</p> 次 の 例 は 効 果 的 ではありません この alt テキストは 画 像 について 説 明 しているだけで 画 像 に 置 き 換 わる 内 容 になっていません 画 像 なしで 読 んだ 場 合 に 上 記 の 例 のようにスムーズにつな がりません <p>the hillside was covered in poppies. <img src="images/page1/flowers.jpeg" alt="a bunch of poppies and a house."> A dog was asleep on the porch.</p> 次 のような alt 属 性 は 許 容 されません: alt="none" alt="nothing" alt="image" alt="page 3" また alt 属 性 を 省 略 することはできません 属 性 alt="" は 装 飾 的 な 画 像 の 場 合 や 画 像 の 内 容 がない または 意 味 をなさない 場 合 には 許 容 されます 最 終 的 な 画 像 アセットには ImageOptim ( 無 償 のオープンソース 最 適 化 ツール) などの 画 像 最 適 化 ツールを 実 行 することをお 勧 めします 外 字 外 字 とは 文 字 セットやフォントセットで 使 用 できない 文 字 を 表 す 小 さなインライン 画 像 のことで す 外 字 は 通 常 現 在 は 使 用 されなくなった 日 本 語 の 古 い 記 号 や 文 字 に 使 用 されます ibooks は 画 像 サイズを 制 御 して 画 像 がページに 収 まるようにしますが 外 字 を 使 用 する 場 合 は 特 定 の 画 像 サイズ を 定 義 したい 場 合 があるかもしれません 2 つの 異 なるメカニズムのうちのいずれかを 使 用 して 定 義 する 画 像 サイズを 採 用 することができます これらのメカニズムは 小 さいインラインの 外 字 のみ に 使 用 します iphone や ipad Touch のような 小 さい 画 面 でこれらの 画 像 をテストするようにしてくだ さい 1. ブックが EBPAJ ガイドに 従 って 日 本 語 で 記 述 され gaiji という 用 語 が 含 まれる 1 つまたは 複 数 のクラス 名 が 存 在 する 場 合 ibooks は gaiji という 用 語 を 含 むクラス 名 を 持 つ 画 像 のサイズ を 採 用 します 例 : 日 本 語 で 記 述 する 場 合 <metadata>... <dc:language>ja</dc:language> 25

26 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項... </metadata> EBPAJ ガイド 1.0 または 1.1 に 従 って 記 述 する 場 合 1.0: <metadata>... <dc:description id="ebpaj-guide">ebpaj-guide-1.0</dc:description>... </metadata> 1.1: <metadata>... <meta property="ebpaj:guide-version">1.1</meta>... </metadata> "gaiji" という 画 像 要 素 または "gaiji-" という 接 頭 辞 が 付 いた 画 像 要 素 のクラス 名 img.gaiji { width: 1em; height: 1em; } img.gaiji-line { width: 1em; height: auto; } img.gaiji-wide { width: auto; height: 1em; } 26

27 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項 2. カスタムクラス 名 :ブックが EBPAJ ガイドに 従 って 定 義 されていない 場 合 ibooks で 画 像 サイズ を 採 用 するカスタムクラス 名 を 定 義 できます カスタムクラス 名 は パッケージドキュメント (.opf) ファイルの metadata セクションで 定 義 され package 要 素 に 接 頭 辞 ibooks が 含 まれる 必 要 があります 例 : <package xmlns=" unique-identifier="bookid" version="3.0" prefix="ibooks: <metadata>... <meta property="ibooks:respect-image-size-class">gaiji</meta>... </metadata> </package> メモ: メカニズム 2 は メカニズム 1 より 優 先 されます つまり カスタムクラスが 定 義 されている 場 合 ibooks はそのクラスの 寸 法 を 採 用 し "gaiji" を 含 むクラス 名 を 検 索 しません 外 字 アクセシビリティ VoiceOver を 利 用 する 読 者 が 外 字 画 像 を 読 めるよう 次 のいずれかを 行 ってください 1. 特 定 のフォントで 利 用 できない 文 字 を 外 字 を 使 って 表 示 する 場 合 代 替 テキストは Unicode に します 2. 絵 文 字 のような 画 像 を 外 字 を 使 って 表 示 する 場 合 その 画 像 の 内 容 を 示 す 短 い 説 明 を 使 用 しま す ( いいね! 日 の 出 笑 顔 の 女 性 など) 3. フォントに 存 在 せず Unicode でも 表 せない 新 しい 文 字 や 自 作 の 文 字 を 外 字 で 表 示 する 場 合 そ の 文 字 の 読 み 方 を 表 すために 代 替 テキストにひらがなまたはカタカナの 読 み 仮 名 をつけます DRM すべてのテキスト フォント および 画 像 には 暗 号 化 の 一 種 である DRM (デジタル 著 作 権 管 理 ) が 適 用 されます オーディオ ビデオ および PDF などの 他 のメディアには DRM が 適 用 されません 27

28 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項 スクリーンショット 1 ブックにつき 最 大 5 枚 のスクリーンショットを 提 供 できます PNG (.png) または JPEG (.jpg) 形 式 の フルサイズの ipad 1/2 画 像 (1024 x 768 または 768 x 1024) PNG (.png) または JPEG (.jpg) 形 式 の フルサイズの ipad 1/2 画 像 (1024 x 768 または 768 x 1024) より 明 確 に 表 示 するには オプションでステータスバーを 削 除 します (ipad 1/2 では 1004 x 768 または 748 x 1024 新 しい ipad では 2028 x 1536 または 1536 x 2028 の 画 像 にします) フォント ブックの 書 体 はシステムフォントまたは 埋 め 込 みフォントを 使 って 指 定 できます システムフォント (デバイス 内 蔵 のフォント) および 埋 め 込 みフォント (ディベロッパがブック に 含 めて 供 給 するフォン ト) はいずれも 標 準 CSS を 使 用 して 定 義 されます 埋 め 込 みフォントは OPF.opfのマニフェスト に 記 載 されている 必 要 があります リフローブックまたは 固 定 レイアウトブックで 埋 め 込 みフォント を 使 用 する 場 合 は "specified-fonts" オプションを trueに 設 定 する 必 要 があります 詳 細 につい ては ブックレイアウトのメタデータの 定 義 (57 ページ)を 参 照 してください リフローブックで "specified-fonts" プロパティが trueに 設 定 されている 場 合 読 者 はブックを 読 む 際 に 新 しいフォントを 選 択 できます ただし ibooks のインターフェイスを 通 じて いつでもブッ ク 本 来 のフォントに 戻 すことができます メモ: ibooks のフォントは UTR (Unicode Technical Report) 50 draft 6のフォントの 方 向 についてのガイ ドラインに 従 います フォントのベストプラクティス 明 示 的 なフォントファミリーは メモが 手 書 きであると 伝 えるなど 意 図 した 効 果 を 達 成 するた めだけに 使 用 することをお 勧 めします ユーザーがリフローブックのフォントフェイス フォントサイズ および 妥 当 性 を 制 御 すること を 考 慮 し ほとんどの 場 合 にブックが 正 しく 動 作 することを 確 認 するためにブックのテストを 行 ってください フォントサイズは 名 前 ではなく em または pxで 定 義 する 必 要 があります ブックの 本 文 には 定 義 済 みの font-size を 含 まないか または font-size = 1emを 含 む 必 要 が あります これによって 理 想 的 な 可 読 性 とフォントサイズ 調 整 を 確 実 にします レイアウトの 問 題 を 回 避 するために 埋 め 込 みフォントのフォントヒンティングやフォントメト リクスを 確 認 します レイアウトの 問 題 やテキストのクリップを 回 避 するために フォントサイ ズのテストを 行 ってください OpenType TrueType および SVG の 埋 め 込 みフォントがサポートされます 28

29 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項 SVG テキストは 不 規 則 なテキストパスを 作 製 する 場 合 に 限 って 利 用 します 埋 め 込 みフォントは OPF および CSS で 宣 言 する 必 要 があります フォントライセンスを 確 認 してからフォント 埋 め 込 みを 行 う 必 要 があります フォントマングリング ibooks は フォントマングリング (EPUB 仕 様 の 一 部 であるフォント 暗 号 化 の 方 式 ) をサポートしてい ます フォントマングリングの 詳 細 については 参 照 してください オーディオとビデオ 読 書 体 験 を 豊 かにするために オーディオとビデオをブック 内 に 埋 め 込 むことができます このセク ションでは EPUB ブック 向 けのビデオとオーディオのアセットの 要 件 と コンテンツを 埋 め 込 む 方 法 について 説 明 します マルチタッチブック 向 けのオーディオとビデオの 要 件 については Apple サ ポートサイトのナレッジベース 記 事 を 参 照 してください ブックにビデオを 追 加 する 画 像 またはオーディオファイルを 追 加 する Important: オーディオまたはビデオコンテンツが 埋 め 込 まれたブックを 送 信 する 場 合 の.zip ファ イルのサイズは 2 GB になります 使 いやすいように 最 大 サイズを 500 MB にすることをお 勧 め します ファイルサイズが 大 きいと ダウンロードに 時 間 がかかり 古 いデバイスで 扱 いにくく なります オーディオのエンコード オーディオは 次 のように itunes を 使 用 してエンコードする 必 要 があります (ファイルの 拡 張 子 は.m4a ) ステレオ AAC/MP4 256 kbps 詳 細 については オーディオとビデオの 埋 め 込 み (32 ページ) を 参 照 してください 29

30 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項 ビデオのソースファイルの 推 奨 事 項 HD ソース ブックに 埋 め 込 まれる HD ビデオは ポスターフレームアートを 含 み 次 の 要 件 を 満 たす 必 要 があり ます Apple ProRes 422 (HQ) ITU-R BT.709 規 格 の 色 空 間 ファイルは 正 しく 709 にタグ 付 けされていること VBR は 220 Mbps 内 外 が 望 ましい 1920 x 1080 の 正 方 形 ピクセルのアスペクト 比 のマテリアル 元 のソースのネイティブフレームレート: オリジナルオーサリング 時 24 fps 逆 テレシネのコンテンツでは プログレッシブフレー ム オリジナルオーサリング 時 にテープなしワークフローのフィルムフレームレートのコンテン ツでは 24 プログレッシブフレーム オリジナルオーサリングが PAL 配 信 用 のコンテンツでは 25 プログレッシブフレーム オリジナルオーサリングが NTSC 配 信 用 のコンテンツでは インターレースコンテンツま たはプログレッシブ 3:2 プルダウンを 含 むテレシネ コンテンツは 使 用 できません ソースショット 24 であっても でオーサリングされた HD は 使 用 できません すべてのソースには Compressor や Dumpster で 検 証 済 みの 正 しいフィールド 情 報 が 含 まれてい る 必 要 があります コンテンツを letterbox pillarbox または windowbox でマット 加 工 して 納 品 できます ステレオオーディオトラック 非 圧 縮 線 形 PCM チャンネルが LT と RT または L と R で 適 切 に マップされていること Important: すべてのビデオは 1 つ 以 上 の 黒 フレームで 開 始 かつ 終 了 する 必 要 があります SD ソース ブックに 埋 め 込 まれる SD ビデオは ポスターフレームアートを 含 み 次 の 要 件 を 満 たす 必 要 があり ます Apple ProRes 422 (HQ) VBR は 40~60 Mbps が 望 ましい 30

31 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項 720 x 480 および 853 x 480 のエンコード 済 みピクセル 表 示 時 は 16:9 のコンテンツに 対 して 640 x 360 または 4:3 のコンテンツに 対 して 640 x 480 のいずれか すべてのエンコード 済 みコンテンツには 4:3 または 16:9 でコンテンツを 定 義 する ピクセルア スペクト 比 (pasp) が 含 まれる 必 要 があります 元 のソースのネイティブフレームレート: オリジナルオーサリング 時 24 fps 逆 テレシネのコンテンツでは プログレッシブフレー ム オリジナルオーサリング 時 にテープなしワークフローのフィルムフレームレートのコンテン ツでは 24 プログレッシブフレーム オリジナルオーサリングが PAL 配 信 用 のコンテンツでは 25 プログレッシブフレーム オリジナルオーサリングが NTSC 配 信 用 のコンテンツでは インターレースコンテンツま たはプログレッシブ 3:2 プルダウンを 含 むテレシネ コンテンツは 使 用 できません ソースショット 24 であっても でオーサリングされた HD は 使 用 できません すべてのソースには Compressor や Dumpster で 検 証 済 みの 正 しいフィールド 情 報 が 含 まれてい る 必 要 があります コンテンツを letterbox pillarbox または windowbox でマット 加 工 して 納 品 できます ステレオオーディオトラック 非 圧 縮 線 形 PCM チャンネルが LT と RT または L と R で 適 切 に マップされていること ビデオのエンコーディング Compressor 以 降 (Final Cut Studio 3 に 含 まれるアプリケーション) を 使 用 してビデオをエンコード します 1. Compressor 設 定 リストの Apple Devices ディレクトリにある H.264 for ipod video and iphone 640X480 設 定 を 選 択 します 2. Encoder パネルの 設 定 インスペクタで ipod/iphone (VGA) for native 4X3 content または ipod/iphone (Anamorphic) for 16X9 recorded in a full 4X3 raster ( 以 下 アナモフィック ) を 選 択 します 3. アナモフィックのエンコーダー 指 示 に 従 う 場 合 は Aspect Ratio スクロールの 反 対 側 にあるギ アを 選 択 し 16:9 (640 x 480) をクリックします これにより Geometry パネルに 表 示 さ れる Pixel Aspect 値 が 作 成 されます 4. 黒 いボーダーまたは 非 アクティブピクセルを 削 除 するには Geometry パネルを 使 用 して crop 値 を 入 力 します 31

32 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項 5. crop 値 の 精 密 度 を 検 証 したり またソースや 設 定 ボタンにアクセスしてアスペクト 比 設 定 の 結 果 をテストしたりするには Compressor Batch ウィンドウの Preview ボタンをクリックしま す メモ: MPEG-4 コンテナのビデオファイルは H.264 で ファイル 拡 張 子 は.m4v にする 必 要 が あります (.mp4 も 使 用 できますが できるだけ 使 用 しないようにします) ビデオのポスターフレーム ポスターフレームとは ブックにインライン 表 示 される 画 像 のことです 通 常 はビデオからの 短 いク リップ (または 1 フレーム) になります ポスターフレームは 次 の 要 件 を 満 たす 必 要 があります oyoso 高 さ 150 ピクセル x 幅 300 ピクセル ビデオと 同 じアスペクト 比 推 奨 される 最 大 ファイルサイズは 300 KB オーディオとビデオの 埋 め 込 み すべてのオーディオとビデオは 標 準 HTML5 を 使 用 して XHTML ドキュメントに 埋 め 込 まれます オーディオまたはビデオコンテンツが 埋 め 込 まれたブックを 送 信 する 場 合 は 次 のことに 留 意 してく ださい 最 大 の.zip ファイルのサイズは 2 GB になります ファイルサイズが 大 きいと ブックのダウン ロードに 時 間 がかかります ダウンロードに 時 間 がかからないようにするには オーディオおよびビデオコンテンツを 最 小 限 に 保 ちます すべてのオーディオファイルでサンプルレートが 同 じになる 必 要 があります 品 質 コントロールのために Apple がファイルを 検 査 する 必 要 があるため ブックが ibookstore で 公 開 されるまでに 時 間 がかかる 場 合 があります オーディオおよびビデオファイルは 契 約 やメタデータに 関 わらず 最 終 的 にはブック 内 で DRM が 適 用 されません ただし ブックのテキストには DRM が 適 用 されます フォールバックビデオコンテンツは 現 在 サポートされていません MPEG-4 コンテナのすべての ビデオは H.264 で ファイル 拡 張 子 は.m4v にする 必 要 があります (.mp4 も 使 用 できますが で きるだけ 使 用 しないようにします) 32

33 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項 最 適 なユーザーエクスペリエンスのために オーディオとビデオコンテンツは EPUB で 独 自 の 行 で 表 示 される 必 要 があり また CSS で 定 義 される text-align:center を 使 用 してページの 中 央 に 配 置 される 必 要 があります ibooks はオーディオとビデオにデフォルトの 寸 法 を 提 供 しています 標 準 の ビデオペインの 寸 法 は 1:2 の 比 率 であり ipad では 幅 300 ピクセル x 高 さ 150 ピクセルで 表 示 され ます ただし 寸 法 は CSS を 使 用 して 定 義 することもできます ibooks はスクリーンサイズを 問 わず ビデオとオーディオがページに 収 まるようにします ポスターフレームアートおよびビデオがこれら の 比 率 に 調 整 されていない 場 合 は ビデオペイン 内 の 残 りのスペースは 黒 になります メモ: 読 者 が 埋 め 込 まれたメディアを 再 閲 覧 できるように 目 次 にメディアを 指 し 示 すエン トリを 追 加 することをお 勧 めします itunes Connect の Deliver Your Content ページの Examples セクションで 利 用 可 能 な EPUB Example 3.0 (flowing3-0.epub) を 参 照 してください 標 準 HTML5 タグを 使 用 した 埋 め 込 みビデオまたはオー ディオは 次 のとおりです video src="video/h x480.m4v" controls="controls" poster="images/posterimage.jpg" width="320" height="240"/> <audio src="audio/loop.m4a" controls="controls" width="200"/> ビデオタグには 必 要 なポスター 画 像 が 含 まれている 必 要 があります 読 者 にはまずテキスト 中 のポス ター 画 像 が 表 示 され 画 像 をクリックするとビデオが 開 始 します controls 属 性 によってメディア を 再 生 一 時 停 止 およびスクラブできます autoplay を 使 用 すると 停 止 することなく 自 動 的 に オーディオやビデオが 再 生 されます controls と autoplay 属 性 は boolean 形 式 ですが 属 性 を 含 んでいれば 値 に 関 わらず 属 性 が 有 効 化 されます たとえば autoplay="false" は autoplay="true"と 同 じになります ただし autoplay はサポートされていますが 使 用 することはお 勧 めできませ ん 読 者 にとって 自 分 が 読 書 している 環 境 がわかるように 自 身 の 読 書 体 験 をコントロールできる ようにすることが 最 善 の 方 法 です 次 の 2 つの 例 では EPUB でオーディオおよびビデオコンテンツを 埋 め 込 む 方 法 を 示 し 続 いてオー ディオとビデオがデバイス 上 でどのように 表 示 されるかのスクリーンショットを 示 しています オーディオ <h3>below is an embedded audio file.</h3> <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute 33

34 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項 irure dolor in reprehenderit eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <audio src="audio/loop.m4a" controls="controls"/> <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> ビデオ <h3>below is an embedded video file.</h3> <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <video src="video/h x480.m4v" controls="controls" poster="images/posterimage.jpg" /> <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> 34

35 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項 リンク EPUB 形 式 は HTML に 基 づいているため ブックのコンテンツを 拡 大 させたり 強 化 させたりするため にリンクを 使 用 できます リンクは 索 引 や 後 注 の 場 合 のようにドキュメント 内 に 記 載 できます ま た Web や 他 の 外 部 リソース ( 作 者 や 発 行 元 の Web サイトなど) にリンクさせることもできます ibookstore には ストア 内 のブックに 直 接 リンクできる 非 常 に 単 純 なリンク 構 造 もあります これは 自 分 の Web サイトまたはオンライン 広 告 からのマーケティングに 使 用 できます あるいは ブック の 最 後 で 顧 客 を 他 の 関 連 タイトルに 導 くために EPUB 内 で 使 用 できます ストアへのリンクに 関 す る 詳 細 は Publisher User Guide の Linking to the ibookstore セクションを 参 照 してください ibookstore のブックに 直 接 リンクする ibookstore 上 のブックへのダイレクトリンクを 作 成 するには itunes Link Maker を 使 用 します ブックの ISBN に 基 づいて 独 自 のリンクを 作 成 することもできます ISBN 番 号 を 使 用 してブックの URL を 構 築 する 方 法 は 2 つあります ibookstore 特 有 のリンクの 例 : <a href=" Jobs, by Walter Isaacson</a> 一 般 的 な ISBN リンク: <a href="urn:isbn: ">steve Jobs, by Walter Isaacson</a> 35

36 デジタルブックの 要 件 ブック 作 成 の 推 奨 事 項 詳 細 については を 参 照 してください ibookstore は リフローブックの 終 わりに 同 じ 著 者 による 他 のブックへのリンクを 人 気 順 に 並 べたペー ジを 自 動 的 に 含 みます リンクのスタイル デフォルトでは リンクはアンダーライン 付 きの 青 色 で 表 示 されます アンカー 要 素 (リンク) のスタ イルは CSS を 使 用 してカスタマイズできます アンカー 要 素 の 色 を 定 義 する 場 合 は specified-fonts レイアウトメタデータも 含 む 必 要 があります 詳 細 については ブックレイアウ トのメタデータの 定 義 (57 ページ)を 参 照 してください PDF PDF は PDF ファイルに 画 像 をリンクする 標 準 アンカー 要 素 タグを 使 用 して 埋 め 込 まれます 画 像 が タップされると 読 者 がパンやズームインを 行 う 新 しいウィンドウで PDF が 開 きます メモ: PDF を 含 む 場 合 は ブック 全 体 の 最 大 サイズが 2 GB であることに 注 意 してください サイズの 大 きな PDF ファイルが 含 まれると 一 部 のデバイスではパフォーマンスの 低 下 を 引 き 起 こす 場 合 があります タグが PDF ファイルを 参 照 し 画 像 がアンカー 要 素 でネストされます <p>lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <a href="pdf/sample.pdf"><img src="images/pdf.jpg"/></a> 36

37 デジタルブックの 要 件 JavaScript インタラクティビティが 含 まれるブック Adobe Page Template Adobe Page Template XPGT は 現 在 サポートされていません 代 わりに CSS3 を 使 用 してください JavaScript インタラクティビティが 含 まれるブック 概 要 インタラクティブなコンテンツはリフローブックと 固 定 レイアウトブックの 両 方 でサポートされます が インタラクティビティは 固 定 レイアウトブックに 特 に 適 しています この 項 では JavaScript を 使 用 したインタラクティビティの 作 成 に 関 する 情 報 およびヒントを 提 供 します JavaScript インタラ クティビティが 含 まれるブックは ibooks 1.5 以 降 および ios 5.0 以 降 を 必 要 とします このガイド 以 外 にも itunes Connect の Deliver Your Content ページの Examples セクションで インタラクティビティを 含 むブックの 例 (fixedlayout3-0.epub) を 参 照 できます 37

38 デジタルブックの 要 件 JavaScript インタラクティビティが 含 まれるブック JavaScript インタラクティビティを 含 んだブックのスクリプト 開 発 のベス トプラクティス ibooks は ios Safari と 同 様 に JavaScript をサポートします JavaScript を 使 用 すると ブック 内 でドラッ グ&ドロップのような 機 能 が 使 用 できるようになり またタッチしてオーディオやアニメーションを 開 始 できるようになります ただし ブック 用 に 開 発 されるスクリプトは 次 のベストプラクティスを 考 慮 する 必 要 があります モバイルデバイスでも 十 分 に 動 作 するスクリプトを 開 発 します モバイルデバイス 用 の JavaScript インタラクティビティを 開 発 する 場 合 は フォントサイズと 各 ページのインタラクティビティの 量 に 注 意 してください インタラクティビティはブックに 大 きな 付 加 価 値 をもたらしますが パ フォーマンスの 低 下 を 防 ぐことも 大 切 です ブックは 外 部 リソースに 依 存 してはいけません JavaScript を 使 用 してブックの 外 部 リソースに アクセスしないでください ブックは 自 己 完 結 する 必 要 があります ブックはデータベースを 含 むことができません ibooks は AJAX HTML5 データベース または SQL のステータスを 同 期 しないため この 情 報 を 保 存 しません ブックのインタラクティビティ にそれらのリソースを 含 まないでください インタラクティビティのトリガーには JavaScript を 使 用 しますが アニメーションやトランジショ ンには CSS を 使 用 します JavaScript よりも CSS を 使 用 して 作 成 されると アニメーションやト ランジションは 最 高 のパフォーマンスを 発 揮 します top/bottom/left/right といった 位 置 を 設 定 す る 代 わりに CSS 3D トランスフォームを 使 用 します CSS 3D トランスフォームはハードウェアア クセラレーションを 使 用 しつつ 優 先 度 の 高 い 要 素 に 予 約 されるため トランジションをよりス ムーズに 作 成 することができます JavaScript アラート 機 能 を 使 用 しないようにします JavaScript アラート 機 能 は 頻 繁 にエラーを ユーザーに 警 告 するため 推 奨 できません この 機 能 を 使 用 する 場 合 は 作 成 したアラートの 内 容 が 読 者 にも 表 示 されうることを 十 分 意 識 してください JavaScript インタラクティビティを 含 むブックのコンテンツのデザイン 次 のセクションでは JavaScript インタラクティビティを 含 むブックのコンテンツをデザインする 際 に 注 意 すべき 技 術 的 問 題 点 やデザインのヒントについて 説 明 します デフォルトの 動 作 の 回 避 デフォルトでは ibooks はメニュー ページ 送 り およびズームを 示 すジェスチャーを 認 識 します ただし JavaScript インタラクティビティを 含 むブックでは 読 者 が ibooks のユーザーインターフェ イスオプションを 表 示 する 意 図 なしにブックのインタラクティブ 部 分 をタッチできるように ibooks がジェスチャーを 無 視 する 必 要 があります インタラクティブ 要 素 のこのデフォルトの 動 作 は preventdefault メッセージをイベントオブジェクトに 送 信 することで 無 効 にできます 38

39 デジタルブックの 要 件 JavaScript インタラクティビティが 含 まれるブック メモ: 読 者 がページをめくれるように ページのエッジの 大 部 分 が preventdefault によっ て 影 響 されないようにすることが 重 要 です preventdefaultについての 詳 細 は こちらを 参 照 してください 指 で 操 作 するためのデザイン インタラクティビティは マウスではなく 指 を 使 うようにデザインする 必 要 があります インタラク ティブオブジェクトは 指 で 操 作 できるために 十 分 な 大 きさのヒットエリアを 確 保 する 必 要 がありま す ibooks はデバイスの 画 面 に 収 まるようにページサイズを 調 整 するため ヒットエリアのサイズは viewport で 定 義 されたページサイズに 比 例 し またデバイスの 種 類 によって 異 なる 場 合 があります インタラクティブオブジェクトを 配 置 する 場 合 は ページの 端 やテキストの 近 くに 配 置 しないように します ページの 端 のごく 近 くにオブジェクトがある 場 合 は 読 者 が 無 意 識 にページをめくってしま う 可 能 性 があります 同 様 に テキストのごく 近 くにオブジェクトが 配 置 されている 場 合 は 読 者 が 無 意 識 に 音 声 読 み 上 げコンテンツの 単 語 の 再 音 読 をトリガーしてしまう 可 能 性 があります インタラクティブ 操 作 のヒント ブックのほとんどのインタラクティブ 操 作 では 読 者 がどのインタラクティブ 操 作 を 行 っているかを 認 識 できるヒントを 含 む 必 要 があります 次 にヒントのアイデアを 示 します 39

40 デジタルブックの 要 件 JavaScript インタラクティビティが 含 まれるブック 一 般 的 なインタラクティビティのヒント: ページやブック 内 の 要 素 に 対 してインタラクティブ 操 作 が 可 能 であることを 読 者 に 示 す ページ 上 のアニメーションまたは 動 画 の 要 素 次 の 例 では タイトルページは 空 白 ページで 始 まります が 画 面 上 を 動 くテキストや 画 像 を 含 んでいます この 例 は ブックの 次 のページにインタラク ティビティがあることを 示 しています タッチしてインタラクティビティをトリガーする: 太 字 の 書 式 を 使 用 したり 音 やアニメーションをトリガーする 単 語 の 後 ろに 輝 きを 追 加 します 次 の 例 では winds をタッチすると 風 の 音 が 流 れます 40

41 デジタルブックの要件 JavaScript インタラクティビティが含まれるブック インタラクティブオブジェクトに輝き 振動 または小刻みな動きを追加します 次の例では 左の花が輝き 真ん中の花が振動し 右の花がそよぎます 読者が他の要素を操作するように促す動作をアニメーション要素が行うようにします 次の例で は 星を操作したり 月を画面上でドラッグできることを読者が理解できるように 星や月に描 かれた目のまばたきによって読者をガイドします 41

42 デジタルブックの要件 JavaScript インタラクティビティが含まれるブック 不自然な場面や いつもと違う空白エリアや 不完全な画像を作成して 不自然なところを調べ たり 空白を埋めたり 画像を完成させるように読者に促します 次の 2 つの例では 赤い花を 示すことで 他の花の茎や何もない傾斜を操作して花の咲く風景を完成させるように読者をガイ ドしています 42

43 デジタルブックの要件 JavaScript インタラクティビティが含まれるブック 要素のドラッグ ドロップ 要素が別のレイヤー上にあるかのように ページの他の部分から分離しているように要素をデザ インします 要素のドラッグ ドロップを操作する場合は 次の例のように ブックのテキスト の背後に要素を配置するようにします 要素を浮かばせたり 小刻みに動かしたり 移動させたりします 次の例では 太陽の周りを光 線が回転することで 太陽を画面上でドラッグするように読者にガイドしています コード例 このガイド以外にも itunes Connect の Deliver Your Content ページの Examples セクションで JavaScript インタラクティビティを含むブックの例 (fixedlayout3-0.epub) を参照できます この例 には ドラッグ ドロップする タッチしてオーディオを開始する タッチして新しい要素を作成す る およびタッチして要素の状態を変更するといった 主なインタラクティブ操作の例が含まれてい ます 43

44 デジタルブックの 要 件 JavaScript インタラクティビティが 含 まれるブック ページレイアウト インタラクティブな 固 定 レイアウトブックの 各 ページは 横 に 並 べた 2 つの Safari ウィンドウのよう に 個 別 の Web ビューになっています コンテンツは 2 つのページの 間 の 境 界 となる 中 心 線 でそれ ぞれのページに 分 かれています ボディは 寸 法 が CSS で 定 義 されている 必 要 があり また viewport 寸 法 のアスペクト 比 と 一 致 する 必 要 があります JavaScript インタラクティビティを 含 むブックのパフォーマンスを 向 上 さ せるためのヒント パフォーマンスを 向 上 させるには 次 のことに 留 意 してください 画 像 の 最 適 化 がパフォーマンス 向 上 のキーとなります それぞれのブック 形 式 に 適 用 するベスト プラクティスについては 固 定 レイアウトブックでの 画 像 の 最 適 化 (61 ページ) を 参 照 して ください ページごとのアニメーション 数 を 制 限 し 最 も 必 要 なものだけにします アニメーションには JavaScript ではなく CSS を 使 用 します top/bottom/left/right といった 位 置 を 設 定 する 代 わりに CSS 3D トランスフォームを 使 用 します CSS 3D トランスフォームはハードウェアアクセラレーションを 利 用 するのでトランジションをよ りスムーズに 作 成 できますが 優 先 度 の 高 い 要 素 だけに 使 用 を 限 定 すべきです ページが 複 雑 にならないようにします JavaScript がブックに 合 わせて 調 整 されたときにパフォーマンスが 最 もよくなります サードパー ティ 製 の JavaScript ライブラリは 多 くの 場 合 サイズが 大 きいので パフォーマンスが 低 下 するこ とがあります 技 術 的 ガイドラインおよび 要 件 ibooks 向 けにデザインされた JavaScript インタラクティビティを 含 むすべてのブックは 次 の 技 術 的 ガイドラインおよび 要 件 に 従 う 必 要 があります OPF に JavaScript ファイルを 含 む JavaScript は XHTML のインラインではなく 独 自 のドキュメント 内 に 存 在 する 必 要 があります す べての JavaScript ファイルは OPF のマニフェストに 含 まれ application/javascriptという MIME タイプが 指 定 されている 必 要 があります 44

45 デジタルブックの 要 件 JavaScript インタラクティビティが 含 まれるブック JavaScript インタラクティビティを 含 むブックのオプションを 表 示 する ibookstore がインタラクティビティを 含 むブックを 特 定 できるように Apple ディスプレイオプショ ンファイル (com.apple.ibooks.display-options.xml) 内 でブックがインタラクティブであること を 示 す 必 要 があります 詳 細 については テキスト 方 向 (16 ページ) を 参 照 してください ibook JavaScript ライブラリを 使 用 する ibook JavaScript ライブラリ (ibooks.js) とは ibookstore 向 けの JavaScript インタラクティビティを 含 むブックを 開 発 しやすくする 事 前 に 記 述 された JavaScript の 集 合 体 です ibooks JS ライブラリは 次 の 用 途 に 適 した 機 能 を 提 供 します イベントを 遅 延 する 要 素 をドラッグ 可 能 にする 要 素 をスタンプ 可 能 にする 要 素 を 切 り 替 え 可 能 にする オーディオを 追 加 する 定 数 を 定 義 する ibooks.jsの 使 用 を 開 始 するには まずマークアップにスクリプトを 記 述 します <head> <meta name="viewport" content="width=575, height=432"/> <meta content="text/html; charset=utf-8"/> <title>fixed Layout Example 2.3</title> <link href="css/stylesheet.css" type="text/css" rel="stylesheet"/> <link rel="stylesheet" href="css/page06.css" type="text/css" media="screen" title="no title" charset="utf-8"/> <script src="js/ibooks.js" type="text/javascript" charset="utf-8"></script> </head> ページがロードされると ibooks.js がボディに 組 み 込 まれる CSS クラスを 追 加 します このクラ スの 追 加 は アニメーションのトリガーに 使 用 されます 45

46 デジタルブックの 要 件 JavaScript インタラクティビティが 含 まれるブック イベントを 遅 延 する コンテンツがロードされるまでイベントを 遅 延 させたい 場 合 があります 要 素 に ibooks-deferred-event を 追 加 すると ibooks.js は 遅 延 の 後 にターゲット 要 素 に CSS クラス active を 追 加 します この 値 のデフォルトは 1000 (ミリ 秒 単 位 ) になります この 遅 延 は HTML 属 性 data-deferred-event-delay を 追 加 すると 要 素 ごとに 定 義 できます <!-- "active" class appended after default delay, 1000ms --> <div class="ibooks-deferred-event"></div> <!-- "active" class appended 5000ms after content load --> <div class="ibooks-deferred-event" data-deferred-event-delay="5000"></div> 要 素 をドラッグ 可 能 にする ドラッグ 可 能 な 要 素 は タッチイベントに 反 応 し ページ 内 を 移 動 させることができます HTML 要 素 は CSS クラス ibooks-draggableを 追 加 することで 簡 単 にドラッグできるようになります <!-- Makes the target element draggable --> <div class="ibooks-draggable"></div> 要 素 をスタンプ 可 能 にする CSS クラス ibooks-stampable を 含 むすべての 要 素 は スタンプ 可 能 な 要 素 の 親 コンテナとして 動 作 します スタンプ 可 能 な 要 素 はジェスチャーにタッチすると 反 応 します つまり タッチすると ibooks.js は 空 の <div> 要 素 を CSS クラス stamp と 共 に 親 コンテナに 追 加 します その 後 追 加 さ れた 要 素 の 書 式 設 定 を 行 うことができます ibooks.js は 有 効 なタッチエリアを 定 義 するために SVG パスに 依 存 しています つまり SVG パスが ない 場 合 ibooks.js はタッチイベントに 反 応 しません SVG パッチは 丘 などの 不 規 則 な 形 のヒッ トエリアを 定 義 する 場 合 に 特 に 役 立 つことを 覚 えておくとよいでしょう <div class="ibooks-stampable"> <!--svg defines irregularly-shaped hit area for replicating script--> <svg version="1.1" xmlns=" xmlns:xlink=" x="0px" y="0px" width="1224px" height="792px" viewbox=" " enable-background="new "> 46

47 デジタルブックの 要 件 JavaScript インタラクティビティが 含 まれるブック <path fill="#82983e" d="m , c-8.555, , ,0.656c c-8.653, , ,1.205v l14.525,0.023l ,0.478l ,0.347 C900.57, , , , , z"/> </svg> </div> 要 素 を 切 り 替 え 可 能 にする ibooks.js は CSS クラス ibooks-toggleableを 追 加 することで 要 素 を 切 り 替 え 可 能 にします つ まり タッチすると 要 素 が CSS クラスを activeに 切 り 替 えます <!-- Inactive, toggle-able element --> <div class="ibooks-toggleable"></div> <!-- Active, toggle-able element --> <div class="ibooks-toggleable active"></div> オーディオ HTML 要 素 は CSS クラス ibooks-media-audio を 追 加 して HTML 属 性 の data-ibooks-audio-src の 値 を 定 義 することによって オーディオをトリガーするのに 使 用 できます さらに data-ibooks-audio-reset-on-playを 定 義 すると 要 素 がタッチされるたびにオーディオソースの 再 生 位 置 をリセットできます 音 声 の 読 み 上 げはメディアの 再 生 後 に 一 時 停 止 できます または HTML 属 性 "ibooks:pause-readaloud" を "true"に 設 定 することによって 一 時 停 止 させることもで きます 詳 細 については 音 声 読 み 上 げブックでのナレーションのコントロール (70 ページ) を 参 照 してください メモ: 一 度 に 再 生 可 能 なオーディオソースは 1 つだけです <!-- Toggles between play, pause on touch --> <div class="ibooks-media-audio" data-ibooks-audio-src="audio/source.m4a"></div> <!-- Plays source on touch, resets playback position to start on subsequent touches --> <div class="ibooks-media-audio" data-ibooks-audio-reset-on-play="true" data-ibooks-audio-src="audio/source.m4a"></div> 47

48 デジタルブックの 要 件 作 成 中 のテスト 定 数 を 定 義 する 必 要 に 応 じて ibooks.js 定 数 の 多 くを 定 義 できます これらの 変 数 は initconfigurables 内 に 配 置 されています /** * Configuration of user defined constants. */ ibooksbasecontroller.prototype.initconfigurables = function() { // CSS class name on active elements ibooks.active_css_class = "active"; // CSS class name appended to body on page load ibooks.css_class_on_load = "build-in"; // Delay in milliseconds before deferred events fire ibooks.deferred_event_delay = "1000"; // CSS selector for page ibooks.page_css_selector = ".page"; // CSS class for stamped elements ibooks.stamped_element_css_class = "stamp"; }; 作 成 中 のテスト EPUB 作 成 中 に Book Proofer ツールを 使 用 すると itunes で 同 期 させなくてもブックをすぐに 検 証 でき ます EPUB に 対 して 行 った 変 更 は 自 動 的 に ipad iphone または ipod touch に 同 期 します Book Proofer ツールおよびそのドキュメントは itunes Connect から 入 手 できます 48

49 デジタルブックの 要 件 ブックの 検 証 ブックの 検 証 すべてのブックは EPUB 標 準 に 従 う 必 要 があります コンテンツの 品 質 を 維 持 するために ブックは インポート 時 の 検 証 にパスする 必 要 があります ブックが ibookstore システムにインポートできなく なるような 典 型 的 な 問 題 がいくつかあります すべてのブックを 注 意 深 く 見 直 し 納 品 前 に 次 のこと を 対 処 してください すべてのブックは Transporter または itunes Producer の 検 証 をパスする 必 要 があります URI 中 の 英 数 字 以 外 のすべての 文 字 が 適 切 にエンコードされ 有 効 である 必 要 があります (たとえ ば 空 白 は '%20' としてエンコードされる 必 要 があります) この 問 題 は NCX ファイルの URI でよ く 見 られ ファイル 名 に 含 まれる 空 白 によって 起 こります EPUB に 含 まれるすべてのファイルは ブックのマニフェスト (OPF ファイル) に 記 載 される 必 要 が あります マニフェストに 記 載 されていないファイルを 含 むブックは 定 義 上 これらのファイル が 意 図 的 に 含 まれていないため インポートに 失 敗 します UTF-8 および UTF-16 エンコーディングのみがブックで 使 用 できます 適 切 にエンコードされてい ないブックはインポートに 失 敗 するので 正 しい 文 字 コードを 使 用 することが 重 要 です 最 大 ブックサイズは ZIP 標 準 で 制 限 されており 現 時 点 で 2 GB になります カスタム 属 性 を 使 用 する 場 合 は HTML5 データ 属 性 にする 必 要 があります データ 属 性 とは 名 前 空 間 の 外 に 存 在 し 文 字 列 data-で 開 始 する 属 性 のことです HTML5 データ 属 性 の 詳 細 については 次 を 参 照 してください 例 : <html xmlns=" xmlns:epub=" <head>...</head> <body... <p class="text" data-name="value">text</p>... </body> </html> ブックのサンプル ブックのサンプルについて ibookstore は すべてのブックのサンプルを 自 動 的 に 作 成 します ( 音 声 読 み 上 げブックを 除 く) どの ようなサンプルが 作 られるかは ブックのタイプに 依 存 します 49

50 デジタルブックの 要 件 ブックのサンプル ibookstore によってサンプルを 自 動 的 に 作 成 させたくない 場 合 個 別 のカスタム.epub ファイルを 作 成 し ibookstore へサンプル 用 にデリバリすることができます 注 意 :すべてのツールがこのオプショ ンをサポートするとは 限 りません コンテンツデリバリを 管 理 するためにサードパーティと 契 約 した 場 合 は その 会 社 が 作 業 を 行 ってくれるはずです 詳 細 については 納 品 代 行 業 者 に 直 接 お 問 い 合 わ せください メモ: 購 入 したブックは 顧 客 のライブラリ 内 のサンプルと 置 き 換 わります 完 全 なブック にすべてのサンプルコンテンツが 含 まれていることを 確 認 してください リフローブックのサンプル ブックの 大 部 分 がテキストの 場 合 サンプルは 単 語 の 数 の 割 合 に 基 づきます ( 使 用 される 割 合 は 契 約 内 で 指 定 されます) サンプルを 開 始 する 場 所 は ブックがどのように 構 成 されているかによって 異 なります 割 合 が 計 算 される 単 語 がブックの 冒 頭 からカウントされます その 後 サンプルがランド マーク <nav> ブロックの 最 初 の 項 目 または 単 語 の 割 合 の いずれか 大 きい 方 から 切 り 取 られます た とえば ランドマーク <nav> ブロック 内 の 最 初 の 項 目 が 2 % しか 合 計 ワードカウントを 含 んでおら ず 契 約 で 指 定 された 割 合 が 5 % である 場 合 残 りの 3% はランドマーク <nav> ブロックの 次 の 項 目 からのものになります その 割 合 に 含 まれる 画 像 動 画 またはオーディオもサンプルに 含 まれま す 固 定 レイアウトブックのサンプル ブックが 絵 本 または 他 の 固 定 レイアウトブックである 場 合 OPF ファイル 内 で <metadata> 要 素 の <meta property="rendition:layout"> タグに pre-paginated を 記 述 する 必 要 があります ( 詳 細 については ブックレイアウトのメタデータの 定 義 (57 ページ) を 参 照 してください ) pre-paginated オプションは どのようにサンプルを 切 り 取 るかを 決 定 します このオプションが ない 場 合 コンテンツが 小 説 のようなテキスト 中 心 のブックであるとみなしてサンプルが 切 り 取 られ ます このオプションを 指 定 すると サンプルは 単 語 数 ではなくページ 数 の 割 合 に 基 づいて 切 り 取 ら れます ibookstore はブックの 最 初 のページを 決 定 し ( 固 定 レイアウトブックの 各 ページは 単 一 ペー ジか 見 開 きかにかかわらず 個 別 の XHTML である 必 要 があります) その 後 合 計 ページ 数 の 割 合 から サンプルを 切 り 取 ります サンプルは.opf ファイルの <nav> ブロックのランドマークを 確 認 して ブック 内 でコンテンツの 開 始 地 点 を 判 断 します 最 適 なサンプルにするには ブックのコンテンツの 開 始 を 示 す epub:type="bodymatter" を 含 めます カスタムサンプルを 提 供 しない 場 合 にのみ ラ ンドマーク nav が 固 定 レイアウトブックで 必 要 であることに 注 意 してください 50