ツイート
« 2009年08月25日 | メイン | 2009年08月27日 »
2009年08月26日
CSS3で青空文庫を読む
このところアマゾンのKindleなどの電子ブック・リーダが売れているようです。そのコンテンツ作りに一役！というとちょっと先走りですが、青空文庫をAH Formatter CSS3で組版してみました。
青空文庫の7月のアクセスランキングを見ますと、トップは夏目漱石の「坊ちゃん」です。
○坊ちゃん：http://www.aozora.gr.jp/cards/000148/card752.html
このWebページを見ますと、「今すぐXHTML版で読む」というリンクがあります。
○XHTML版：http://www.aozora.gr.jp/cards/000148/files/752_14964.html
XHTML版をブラウザで見ますと、次の図のようになります。
これをAH Formatterで組版してみます。XHTMLとしては、青空文庫「坊ちゃん」のURLを、スタイルシートとしては、青空文庫用に弊社が作成したCSS3スタイルを指定します。
そうしますと、AH Formatterは、Webから「坊ちゃん」のファイルをダウンロードして、ローカルのスタイルシートを適用して組版します。結果は次のようになります。
このように縦書きでルビ付きのページが出来上がり。これを電子ブックリーダに移せば、立派なコンテンツとなります。
Webブラウザを使ってPCの画面で読むと、スクロールしていくために視線が定まらずに読みにくいですが、電子ブックに移して読めば、スクロールではなくてページをめくることになって視線が一定になって読みやすくなるのではないかと思います。
ここにPDF版をアップしましたので、ぜひ、お試しください。
○ファイルをダウンロード
