EPUB e-booksEPUB電子書籍

BPS の EPUB への取り組みについて

固定レイアウト向けEPUBビューア [超画像]

対応プラットフォーム：Androidアプリ、iOSアプリ、Windowsアプリ、Macアプリ、各種ブラウザ

日本語縦書きビューアエンジン [超縦書]

電子書籍コンテンツ配信サーバ [Guardian]

『Guardian』は、『超シリーズ』と連携可能な、電子書籍コンテンツ配信サーバです。

電子書籍ファイルのCMSとしてファイル登録やメタ情報の付加等の機能を有し、『超シリーズ』へ画像の配信を行います。
また、通常のファイル配信サーバとしてEPUB等の電子ファイルの配信も可能です。
※ユーザ情報の管理機能はございません。

例1超画像 for ブラウザGuardian

ウェブブラウザで画像コンテンツの閲覧が手軽に実現できるソリューションです。

お客様のサーバ環境へ、電子書籍コンテンツ配信サーバ『Guardian』を設置し、閲覧時には『超画像 for ブラウザ』を使用します。
閲覧環境はウェブブラウザ上で動作するため、OSを選びません。PC(Windows/Mac/Linux)やタブレット・スマートフォン(Android/iOS/etc)で快適な表示が可能です。
以下のお客様にオススメです。

• 手軽にマルチOS対応したい
• 書店サイトやユーザ環境がブラウザ上で整っており、ブラウザ上で操作を完結させたい

『Guardian』の認証機能と難読化（スクランブル）により、購入ユーザのみが閲覧できる機能や期間限定配信が実現可能です。もちろん、立ち読みのように全ユーザが閲覧できる設定も可能です。

例3超画像本棚

Android/iOSの電子書籍閲覧アプリケーションをご提供するソリューションです。

電子書籍ファイルをダウンロードし管理する本棚アプリと、多様な画像EPUBフォーマットに対応し軽快な動作を実現した画像ビューアである『超画像』をセットでご提供いたします。
既にお持ちの書籍サイトとつなぎこみ、購入情報やダウンロード機能を連係させれば、スマホ対応が実現できます！

電子書店構築サポート

オンライン上で電子書籍を配信する場合、なんらかの形で電子書店の準備が必要ですが、その裏側には以下の図「電子書店全体概要」に示されるような機能を必要とします。
弊社では、課金システムや売上分配システムを有しつつ、弊社超シリーズや Guardian 配信システムと連係した電子書店の構築経験が多くございます。例えば、山と溪谷社様やリーガルアーカイブス社様にてご利用頂いております。
弊社で有しているパッケージがございますので、これから書店のオープンを検討のお客様は、お気軽にお問い合わせ下さい。

圏点

圏点とは

圏点（けんてん）とは、文字の右側（横書きでは上側）に表示するゴマ点のことで、文字を強調するのによく利用されます。特に日本語の縦書き文章で多用されます。

圏点の種類

一般的に、縦書ではゴマ点、横書きでは黒丸が利用されますが、他にも色々な種類を指定可能です。例を見てみましょう。

※この画像はすべて超縦書を使って生成しました。フォントはIPAex明朝を利用しています。

圏点とルビの同時表示

Readiumや他の多くのReading Systemでは、ルビと圏点が重なる場合、同時に表示することができません。超縦書では図のように、同時表示に対応しています。

※図の表示形式は、開発時点で最新のCSS Text Decoration Module Level 3 Candidate Recommendation (https://www.w3.org/TR/css-text-decor-3/) に準拠しています

フォント

フォントの選定

EPUBで日本語文章を記述する場合、最低限、明朝体とゴシック体が必要になるでしょう。

フォント選定のポイント

フォント選定のポイントとなる点をいくつか挙げてみます。

書体の美しさ

フォントは何よりも、文字を表示するものです。見た目に美しい書体でなければ、文章を気持ちよく読むことができません。フリーのフォントに比べ、やはり高価なフォントには相応の美しいものが多く見つかります。もちろん、場面によっては特殊な形状の装飾フォントも必要になります。

勝手におすすめ

リュウミン[モリサワ]、新ゴ[モリサワ]、ヒラギノ[大日本スクリーン製造]、凸版明朝

収録グリフ数

ほとんどの日本語フォントはJIS第2水準程度の漢字は網羅していますが、旧字体や人名用漢字、特殊な漢字まで収録しているフォントは少数派です。
Adobe-Japan-1-6対応のフォントなら通常困ることはありませんが、IVSに対応したフォントならさらに多くの異体字にも対応できて安心です。IPAmj明朝や花園フォントなら、戸籍統一文字も網羅しているため、人名で問題になることもないでしょう。

勝手におすすめ

IPAmj明朝、花園フォント

縦書き対応

縦書きで正しく表示するには、Reading Systemの対応はもちろんのこと、フォント側でも対応が必要です。縦書きにしたときに形状が変わる文字、位置が移動する文字は多くありますが、これらはフォント側に情報が埋め込まれています。多くのフリーフォントでは、縦書き用の情報が十分に埋め込まれておらず、小さい「っ」がややずれて表示されたり、約物のデザインが不自然になることがあります。

勝手におすすめ

モリサワフォントなど多数

価格・ライセンス

ユーザの端末にプリインストールされているフォントでは満足できない場合、フォントファイルまたはレンダリング結果を何らかの方法で配布することになります。
この場合、電子媒体での配布に制限があるフォントや、数百万円以上するフォントも多いため、十分に注意が必要です。
自分のPCにインストールされているフォントファイル（メイリオやヒラギノなど）をEPUBファイル内に埋め込むのはライセンス違反なので、絶対にやってはいけません。

勝手におすすめ

IPAフォント、花園フォント

フォント指定の方法

ご存じの通り、EPUBはXHTMLとCSSで文章を記載します。
文章内でフォントを指定するにはCSSを使いますが、指定方法には大きく分けて以下の3種類があります。

1. キーワード（generic-family）を指定

1	font-family: serif;

あらかじめ定義されたキーワードを指定する方法です。

• seif: セリフ体です。日本語では一般的に明朝体のフォントが利用されます。
• sans-serif: サンスセリフ体です。日本語では一般的にゴシック体のフォントが利用されます。
• monospace: 等幅フォントです。
• fantasy: 装飾フォントです。
• cursive: 筆記体です。

キーワードで指定するメリットとしては、指定が簡単な点や、Reading Systemの対応具合をあまり考えなくて良い点が挙げられます。

2. フォント名を指定

1	font-family: "ヒラギノ明朝 Pro W3";

具体的なフォント名を指定する方法です。
「明朝体」といった曖昧な指定ではなく具体的にフォントを指定できるのがメリットですが、Reading Systemにフォントがインストールされていない場合は当然ながら使えません。Webサイトでは広く使われる記述ですが、EPUBで使う際にはビューアの対応状況を踏まえ十分な検討が必要です。

3. Webフォント

1	@font-face {
2	font-family: "MyFont";
3	src: url("myfont.otf");
4	}

EPUBでフォントを埋め込む場合の注意点

EPUBでフォントを埋め込む場合、以下の点に注意が必要です。

EPUBのファイルサイズが大幅に大きくなる

日本語フォントは一般に数MBに達します。文字ものEPUBとして考えると、これは非常に大きな問題となり得ます。可能な限りビューア組み込みのフォントを活用し、どうしても必要な文字だけを格納してサイズを減らしたフォントファイルを生成するなど、工夫が必要でしょう。

ライセンスの問題

仕組み上、フォントファイルそのものをエンドユーザに配布することになります。DRMをかけたとしても、この配布行為はフォントベンダーが認めていないことがほとんどです。フリーフォントも含めライセンスを十分確認しましょう。

Reading Systemの対応

現在のところ、EPUB内のフォント埋め込みは非対応のReading Systemが多いため、非対応でも問題なく閲覧できる配慮が必要です。

複合的なフォント指定

フォント指定の方法で述べた、1～3の指定方法は組み合わせることができます。
一般的に、どのReading Systemでも読めるよう、1のキーワードは必ず指定するようにします。これで、「ヒラギノ明朝で表示する。ただし、非対応の場合は標準の明朝体で表示する」といったことが可能になります。

1	font-family: "ヒラギノ明朝 Pro W3", serif;

特殊なフォント指定

一部の文字だけフォントを入れ替える

• 「アルファベットだけ別のフォントにしたい」
• 「このゴシック体を使いたいが、ひらがなだけは明朝体にしたい」
• 「二倍ダーシだけは別フォントにしたい」

このような場合にはどうしたら良いのでしょうか？
EPUB3では、こんな時に使えるCSS3 Font Module Level 3の「unicode-range」プロパティが利用できます。

1	@font-face {
2	font-family: "ヒラギノ明朝 Pro W3", serif;
3	src: url("my_hiragana_font.otf");
4	unicode-range: U+3041-U+309E;
5	}
6	p {
7	font-family: "MyHiraganaFont", sans-serif;
8	}

この指定は、「ひらがな」は独自フォントを使い、それ以外の文字は明朝体を使うという意味になります。

フォント豆知識

フォント名のProとかPr6って何？

フォントを購入する際の商品一覧などで、「ヒラギノ明朝 Pr6N W3」のように「Pr6N」のような文字がついていることがあります。この場合、「ヒラギノ明朝」が書体の種類、「Pr6」が収録文字数、「N」が字形、「W3」が太さを表します。

文字コレクション

「Pr6」の部分はAdobeが定義した文字コレクションと対応しています。
「The Adobe-Japan1-6 Character Collection」 (PDFファイル - 2017年3月1日現在のリンク)　

文字コレクション	収容文字数	フォント名に付ける記号
Adobe-Japan 1-0	8,284
Adobe-Japan 1-1	8,359
Adobe-Japan 1-2	8,720
Adobe-Japan 1-3	9,354	Std
Adobe-Japan 1-4	15,444	Pro
Adobe-Japan 1-5	20,317	Pr5
Adobe-Japan 1-6	23,058	Pr6

つまり、Pr6のフォントはStdのフォントに比べて2倍以上の文字を収録していることになります。高価なのはこのためです。

字形変更

「N」の部分は字形変更です。
2004年に「JIS X 0213:2004（通称JIS2004）」が発表され、例示自体が変更されました。「逢」「迦」などの文字が「2点しんにょう」になったり、「榊」「祇」などの「しめすへん」が「ネ」から「示」になったり、「葛」の字体が変わったりして、一時期大きな話題となったため、記憶にある方も多いと思います。
「N」の付いたフォントは、このJIS2004に対応したフォントを指します。
なお、JIS2004対応フォントはNを付けるという決まりがあるわけではないので、たとえば2010年に公開されたIPAex明朝はJIS2004字体に対応しています。