つい先日(8月16日)、"縦書きの HTML コンテンツ作り" について書いた。
◆参照 EPUB3仕様/"縦書きePub"に向けて先ずは"縦書きのHTMLコンテンツを作り"を検証!( 当誌 2011.08.16 )
今回は、その続きとなる。いやむしろ、"縦書きEPUB3 電子書籍"作りという当面のターゲットテーマからすれば、今回に向けて前回があったと言うべきかもしれない。
と言うことで、前回のエントリー内容を前提にしているため、上記エントリーをも参照していただきたい。
その前回では、どんな "~.html" ファイルであっても、"縦書き" 表示に変える(ただし、現状では表示ブラウザは限定されている)という添付用 "CSS" ファイル( "basic_vertical.css" )が配布されていること、これを "~.html" ファイルとリンクさせれば確かに縦書き表示が実現されることを確認した。
この事情は、"ePub 3.0" 云々というのではなく、"HTML 5" 仕様とこれに対応したブラウザ( ex. Google Chrome etc.)のなせる技だと言うべきなのである。
ちなみに、下記の shot (3) は、前記の "CSS" ファイル に、"CSS" における "HTML 5" 仕様の一部である "テキスト・シャドー" 指定を加えてみたところ問題なく "ドロップ・シャドー" が表示された。同様に、"audio" 指定も可能であった。
それで今回は、無償公開されている "epub3pack" サービスを使って、"縦書きEPUB3電子書籍" 作りを検証してみようというのである。
◆参照 サイト:epub3pack
◆参照 サイト:縦書きEPUBの作り方/epub3pack
差し当たって "道具立て" は、前回のままであり、以下のとおりだ。
【 作成に不可欠なファイル 】
(1) 青空文庫から素材としてダウンロードした "~.html" ファイル(c.f. 太宰治『富嶽百景』)※ もちろん、下記 (2) をリンク指定しておく必要がある。
(2) "epub3pack" サイトからダウンロードした "basic_vertical.css" ファイル
【 作成過程で必要となる環境 】
(3) "EPUB 3" リーダーである "espur(エスパー)" のダウンロード。
◆参照 サイト:espur/east epub reader
(4) "HTML5" 対応の "Google Chrome" のダウンロード。
◆参照 Google Chromeダウンロード
なお注意点としては、ファイル類はすべて "UTF-8" にしておくことであり、その他詳細については同サイトの<使い方>に目を通しておく。
また、青空文庫から素材としてダウンロードした "~.html" ファイルに添付した "default.css" は、リンクも外しておいても構わない。
ということで、下記の Screen shot を参考にしていただきたい。
(1) 無償アップロード変換が可能な "epub3pack" |
(2) "縦書き EPUB3" を表示するリーダー "EAST espur" |
(3) "HTML5" 対応の "Google Chrome" での縦書き表示 |
(4) "epub3pack" 変換後の "EPUB3" を "EAST espur" で表示させる |
なお、上記 Screen shot (4) のように、出来上がる "縦書きEPUB3 電子書籍" は、"縦書き、ルビ" などはよしとして、レイアウトやフォントなどに関しては "生の状態" となっている。各自、CSS などを再吟味する必要がありそうだ。
そうした点を見越してか、以下のサイトが用意されていて、こちらも大いに参考にできる。
とにかく、 "EPUB3 電子書籍" 制作のツールは今のところ皆無に近い。まして、"縦書きEPUB3 電子書籍" となると上記のツール/環境は大いに希少価値がある。これらと "悪戦苦闘" することで "スキル・アップ" できるに違いない...... (2011.08.22)
コメントする