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

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]

変更前

<?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>

変更後

<?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ファイルを作るたびに行う必要がありそうなので、忘れそう。。
デフォルトで日本語用ファイルが作られるようにするオプションは見つけられなかったので、誰か教えてください。

何かありましたらコメントをどうぞ

comments powered by Disqus

人気の記事

950 Points チリ出身のギタリストが弾くドラゴンボールZがむちゃくちゃかっこいい…
774 Points Wordpress + Heroku + PostgreSQL + Amazon S3 = ¥0 / 無料でサイト運営
700 Points Rubyのチートシート 変数 / クラス / モジュール
524 Points Rubyのチートシート / アクティブサポート
451 Points 紙のデザイナーがウェブ開発できるようになるまでに必要なこと
435 Points Rails / Google Analyticsのデータを使って分析や管理画面のためのグラフをつくる
323 Points RailsとHerokuでノーティフィケーションをプッシュする / PusherとTurbolinksの兼ね合い
222 Points Rails / RSpec テスト書いたことない メンドクサイ(n´Д`)という時のチートシート
193 Points Rails / Ajaxを使って画面遷移しない一時保存機能をつける
193 Points Protractorでスクレイピングしてみた