ePubで縦書きを実現しているページがあったので、私もチャレンジしてみました。 以下のページを参考にしました。 びば！もばいる！（＋サーバ達）- ルビにCSS、縦書きにJavaScriptでやってみよう（ePub+iBooksでJavaScriptが動いた！） 【実験】「涅槃」を使って、EPUBファイルを縦組みで表示できるか？ ≪ ECollab Ltd. 結果は、1ページ目しか表示されず、一部のルビもずれてしまいました。 ・画像1にあるように、行の最初に現れるルビは正しい位置なのですが、 行内の2番目に現れるルビは、下にずれてしまっています。 ・ページ末尾の”髯貯えぬ丸顔”のあとに”を傾けて「描けども、描けども” と続くはずですが、ここで表示が終わっています。 画面下のページ番号も、2までしかありません。 ファイルを、 http://bit.ly/bSo2la にアップロードしてみました。 ベースにしたのは、青空文庫のファイルを「青空文庫 (XHTML) -> ePub変換 Bookmarklet」 で、明朝体ルビありで変換したファイルです。 夏目漱石の「一夜」を使いました。http://www.aozora.gr.jp/cards/000148/card1086.html 縦書きのキモは、縦書き文庫さんの「涅槃」というJavaScriptです。 https://code.google.com/p/nehan/にあります。 縦書きにしたePubファイル内の構成は以下の通りです。 ~/mimetype ~/META-INF/container.xml ~/1086_14935.opf ~/1086_14935.ncx ~/OEBPS/1086_14935.html ~/OEBPS/default.css ~/OEBPS/css/kentenbosen/after/sen/*.png (縦書き用記号のpng画像ファイル) ~/OEBPS/css/kentenbosen/after/ten/*.png (縦書き用記号のpng画像ファイル) ~/OEBPS/images/*.png (表示できない文字のpng画像ファイル) ~/OEBPS/img/*.gif (涅槃用のgif画像ファイル)(今回追加) ~/OEBPS/js/nehan.js (涅槃のJavaScript)(今回追加) ~/OEBPS/js/nehan-min.js (涅槃のJavaScript)(今回追加) ~/OEBPS/js/plugins.js (涅槃のJavaScript)(今回追加) 手順は以下の通りです。 (1)*.epubファイルの拡張子をzipにして展開 (2)涅槃のファイルを上記のように配置 (3)~/1086_14935.opf に、今回追加した画像ファイルとJavaScriptを追記。 … <item id=”dash.gif” [...]
