Adobe InDesign から EPUB ボロにゃん 講 座 DTP 現 場 検 証 番 外 編 PAGE2011 報 告 デザイン 工 房 木 目 調 の 写 真 フレーム ちょっとそこまで ふらりとイベント 紀 行
電 子 書 籍 を 作 ってみよう! Adobe InDesign から EPUB 注 目 される 電 子 書 籍 フォーマットの epub を インデザインから 書 き 出 してみよう 使 用 するアプリケーション Adobe InDesign CS5 Adobe のページレイアウトソフト 今 回 は InDesign ドキュメントから epub を 書 き 出 します Sigil epub 出 力 が 可 能 な 電 子 書 籍 エディタ 今 回 は 出 力 後 の epub の 編 集 に 使 用 します http://code.google.com/p/sigil/ より DL Adobe Digital Editions Adobe の 電 子 書 籍 ビューア 今 回 は PC からの epub 確 認 に 使 用 します http://www.adobe.com/jp/products/digitaleditions/ より DL 既 存 の InDesign ドキュメントから epub 書 き 出 し epub 書 き 出 しのために まず InDesign ドキュメントを 整 形 します Point1:マスターページは 使 えない Point2:すべてのテキストにスタイル 付 けする Point3: 配 置 画 像 差 し 替 え ( そのままでも JPEG や GIF で 書 き 出 されるが 色 やサイズ 等 画 面 表 示 に 適 した 画 像 を 用 意 するとよい) Point4:ファイル 情 報 修 正 Point5: 目 次 設 定 Point6: 書 き 出 し 時 の 設 定 Point2:スタイル 付 け 段 落 スタイルは 目 次 設 定 の 際 に 必 要 な 要 素 で もある また スタイル 名 はePub 書 き 出 し 後 の epub 内 の CSS にそのまま 反 映 されるので 英 数 字 へ 修 正 し 見 出 し1は h1 などと わかり 易 い 名 前 にしておくとよい ドキュメントや 画 像 のすべてのファイル 名 を 英 数 字 に 書 き 換 えておく リフローを 想 定 し テキストを 連 結 しておく 2
Point4:ファイル 情 報 ファイル メニューから ファイル 情 報 ダイアログを 開 き ドキュメントタイトル には 書 籍 名 を 作 成 者 には 著 者 を その 他 著 作 権 情 報 などを 入 力 しておく Point5: 目 次 設 定 レイアウト メニューから 目 次 ダイアログ を 開 き 目 次 のスタイルに 段 落 スタイル 名 を 設 定 する Point5: 書 き 出 し 設 定 ファイル メニューの 書 き 出 し 先 から EPUB を 選 択 してダイアログを 開 き 各 項 目 ごとに 設 定 を 行 う 一 般 識 別 番 号 として ISBN コード 等 があれば 使 用 画 像 フォーマットのチェックを 外 せば 配 置 画 像 が そのままの 状 態 で 保 存 される 目 次 目 次 グループはすべてチェックを 入 れておくこ とで 目 次 の 見 出 しによる 改 ページができる Desigital Editions で 書 き 出 された epub 確 認 整 形 前 の 書 き 出 し 書 名 や 著 者 目 次 等 の 情 報 なし 整 形 後 の 書 き 出 し 書 名 や 著 者 目 次 等 の 情 報 が 反 映 3
Sigil で epub を 開 いてコードを 編 集 epub の 中 身 の 構 成 は 下 図 のようになります epub は 内 容 ファイルを zip 圧 縮 したものな ので Windows では 拡 張 子 を epub から zip に 変 更 することで 簡 単 に 解 凍 できますが 編 集 後 再 度 圧 縮 という 手 順 が 必 要 です Sigil では この 内 容 部 分 の 直 接 編 集 が 可 能 です META-INFO フォルダ 目 次 ファイルの 格 納 場 所 を 記 した XML ファイル 等 が 入 っている OEBPS フォルダ epub の 本 体 となるファイルが 入 っている フォント 画 像 CSS XHTML 階 層 構 造 目 次 Sigil で 開 く 書 き 出 し た epub を Sigil で 開 く と 左 側 の Book Browser に 内 容 が 表 示 され 右 側 に Text フォルダ 内 の XHTML ファイルが 開 いてくる Tools メニューから TOC Editor を 開 くと 目 次 項 目 が 設 定 されているのが 確 認 できる このボタンでビューを 切 り 替 える XHTML コード 編 集 特 に CS3 や CS4 で 書 き 出 した epub は 言 語 の 指 定 を しないと 文 字 化 けを 起 こすケースが 多 い 上 部 名 前 空 間 の 記 述 中 に xml:lang="ja" を 追 加 し 言 語 を 日 本 語 に 指 定 する その 他 煩 雑 なコード 内 を 整 えていく 左 図 の 場 合 は 範 囲 指 定 部 分 が 繰 り 返 されているので Edit メニューの Replace より 置 換 して 整 理 するとよい 4
改 ページ 後 から 改 ページを 挿 入 したい 場 合 は 改 ページ 位 置 の 前 の 段 落 後 にカーソルを 置 き Insert メニューの Chapter Break をクリックする と 新 規 XHTML が 作 成 される その 際 先 の XHTML ファイルの 名 前 空 間 の 日 本 語 指 定 が 消 えてしまうので 注 意! 再 指 定 する CSS コード 編 集 Book Browser の Styles フォルダ 内 の template. css を 開 き スタイルを 編 集 していく 編 集 内 容 は そのまま 開 いている XHTML ファイルに 反 映 されるの で 確 認 しながら 作 業 することができる 表 紙 (カバー) 作 成 電 子 書 籍 には 背 や 裏 表 紙 はなく 表 紙 (つまり 表 1) しか 存 在 しない リーダーの 書 棚 に 並 ぶ 時 も 表 紙 が 書 籍 の 顔 になる 各 リーダーの 表 示 領 域 を 考 え 表 紙 用 に 547px 800px の 画 像 を 用 意 巻 頭 にカーソルを 置 き Insert メニューの Image から 用 意 した 画 像 を 挿 入 し そ の 後 前 記 の 方 法 で 改 ページする 表 紙 の XHTML コードを 開 いてタグの 整 理 をした 後 CSS を 編 集 して 表 紙 の 画 像 にスタイルを 指 定 する CSS 内 に 画 像 サイズの 最 大 値 指 定 max-width:100%; と 記 述 することにより 画 像 の 横 幅 より 大 きく 表 示 し ない 設 定 になる 今 回 は Book Browser で 新 規 CSS を 作 成 し 表 紙 の XHTML に 関 連 付 けした File メニューの Save で 上 書 き 保 存 して 完 成 だ! 確 認 は 次 ページにて 5
Desigital Editions で epub 確 認 表 紙 画 像 にスタイル 指 定 なしの 場 合 表 紙 が 一 部 分 しか 表 示 されない 表 紙 画 像 にスタイル 指 定 後 ウィンドウサイズに 合 わせて 表 紙 が 伸 縮 ライブラリに 登 録 Adobe Digital Editions のライブラリに 登 録 表 紙 が 顔 として 表 示 されている 閲 覧 開 いて 閲 覧 してみる 目 次 をクリックす ると 目 的 のページが 表 示 される 完 成 だ! 今 回 簡 単 な 内 容 で 数 ページの 作 成 をしてみたが かなり 手 直 しが 必 要 であることが 分 かった また 表 組 みや 画 像 の 差 し 替 え 等 まだまだ 確 認 が 必 要 である しかし 一 台 の PC 上 で 数 時 間 でここまで 出 来 たことには 感 動 した コーディングに 慣 れている 人 であれば Sigil 等 のエディタですべて 作 成 す ることも 可 能 である Web よりの 技 術 と DTP よりの 知 識 が 融 合 することによって 電 子 書 籍 分 野 の 今 後 の 進 化 が 期 待 される 6
電 子 書 籍 を 作 ってみよう! 電 子 書 籍 制 作 ワークフロー 既 存 書 籍 の 電 子 化 ワークフローの 例 編 集 書 き 出 し 解 凍 epub epub 書 き 出 し InDesign の ファイル メニューの 書 き 出 し 先 から Dreamweaver を 選 択 する と epub 書 き 出 しを 行 った 際 の XHTML と 同 じ 内 容 を 書 き 出 すこともできる また Dreamweaver のローカルサイトの 構 造 を epub の OEBPS フォルダ 内 と 同 じ 構 成 にしてお けば コードのコピー&ペーストによって 移 行 が 簡 単 にできる Dreamweaver を 使 い 慣 れて いる 方 には 手 順 は 増 えるが 編 集 は 楽 である ただし 表 紙 やメタデータ 等 の 設 定 は Sigil 側 でなければできない 電 子 書 籍 を 作 ってみよう! 参 考 書 籍 セミナー 情 報 お 世 話 になった 書 籍 参 考 にさせていただいたセミナー 等 電 子 書 籍 の 作 り 方 境 祐 司 著 技 術 評 論 社 電 子 書 籍 制 作 ガイドブック 境 祐 司 / 森 裕 司 / 大 谷 和 利 / 森 嶋 良 子 / 田 口 和 裕 / 毛 利 勝 久 / 宮 崎 綾 子 [ 著 ] インプレスジャパン 参 考 になった epub 関 連 サイト PAGE2011 開 催 セミナー よく 分 かる! 電 子 書 籍 の 制 作 知 識 講 師 : 影 山 史 枝 氏 影 山 先 生 は 日 本 グラフィックサービス 工 業 会 に よるサイト ジャグラ BB にて JaGra ニュース を 発 信 されています 電 子 書 籍 関 連 情 報 満 載! http://www.jagrabb.net/ OnDeck(オン デッキ) impress R&D 電 子 書 籍 に 関 する 膨 大 な 情 報 を epub にて 発 信 (そ れも Free)しているビジネスサイトです ダウンロードして 目 下 PC で 閲 覧 しています 電 子 書 籍 に 関 する 情 報 は 日 々 進 化 し 続 け 流 動 的 です 今 後 も 多 くの 書 籍 やセミナー Web 等 からの 情 報 収 集 が 必 要 となるでしょう ここで 電 子 書 籍 の 入 口 を 覗 いていただけたで しょうか? by nishi 7
電 子 書 籍 電 子 書 籍 電 子 書 籍 Freedom Freedom メンバー メンバー に Freedom Freedom 聞 い た 聞 い た 聞 い た 聞 い た どう 思 う? どう 思 う? どう 思 う? メンバー メンバー に 電 子 機 器 のディスプレイによって 読 むことができる 出 版 物 電 子 書 籍 この 電 子 書 籍 について Freedom メンバーにつぶやいてもらった 電 子 書 籍 への 期 待 と 不 安 日 々メディアで 紹 介 される 端 末 機 器 の 進 化 そしてそれ に 対 応 するためのコンテンツは 2010 年 は 読 書 端 末 元 年 という 言 葉 を 私 が 目 に して 10 カ 月 すさまじい 速 さで 進 化 している 電 子 書 籍 の 環 境 に メンバー 各 自 が 思 うことはどんな 事 なのだろう まだ 電 子 書 籍 がブームでないあなた 電 子 書 籍 を 読 んで 見 たい? 8
電 子 書 籍 9
10
ボロにゃん 講 座 11
PAGE2011 報 告 目 か ら 目 か ウロコ ら 画 像 解 像 度 を 後 から 変 更 可 能 スマートオブジェクト ウロコ 目 か ら ウロコ 番 外 編 ラスタライズ 効 果 によるトラブル 12 レ イ ア ウ ト 文 樹 里 之 助
13
Freedom 毎 月 第 4 日 曜 日 発 行 編 集 内 容 へのお 問 い 合 わせは URL : http : //groups.yahoo.co.jp/ group/team_freedom_dtp mail : team_freedom_dtp @yahoogroups.jp タ イ表 ト紙 ル デ 恋 ザ しイ いン 恋 / し い と い う 心 MICHI 本 紙 記 事 中 のシステム アプリケーションソ フト その 他 各 種 製 品 については 各 メーカ ーの 商 標 ならびに 登 録 商 標 です 本 文 中 にお いてそれらを 表 するマーク 等 は 明 記 しており ません この 絵 は 恋 です 昔 は 戀 と 書 きました イトシ イトシ ト イウ ココロ と 覚 えていたそ うです 春 は 恋 を 呼 ぶ 季 節 だと 思 うのは 私 だけ? (MICHI) 同 期 のDTPエキスパート 諸 君 更 新 の 時 期 が やってきました PAGE2011では 記 事 の 情 報 収 集 のほか DTPエ キスパート 及 びクロスメディアエキスパー トの 受 験 サポートガイドを 有 資 格 者 割 引 で Getしました! さて 脳 みそのバージョンアップです (^_^;) (nishi) 最 近 話 題 のちょい 足 しにハマってます!! オススメは カレーにマヨネーズ 最 初 は うっ と 思 いましたが 騙 されたと 思 ってやってみたら コレはコ レは カロリーアップ 間 違 いなしですが 皆 様 も 良 かったら 是 非 是 非 (アサ) 最 近 いよいよやりたい 事 と 時 間 や 金 銭 的 な 兼 ね 合 いができなくなってきました もっと 力 を 入 れてfreedomの 制 作 にあたりた いです 2ページ とか? (FullMoon) 今 号 のおススメ 本 FBI 捜 査 官 が 教 える 第 一 印 象 の 心 理 学 (ジ ョー ナヴァロ/トニ シアラ ポインター 著 ) 言 葉 よりも しぐさ の 与 える 影 響 の 方 が 大 きかった!! 好 印 象 を 与 える 秘 策 を 学 ぶ ことで ビジネス 交 渉 から 婚 活 まで 幅 広 く 活 用 できる 本 です (ぱんぷ) 今 回 はnishiさんが6ページの 大 作 を 頑 張 っ てくれた!お 陰 でボリューム 感 のある 会 報 に 仕 上 がったと 思 います ただ 今 回 の 号 に 米 さんの 欠 席 は 痛 かったけど 次 回 は 期 待 していますのでよろしく! ( 樹 里 之 助 ) 14