Sigilを使って
音声入りEPUBを作る

清原文代 （大阪府立大学高等教育推進機構）

Sigil ver.0.9.7（macOS版）使用 2017年3月14日

1

Sigil• 無料で使えるEPUB作成ソフト

• Windows版とmacOS版あり

• 日本語インターフェースあり

• Sigilのホームページ

• Sigil ver.0.9.7のダウンロードページ
ページ下部にダウンロード用のリンクあり

2

https://sigil-ebook.comhttps://github.com/Sigil-Ebook/Sigil/releases/tag/0.9.7

書誌情報を入れる。 言語・書名・著者名は最低限必要

3

言語の略号 ja 日本語 en 英語 zh-CN　中国語簡体字 zh-TW　中国語繁体字

1項目入力する度に Enterキーを押して入力内容を確定し、 最後にOKボタンをクリック。

4

Add Metadataをクリックして 著者名欄を追加する。

5

6

7

中国語独自の事情• 日本語と中国語で微妙に字形が異なるものを表示しわけるには、フォント指定をする必要がある。

• （例1）日本語：　　　写

• （例2）中国語簡体字：写

8

フォント指定をするには？• iBooksは何もしないと、iBooks側のフォント設定でEPUBを開くため、EPUB側で決めたフォント指定を有効にする設定をONにする。

• CSSを書いてフォントを指定する。

• 本文がCSSを参照するように指定する。

• 本文の中にタグをつけてフォントを指定する。

9

content.opfをダブルクリックして開け、 iBooksでフォント指定を有効にするための情報を追加する。

10

赤字の部分を追記する

11

true

以下の赤字の行をmetadataの段落に挿入する

12

「ファイル」メニュー→「追加」→「空のスタイルシート」

13

スタイルシートを入力する

14

@charset "utf-8"; .zhcn{ font-family: "Kaiti SC","STKaiti","SimSun","Songti SC","STSong","PingFangSC-Light","PingFang SC","STHeitiSC-Light","Heiti SC","NotoSansCJKsc-Light","Noto Sans CJK SC"; font-size: 125%; }

.pinyin{ font-family: "Times New Roman"; font-size: 125%; }

.jpn{ font-family: "HiraMinProN-W3","ヒラギノ明朝 ProN W3","MS-Mincho","ＭＳ 明朝","Noto Sans CJK JP"; }

* { line-height:1.5em; }

スタイルシートの例

中国語簡体字用のフォント

pinyin用のフォント

日本語用のフォント

行間を1.5行にする

15

左カラムで本文のファイルを 「右クリック」（Macはcontrol＋クリック）して

スタイルシートにリンクを選ぶ。

16

17

先ほど作ったCSSファイルが本文にリンクされている。

18

タグを打つときはコードビューで作業

19

中国語簡体字・pinyin・日本語を フォント指定用のタグで囲む。

20

C: 你叫什么名字？
Nǐ jiào shénme míngzi?
C:あなたの名前は何といいますか。

赤字の部分（spanタグ）が CSSで指定したフォントを適用するためのタグ。

段落の初めを示すタグ

段落の終わりを示すタグ

段落内の改行を示すタグ

21

ブックビューで出来上がりを確認する

22

音声・動画・画像を挿入する• まず当該のファイルをEPUBの中に読み込む。

• 音声のファイル形式は、MP3で。

• 動画のファイル形式は、MP4で。

• 画像のファイル形式は、JPEGで。

• 挿入箇所にカーソルを持っていって、挿入する。

23

「ファイル」メニュー→「追加」→「既存のファイル」

24

　音声・動画・画像を挿入したいところに カーソルを持っていってから、「ファイルを挿入」を選ぶ。

25

26

音声再生用の記述が挿入されたところ

27

ブックビューで出来上がりを確認する

28

目次を生成する• 目次に入れたいテキストをあらかじめタグで囲んでおく。
（例）
第1課
会話1

• が最も上位の見出し、以下数字が増えるごとに階層が深くなる。

29

目次にしたいテキストを選択してから、見出しボタン（h1など）をクリックする。 コードビューでもブックビューでもどちらでも作業できる。

見出しタグが挿入されたところ

30

「ツール」メニューの「目次」を選び、目次を生成する。

31

目次が生成されている

32

音声や動画の入ったEPUBの閲覧方法については 下記を参照。

http://www.las.osakafu-u.ac.jp/~kiyohara/EPUB/#EPUB-Reader

33

http://www.las.osakafu-u.ac.jp/~kiyohara/EPUB/#EPUB-Reader