ブラウザの縦書き表示なんとかならないものかな

Question

ブラウザで縦書き表示をしたいけど
思うようにレイアウトされないし
ズレるし
レスポンシブに対応できないし
なかなかレイアウトしっかり表示させようと思うと大変

Comments

[Zuishin]

雑談かな？

[imaiyumi]

そうね、愚痴というか雑談というかww

縦書き表示の雑談が盛り上がって
雑談の中から何かヒントが得られれば

[yambejp]

縦読みの暗号かとおもったらそうでもない・・・

[Lhankor_Mhy]

「そうだねー」という回答でいいですか？

https://teratail.com/help/avoid-asking#:~:text=%E6%BC%A0%E7%84%B6%E3%81%A8%E3%81%97%E3%81%9F%E8%88%88%E5%91%B3%E3%81%8B%E3%82%89%E7%A5%A8%E3%82%92%E5%8B%9F%E3%82%8B%E3%82%88%E3%81%86%E3%81%AA%E8%B3%AA%E5%95%8F%E3%82%84%E3%80%81%E6%84%8F%E8%A6%8B%E3%81%AE%E4%B8%BB%E5%BC%B5%E3%82%92%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%82%92%E7%9B%AE%E7%9A%84%E3%81%A8%E3%81%97%E3%81%9F%E6%8A%95%E7%A8%BF%E3%81%AF%E6%8E%A8%E5%A5%A8%E3%81%97%E3%81%A6%E3%81%84%E3%81%BE%E3%81%9B%E3%82%93

[imaiyumi]

ブラウザで書籍、文庫本が作りたいんや
文庫本といったら縦書きやし

文章を流し込みで
レイアウトに流すとそれが縦書きに表示される
らしいものまでは実装できるんだけど

スマホで幅が狭くなると右側がちょん切れてしまう
ちょん切れたら縦書きの次のレイアウトに流れ込んだらな・・
ちょん切れて次に流れさせられるなら
文章を勝手に改ページみたくできればとか

いろいろ課題が難しいなと

[yambejp]

具体的にどういう文書がどう想定と違う表示になるかソースを提示すべきでは？
愚痴だけ言って回答を希望していないなら個人SNSにで呟けばいいだけの話

[Lhankor_Mhy]

ブラウザで本を作るなら、そもそもCSSで禁則やカーニングをするだけでも大変ですし、組版で期待してた仕様の CSS Regions は死んでしまったし。

というか、スクロールメディアの上で「なんちゃってページメディア」を作ろうとするのが間違ってる感じはしますね。基本、ブラウザではスクロールさせた方が読みやすいんですよ。ウェブトゥーンとか流行るのもわかる。

なにかしらのプラグインやライブラリが必要になるかと思います。
そういう意味では vivliostyle がいいかもですねー。
https://vivliostyle.org/ja/getting-started/

理事の人がW3CのWGにいたりする感じなので、↓この辺の仕様が進んでくれればなー、という淡い期待も。アンテナハウスがんばれ。
https://www.w3.org/TR/2009/NOTE-jlreq-20090604/ja/
https://www.w3.org/TR/wpub/

[imaiyumi]

なるほどね
こういうのがあるんだ
今回、実装しようとしてることとか少し違うけど
こんな感じの情報を知れたらなと思ってた

[m.ts10806]

質問本文に書かれてないことは考慮されないかと。

[Lhankor_Mhy]

結局、みんなが縦書きページをやらないから知見が蓄積しないし、不具合も修正されないって話よね。

はてなでカクヨムの縦書きモードを実装した時の話とか、各ブラウザがバグだらけクソ笑える。Issue出すの大事。
https://developer.hatenastaff.com/entry/2018/09/11/152905

[Zuishin]

ワードの縦書きにすら不満があります。文書作りに Excel を使う人もいます。
縦書きもルビも方眼紙も使わない人たちの決めたものに期待するのはやめて、行ごとに画像化して Ajax で取得するのが一番簡単で美しいかもしれません。フォント問題も解決するし。