縦書き実装が着実に進み、ウェブ上で縦書きが読める日ももうすぐです。そこで今から縦書きウェブの予習をしておきましょう。「Webブラウザでの日本語縦書き表示、順調に進行中。縦書き関連プロパティの実装は着実に進んでいるようです。ウェブ上の縦書きは段組みととても相性が好い気がするからです。横組みのウェブページでは、コンテンツを段組みにすると少々やっかいなことになります。コンテンツの内容が多すぎると、折り返し点がウィンドウ表示領域より下になってしまい、コンテンツをすべて見るには一度下までスクロールして、それからまた一番上に戻らなければなりません。高さがはみでないように、どんどん横にカラムを重ねていくこともできますが、すると今度は横スクロールが必要になります。元の位置に戻らなくてもコンテンツ全体を閲覧できるものの、縦スクロールを前提とした従来のウェブページデザインから段組み部分が浮いてしまうことでしょう。ところが縦組み(縦書き)のウェブページで段組みにする場合は、こうした問題がウィンドウ高さに合わせた場合に偏ります。縦組みページで、ウィンドウ高さにあわせて、横へスクロールするように段組みにすると、横スクロールするだけでなく、スクロールを行ったり来たりする問題まで発生してしまいます。ウィンドウ幅にあわせて段組にした場合は、縦スクロールでどんどん読み進めることができます。印刷時にのみ重宝するプロパティと思われがちですが、縦書きと組み合わせることで、ウェブページでも大いに活躍してくれそうな気がします。縦書きに対応していない環境で段組みだけが有効になると、おかしな表示になってしまいます。分けるなどの工夫が必要となりそうですね。時代には段組みウェブページが増えるのではないかと思っているのですが、どうなるでしょうか。Web」を使って、縦書きウェブがどんなかんじになるのか予習してみましょう。縦書き段組みにすると、ときどき(?)ヒットをとばす「虚構新聞」さんに大新聞の風格が。表示設定を埋め込むこともできます。この機能を利用して、小説など読み物に適した設定で縦書きにしてみた例がこちら。心に響くすてきな文章を毎週(!)掲載している「傘をひらいて、空を」さんを縦書きにしてみました。横書きでもすばらしい文章ですけど、縦書きにすると何かしっとりとした味わいが出てくる気がします。日常の一コマをどうやったらこんなに美しく切り取れるのかと毎回思うブログです。個人的にはいつも縦書きにしてから読んでいます。今、ウェブにある縦書きいくつかある現在利用できるウェブ上で縦書きを実現するツールを紹介します。電子書籍風に表示するためのさまざまな機能が用意されています。動作が軽く小説など長文に向いています。スクロールではなくページ移動を表現できます。古いブラウザでも動作します。「涅槃」にあわせる必要が(多少)あります。特長リンク先もずんずん縦書き化します。ブックマークレットでいつでも好きなページを縦書きに変換できます。十倍から数十倍の容量に膨れあがります。ローカルファイルやログインが必要なページは変換できません。変更する必要がありません。ファイルを設置するだけで動作します。Taketori()).set().toVertical();」で、日本語文字列を自動判別し縦書き化します(自動判別ではうまく動作しない場合があります)。ブックマークレットでいつでも好きなページを縦書きに変換できます。処理が重いので、小説など長文に向きません。IE以外ではごく最近のブラウザでしか動作しません。既存HTMLの一部を縦書き化するのに向いた「竹取JS」というかんじでしょうか。最後に、弊社で開発を継続している「竹取JS」の今後について触れておきたいと思います。「竹取JS」ももともとは電子書籍的なものを射程に入れて企画されましたが、レイアウトの保持と引き換えに処理が重くなってしまったため、現在では縦書きCSSと縦書き以前CSSを橋渡しするツールとして開発されています。正しく解釈できる環境では、縦書き変換が動作しないようにしてあります。縦書き関連プロパティが普及した暁に、後方互換性のための補助的ツールとして使われることを予想してのことです。さんのご協力とアドバイスを得て(謝謝)、台湾(繁体字)環境向けのCSSやダイアログが整備されました。一部の台湾の方にも縦書きを楽しんで(?)いただけているようです。縦書き関連プロパティの動向を注視しつつ、縦書き非対応環境を、縦書き対応環境に近づけるためのツールとして使い勝手が良いよう、細かな調整を続けて行く予定です。段組み表示が可能になります。表示が崩れるので無効化しています。縦書き表示を実現する「竹取JS」を「MITライセンス」で公開しました。取Web」につづく縦書き応援企画第2弾です。