EPUB作成ソフト“Sigil”で日本語が文字化けする場合の対処方法

Shunsuke Sawada

iBookやKindleで読めるepubを簡単に作成するフリーソフトSigilを使ってみた時にハマった日本語対応のメモ。

Sigil
https://code.google.com/p/sigil/

ダウンロードやインストールは「sigil epub インストール」なんかでググってください。

Sigilの環境設定

まずはこのソフト自体の環境を日本語へ。

Sigil 環境設定

Sigil 日本語設定

英語のスペルチェックの無効化
これはやってもやらなくてもいい。
日本語を入力すると当たり前だけど、そんなスペルはありませんよ、と強調表示されるので気になる人はオフに。
Sigil スペルチェック

メタデータの変更

これから作ろうとしているepub電子書籍のメタデータを変更します。
メタデータとは書籍のコンテンツ自体ではなく、付属情報といったかんじで、タイトルや著者や発行日なんかを保存しておける場所だと思ってください。

シギル メタデータ

言語を日本語に。
シギル 日本語設定
言語を「日本語」に設定。

コードビューで日本語を宣言

Sigilを立ち上げるとこうなっているはず。

Sigil epub editor

epubの中身はhtmlで書かれていますが、htmlが分からなくてもいいように、最初の画面はわかりやすいエディターになってます。
Sigilを立ち上げると白紙のドキュメントが開きますが、白紙といっても、実際にはコードが書かれています。

コードビューを見る。
sigil コードビュー 文字化け

コードビューはこんな感じ。
Sigil epub editor

コードビューの初期設定はこうなっているので、
html〜というところに日本語であることを宣言する。
xml:lang="ja"を追加するだけです。

[googlead]

変更前

1
2
3
4
5
6
7
8
9
10
11
12
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<p>&nbsp;</p>
</body>
</html>

変更後

1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
  <title></title>
</head>

<body>
  <p>&nbsp;</p>
</body>
</html>

コードビューの表示を日本語に。

当たり前だけど、見落としがちな点。
コードビューでコードを表示させるフォントが日本語フォントでないと、入力した文字をコードビューでみると□□□□□みたいに四角だけしか表示されません。

ちょっと後戻りしますが、もう一回「環境設定」を開いて、「外観」を選択。
「css/コードビュー」の部分で日本語フォントを選択します。なんでもいいのですが、osaka選んでみました。

sigil 日本語

sigil japanese

以上。
Sigilの日本語設定。
いろいろ変更点があって最初はめんどくさいですね。
とくにコードビューで日本語を宣言するのはhtmlファイルを作るたびに行う必要がありそうなので、忘れそう。。
デフォルトで日本語用ファイルが作られるようにするオプションは見つけられなかったので、誰か教えてください。

4
Shunsuke Sawada

おすすめの記事

CakePHP 2.x JSヘルパーでajax通信(ajax helperは使わない)
20
Rails4でQiita投稿ボタンをつくった
18
紙のデザイナーがウェブ開発できるようになるまでに必要なこと
451