sigilを使って 音声入りepubを作るkiyohara/epub/2016/sigil.pdfsigilを使って...
TRANSCRIPT
-
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","MS 明朝","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