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版をブラウザで見ますと、次の図のようになります。
20090826.PNG
 
これをAH Formatterで組版してみます。XHTMLとしては、青空文庫「坊ちゃん」のURLを、スタイルシートとしては、青空文庫用に弊社が作成したCSS3スタイルを指定します。
200908261.PNG
 
そうしますと、AH Formatterは、Webから「坊ちゃん」のファイルをダウンロードして、ローカルのスタイルシートを適用して組版します。結果は次のようになります。
200908262.PNG
 
このように縦書きでルビ付きのページが出来上がり。これを電子ブックリーダに移せば、立派なコンテンツとなります。
 
Webブラウザを使ってPCの画面で読むと、スクロールしていくために視線が定まらずに読みにくいですが、電子ブックに移して読めば、スクロールではなくてページをめくることになって視線が一定になって読みやすくなるのではないかと思います。
 
ここにPDF版をアップしましたので、ぜひ、お試しください。
ファイルをダウンロード




瞬簡PDF 変換 2024
PDFをOffice文書へ高精度変換


HTML on Word
WebページをWordで作る!


HTML on Word
WebページをWordで作る!


瞬簡PDF 書けまっせ 2024
PDFに文字が書ける! 入力欄を自動認識