青空文庫縦書き Google Chrome

Google Chromeで動く、青空文庫縦書きビューワーを作りました。

拡張にしてみたものの、GreaseMonkeyでよかったよねレベルのことしかしていません。ぐりもんで書き直せる。

フォントサイズの変更などありますが、ほぼ大半の要件はCSS3で満たしています。

body {
  -webkit-writing-mode: vertical-rl;
}

Webkitの先行実装であるwriting-modeを使っています。ここの値をhorizontal-btとかにすると天地逆転な感じになって楽しいです。

文字の一番下が揃わないと不安になります。不安で仕方ありません。

そこそこ均等にしようとして検索すると、一番最初に出てくるのは悪名高いIEの独自実装であるtext-justifyで、Chromeでは動かないと怒られます。

body {
  text-align: justify;
}

じゃあ動くtext-align: justify;を使いましょう。揃いました。よかったですね。

適当に検索して出てきた「目の疲れない配色」とやらにしました。効果の程はわかりません。

縦書きレンダリングは非常に重いです。横から縦に変えただけでスクロールが困難になるとかそういうレベルで重いです。

マシンがクラッシュしたらブラウザベンダーに文句をいいましょう。

本なんていまどきよまねーよ

User Script版を作りました。最初からこうしておけばよかった Install Now

鳩舎