WEBでの縦書小説

縦書きの難しさ

WEBの性質上、小説を上手く見せることは難しいものです。本来というのも変ですが、もともと日本語の文章は論文形式以外は縦書であり、それが自分の中では通常の形式となっていました。WEBではそれが横書きです。

個人的にWEB小説は読みにくいと思っています。会話文での文字を追うのがスムースにいかない。

因みにhtmlで縦書を見せようと思えばこんな風になります。IE5.5以上のみでしか閲覧できません。

test.html

けれども、横スクロールバーが出現する方法でしか表示できませんし。divでわざわざ分けないと段組ができません。ページ自体も何故か重く感じてしまい、長文での縦書きはhtmlにはあわないのでしょう。それならば素直にPDFにした方が手っ取り早い。

ということで誠に勝手ではありますが、WEBで小説の形式をとっているものを読みたいと思うときは、文章をwordで作成した縦書き用のテンプレートにコピーしてから読んでいます。

設定

2段組のノベルズ形式

  • 文字数と行数
    • 文字数と行数を指定するにする。
    • 文字方向は縦書。
    • 段組は2段。
    • 文字数26、行数23。
    • フォントの設定→文字の大きさは10.5
    • フォントの設定→書体はMS P明朝がおすすめ。
  • 用紙サイズ
    • 用紙サイズはB5。
    • 印刷の向きは縦方向。

文庫本形式

  • 文字数と行数
    • 文字数と行数を指定するにする。
    • 文字方向は縦書。
    • 段組は1段。
    • 文字数35、行数18。
    • フォントの設定→文字の大きさは10.5
    • フォントの設定→書体はMS P明朝がおすすめ。
  • 用紙サイズ
    • 用紙サイズはB5。
    • 印刷の向きは縦方向。
  • 余白
    • 上から32,32,15,20,0
    • 袋とじをON。
    • 綴じしろの位置は左。

と設定すれば、縦書の方に慣れている人でも読みやすくなるかも。

wordではなくても用紙の大きさと文字と余白を調整すればうまくいくと思います。

縦書きソフト&ブラウザ

調べただけでも縦書きについていろいろと活動しておられる方もいるんですね。こういう色々な縦書きを表示するためのツールを見て考えてみると、運営者側で縦書き表示にしようとするのはまずスマートではないな、と思いました。一度私もhtmlで縦書きにできないものかと考えていたのですが、html自体がごちゃごちゃしてしまい、通常のブラウザで例え見れたとしても音声ブラウザでは認識できません。preとdivを使って見せることも可能ですが。この場合は音声ブラウザでも認識可能です。うーん、やっぱりスマートじゃない。縦書きではなく、横書きで見たい人の場合が考慮されないからです。

私が紹介したWORDでの縦書き表示も、運営者側がどうにかすると余計ややこしくなるので、閲覧者側が縦書きで見たい場合に見れる、という二義的な選択肢で落ち着かせるしかないという考えで紹介しました。というか自分がWORDの2段組縦書きで小説を書いてるというのもあって、そっちの方が慣れてるからなんですけどね。

CSSでの表示ならばhtmlには影響ないのですが、未だIEしか対応されていないので、IE以外のブラウザを使っている人にとっては全く意味をなさないという事になってしまいます。それだけならまだしも読み難いですし。CSS3で導入…されないですか。

現段階では影鷹 - 縦書きブラウザが一番良いと思いました。まだ研究の途中だそうなので頑張ってほしいです。

今回情報を提供してくださった威北さんありがとうございました。

Comment, Trackback

威北
http://www.denpan.org/ ここで、出来うる限り『2段組のノベルズ形式』に近い形に設定してみました。 現在、印刷機が壊れていて試せないんですが、結構近い状態のものを作ることができました。 全ページをリンクしたページをこのサイトの電版本の中で作って、印刷→オプションの『リンクドキュメントを全て印刷する』を利用すれば、ワードを起動させなくても、出来そうな気もします。
真皓
威北さん有益な情報をありがとうございます。サイト運営者が紹介していただいたここのサイトを使用してリンクすれば、容易に縦書き小説としてみる事ができますね。実際いくつか拝見させて頂きました。 色々縦書きにできるような方法はあるんですが、「htmlでは読みにくい」とか「PDFは重いから嫌だ」とかいう意見があってなかなか実行に移せないですし、そもそも読んでもらえないかもしれないというのが怖いので、縦書きにされているところも少ないんですよね。 威北さんにご紹介して頂いたサイトでの縦書きにする方法はとても参考になりました。こちらでもhtmlでスムーズに読めるような縦書きになるように少し試してみます。
PEG
「書き手が縦書きに見せるより読み手が縦書きにする」って案、僕も賛成です。 うちでは、WEBで公開されている横書きのノベルや青空文庫をテキストエディタへコピペしてテキストファイルをつくり、フリーの縦書化ビューワ「Smoopy」に読み込ませて文庫本を読む感覚に近づけています。 この「Smoopy」はいままで使ってみたどの縦書化ビューワよりシンプルなのに「ツボ」は確実に抑えていて、例えばフォントのアウトライン補正(=アンチエイリアシング)機能を使えば文庫本をスキャンしたかと錯覚するほどに高品位な文字を得られます。 またGUIも秀逸で、フリーウェアにありがちなWindows標準のそれを引用したものでなく、文庫本の1ページをそのまま見ているかのようなインターフェイスを備えています。 一度お試しあれ。
真皓
早速使ってみました。凄いですね。こんな縦書き表示ビューアがあることを全く知らなかった自分が恥です。仰る通り、こちらでもツボが合致して、シンプルに仕上げられたデザインで以降使おうと思いました。文書のアンチエイリスも美しかったです。htmlを「名前を付けて保存」で拡張子をtxtで保存し、このビューアで保存したtxtファイルを開けば縦書き表示を閲覧側で楽にできるのではないかと思いました。配布サイトさんも後に追記しておきます。有難うございました。

Reference URI

  • トラックバックのURIhttp://glas-gather.org/mt/mt-tb.cgi/30です。

Breadcrumbs List