iPod Touch で青空文庫

data: URI スキームを使ってオフラインで青空文庫を読むのを試す。

URI への変換は簡単。ただ， Touch に内蔵の Safari はルビの表示に対応していないらしく，例えば「勃興ぼっこう」などは「勃興（ぼっこう）」のように括弧付きの表示になってしまう。

この点に関してはスタイルシートを利用して解決する方法が色々と編み出されている。今回は北村さんの position 方式を参考にして調整を行った。以下がそのスタイルシート。

body {
  line-height: 200%;
}

ruby {
  position: relative;
}

ruby>rt {
  position: absolute;
  left: 0;
  font-size: 90%;
  line-height: 100%;
  white-space: nowrap;
  top: -150%;
}

ruby>rp {
  display: none;
}

結果はかなり良好。括弧付きのルビは読み難いので，この点が改善できたのは非常に嬉しい。

あとは，せっかくだから，この変換ツールを Google App Engine でウェブアプリ化してみようか……。