青空文庫を縦書き表示:縦書きWebページプロジェクト

作品のXHTMLファイルのURLを入力青空文庫で探す
 クリック→

   入力例:

       1ページの行数: 1行の文字数: 行間:

☆2009.11.06:縦書き変換した作品の表示方法を変更しました。
 詳しくは、コチラのブログ記事を参照してください。
 旧版がお好みの方はコチラのページから変換を実行してください。
← こんな感じで、ブラウザ上で青空文庫の収録作品を縦書きに変換して表示します。

やっぱり日本語は縦書きの方が美しいっすもんねぇ。

FireFox3.0Safari(現行バージョン)Internet Exproler 7Opera 9.6 でレイアウトを確認しています。IE6では行間が空きすぎて、残念ながら美しく表示されません。

使い方は簡単です。

まず、青空文庫へ行って、読みたい作品を探します。
読みたい作品が決まったら、その作品の「ファイルのダウンロード」セクションから「XHTMLファイル」のURLを取得します。

URLの取得の仕方:Windowsの人は、リンク(例:1465_16865.html など)の上でマウス右クリック → メニューから「ショートカットのコピー」(IE)とか「リンクのURLをコピー」(FireFox)とかを選んでリンク先のURLをコピーすれば簡単。

コピーしたURLを、上のテキストボックスに入力して「この作品を読む」ボタンをクリック!
※現在、青空文庫本家(http://www.aozora.gr.jp/〜)に収録されている作品のみ、閲覧可能です。
別ウィンドウで縦書きにフォーマットされた作品が表示されます。

まだまだ表現に未熟・未対応な部分がたくさんあります。下の方にまとめてありますので、ご理解の上、ご使用ください。 では、ごゆっくりどうぞ。

表示に関して

  • 波線「〜」の縦書き字形が存在しないため、Unicodeの0x2758に変換しています。(2009.01.04)
  • 一部の環境で長音記号「ー」が表示されない問題を修正しました。(2008.10.26)
  • 行数、1行の文字数、行間スペースを指定して表示する事ができるようになりました。(2008.10.25)
  • 本文中の半角英字を全角英字に変更して縦組で表示(2008.10.12)。
  • 字下げに対応。(2008.10.15)
    … オリジナルのXHTMLファイルで <div class="jisage_x" 〜> 及び <div class="chitsuki_x" 〜> でコーディングされている字下げを正しく表示します。
  • 罫線で書かれた図表を正しく表示します。(2008.10.15)
  • 日本語の禁則処理に一部対応。
    … 行頭に句読点や閉じ括弧が来ないように変更(2008.10.12)
  • ルビはすべて、当該漢字の直後の()内に記しています。
  • フォントに無い外字は、その文字が入る位置に(*説明)というかたちで記しています。
    例:李承*(火へんに華)がホームランを打った。
  • 縦書きフォントに無い文字(ーや…など)は、対応する縦組み用の文字に変換しています。一部ズルをして、似たような形の本来別の文字を使用しています。
  • テキストエンコーディングはUTF-8に変換しています。

そして現在の、表示に関する制限事項・不具合は以下の通り。
  • 青空文庫本家(http://www.aozora.gr.jp/〜以下)に保存されているXHTMLファイルのみ変換できます。
  • 半角数字を縦組にした方が良いのかどうか思案中。現在は横組で表示されます。
  • 文章中の挿絵などの図表(イメージ)が表示されない。
  • 外字イメージが表示されない。
  • 戯曲のテキストなどで用いられている <div class="burasage" 〜 > タグに未対応。

表示を確認してみたブラウザ・環境

  • FireFox 3.0 ( Macintosh , WindowsXP )
  • Safari ( Macintosh )
  • Internet Exproler 7 (WindowsXP )
  • Opera 9.6 ( Macintosh , WindowsXP )
  ※Internet Exproler 6 では表示が崩れます。

生成されたファイルの取り扱い

  • 基本的に、青空文庫収録ファイルの取り扱い基準に準じます。
  • 生成されたファイルは、ローカルに保存して、オフラインで楽しむことも出来ます。
    やり方は、普通にファイルメニューから「保存」→「html形式で保存」でお好きな名前を付けて保存して下さい。

「レイアウトがずれまくる」「変なエラーが出る」などなど、ご意見はお気軽に…

 → メール( tyz@freefielder.jp )またはこちらのブログエントリへコメント頂けたらと思います。

最新情報は…

コチラのブログ記事も参照して下さい。
 
tyz@freefielder.jp