めがイラストとは?

通常、縮小表示される1ページ以上の大きさのイラストを、読者の端末サイズに合わせて縮小せず、イラストをスクロールさせて全体を見ることができるBOOK☆WALKER独自のサービスです。ライトノベルの口絵イラストなどをスマホで縮小しないで楽しむことができます。

めがイラストの例


電子書籍(EPUB)のイラストを、めがイラスト化する方法


めがイラストは、EPUB3の仕様を拡張したものです。EPUB3内のファイルに修正を加えることで、任意の画像ページをめがイラスト化することができます。
固定レイアウトのEPUB3ファイルの一部のページをめがイラストにすることもできますし、リフローレイアウトのEPUB3ファイルの中の画像ページをめがイラストにすることもできます。


めがイラスト化する方法その1:めがイラスト対応ツールでEPUB化する

(技術に詳しくない人向け)


フリーの電子書籍(EPUB)作成ツール「LeME」は、めがイラストに対応した、Windows、Mac OS X、Ubuntuで動作するEPUB作成ツールです。リフロー型と固定型のEPUBを作成できます。



画像を読み込ませ、「画像の取り扱い」で、「全画面」と「スクロール」を選択すると、その画像がめがイラストになります。

「LeME」でめがイラスト化する場合は、EPUBを最初から「LeME」で作る必要がありますが、特別な知識がなくても使えるのが良いところです。


めがイラスト化する方法その2:自分でEPUBファイルを修正する

(技術に詳しい人向け)

既存のEPUBファイル内の画像も、内部の.opfファイルを修正することで、めがイラスト化することができます。

その場合は、以下のルールに従う必要があります。

A. EPUB3に準拠していること。
 (EPUB2はめがイラストに対応できません)

B. めがイラストにする画像がSVGラッピングされていること。

 SVGラッピングとは、端末サイズに合わせて画像がスムーズに拡大縮小するように、imageタグをsvgタグで囲って指定する方法のことです。
 画像がSVGラッピングされていない場合、xhtml、opf、CSSの追加や修正が必要になります。
 SVGラッピングの方法は、このページの下にあるKADOKAWA-EPUBのサイトからEPUBのサンプルをダウンロードし、その記述を参考にしてください。

C. めがイラスト化する画像だけで単独のページ(xhtml)になっている

 リフロー型EPUBで、ひとつのページ(xhtml)の中に文章と図版が混じっているものは、めがイラストにすることができません。
 めがイラストにしたい場合は、文章のページと図版のページを別のページ(xhtml)にしましょう。


1. EPUBファイルを任意のフォルダにunzip(解凍)する。
 ファイルの拡張子を.epubから.zipに変えると、解凍ソフトで解凍することができます。

2. .opfファイルの冒頭の「package」に、めがイラストを使用する宣言を追加。

access: http://www.access-company.com/2012/layout#」を追加

(例)
 prefix="rendition: http://www.idpf.org/vocab/rendition/#
         ebpaj: http://www.ebpaj.jp/
         fixed-layout-jp: http://www.digital-comic.jp/
         ibooks: http://vocabulary.itunes.apple.com/rdf/ibooks/vocabulary-extensions-1.0/"


 prefix="rendition: http://www.idpf.org/vocab/rendition/#
         ebpaj: http://www.ebpaj.jp/
         fixed-layout-jp: http://www.digital-comic.jp/
         ibooks: http://vocabulary.itunes.apple.com/rdf/ibooks/vocabulary-extensions-1.0/
  access: http://www.access-company.com/2012/layout#"


3. .opfファイルの「spine」ブロック中の該当ページの<itemref>に、めがイラストの表示指定を追加。

3-1.画像の表示位置を中央に

「page-spread-right」もしくは「page-spread-left」を「rendition:page-spread-cente」に変更。

3-2. めがイラストのスクロール指定を追加

rendition:layout-pre-paginated rendition:spread-none access:scroll-both」を追加

(例)
 <itemref linear="yes" idref="p-003" properties="page-spread-right"/>
 
 ↓

 <itemref linear="yes" idref="p-003" properties="rendition:page-spread-center rendition:layout-pre-paginated rendition:spread-none access:scroll-both"/>


4. 修正の終わったEPUBのソースコードを再度zipして、拡張子を.epubに直す。

 なお、EPUB内に置く「mimetype」ファイルは無圧縮で先頭に置く必要があります。

・EPUBのソースコードをEPUB用に再zipするシェルスクリプトの例
-----------------
 #!/bin/bash
 d=$1
 n="${d##*/}"
 cd $d
 rm ../$n.epub
 zip -0 -X "../$n.epub" mimetype
 zip -r "../$n.epub" * -x mimetype -x .* -x */.* -x */*/.*



めがイラストの技術情報


めがイラストの技術情報は、「KADOKAWA-EPUB」のポータルサイトで入手できます。


こちらで以下をダウンロードしてください。
kadokawa-reflow-v113.epub」(サンプルファイル
KADOKAWA-EPUB制作仕様ver.1.1.3-20160501.pdf説明資料)

(2017年10月10日現在の情報です)