2012-06-24

6. おおまかな手順

電子書籍

（書きかけです）

コンテンツの準備（構成・テキスト・画像）
Sigilで組む（XHTML＋CSS）
ムダなタグを削除して整理
ePub化
実機で動作確認
コンテンツやタグの修正
ePub化
実機で動作確認
動画を挿入⇒ePub化（mp4にコンバート。ePubファイルを解凍して調整、ターミナルで再圧縮※）
実機で動作確認

6_1.コンテンツの準備

6_2.Sigilで組む

6_3.ムダなタグを削除して整理

6_4.ePub化

6_5.実機で動作確認

リンク切れが生じていないか。
テキストと画像の位置関係が正しく表示されるか。
iPhoneの縦位置、横位置でそれぞれ確認。
iPadで表示した時、テキスト段組みが正しく表示されるか。
画像とテキストの関係にずれが生じないか。
縦位置、横位置でそれぞれ確認（iPhoneでの表示は一段組み、iPadでの表示は、左右の長さにより段数可変を想定）。
不自然な空きスペースが生じていないか。
⇒画像の位置やサイズを再検討するか、Sectionを分けるかを検討。

6_6.コンテンツやタグの修正

6_7.ePub化

6_8.実機で動作確認

6_9.動画を挿入⇒ePub化

動画は、フリーソフトの「動画・音楽変換3！」で「mp4」にコンバートする。
TEXTフォルダの該当Sectionファイルに以下のように記述する。

<video src="../video/videoname.mp4" width="320" height="240" autoplay="false" loop="false" controls="true"></video>

videoのフォルダの位置は下図参照

このまま丸ごと圧縮してePub化しても、VIDEOは再生できない。VIDEOファイルのみ圧縮せずに他を圧縮し、１つの圧縮ファイルにまとめるために「ターミナル」を使用する（記述は下記参照）。

zip -0 ilovesmou-final.epub mimetype;zip -XrD ilovesmou-final.epub *

6_10.実機で動作確認

2012-06-24

5.制作に必要なツール（今回使用したもの）

電子書籍

Sigil（InDsignは受講PCにインストール不可のため未使用）
PhotoShop
Illustlator
mi
StuffIt Expander（再編時ePubファイルを解凍）
動画・音楽変換3！（VIDEO を Convert）
ターミナル（VIDEOを圧縮せずに、その他ファイルを圧縮）
DropBox （必須ではないが複数のPCで作業する時便利）
Microsoft Excel （必須ではないがコンテンツ管理・シナリオ作成に便利）

2012-06-24

4. ePubの構造

電子書籍

基本は　XHTML+CSS で組む

「epub」に書き出す

各要素が圧縮され、ひとつのePubファイルが生成される。

できたファイル「.epub」を解凍してみると…

下記のようになり、構造がわかる。

※この時点では、VIDEOは未挿入

2012-06-24

3. ファィル形式によるちがい

電子書籍

	規格	リフロー・ノンリフロー	画像配置・デザイン性	縦書き	導入難易度※
ePub	オープン	リフロー	ビューワにより制約あり	未対応	○
PDF	オープン	ノンリフロー	自由	可能	◎
XMDF	独自	リフロー	ルビも可	可能	△
アプリ型	独自	リフロー・ノンリフロー	自由	可能	▲