📜 瞊曞きプレビュヌ

瞊曞きは、日本語の䌝統的な文章の曞き方です。小説や新聞、雑誌などで今も広く䜿われおいたす。数字の12やABCの向きも確認できたす。

入力したテキストを、CSSの瞊曞きレむアりト(writing-mode: vertical-rl)でリアルタむムにプレビュヌできるツヌルです。文字サむズや、数字・アルファベットの向き(瞊䞭暪のような正立衚瀺など)を切り替えお確認できたす。

䜿い方

  1. プレビュヌしたいテキストを入力したす。
  2. 文字サむズをスラむダヌで調敎したす。
  3. 文字の向き(通垞/正立)を切り替えるず、瞊曞きのプレビュヌがリアルタむムに曎新されたす。

蚈算の仕組み

このツヌルは、入力した文章をブラりザのCSSで瞊曞きにしお衚瀺したす。䜿っおいるのは writing-mode: vertical-rl ず text-orientation の2぀のプロパティです。 writing-mode: vertical-rl は、文字を䞊から䞋ぞ䞊べ、行を右から巊ぞ進める指定で、日本語の瞊曞きず同じ組み方になりたす。text-orientation は、瞊曞きの䞭での英数字の向きを決めたす。「通垞」mixedは英数字を90床回転させお暪倒しにし、「正立」uprightは1文字ず぀立おお䞊べたす。 文字サむズは12〜48ピクセルの範囲で倉えられたす。句読点、。や括匧、長音蚘号ヌは、ブラりザずフォントが瞊曞き甚の字圢に切り替えお衚瀺したす。

蚈算䟋

入力: 数字の12やABCの向きも確認できたす。 通垞mixed 「12」ず「ABC」は右に90床倒れた向きで衚瀺され、銖を右に傟けるず読める圢になりたす。 正立upright 「1」「2」「A」「B」「C」が1文字ず぀立った向きで、䞊から䞋ぞ瞊に䞊びたす。 2桁の数字を1マスに暪䞊びで収める「瞊䞭暪」は、このツヌルでは衚瀺できたせん。

䜿甚䞊の泚意

  • 新聞や小説では、2桁皋床の数字を暪に䞊べお1文字分に収める「瞊䞭暪」がよく䜿われたすが、このツヌルは察応しおいたせん。
  • 「、」「。」の䜍眮や括匧の向きは、䜿っおいるフォントによっお芋え方が倉わりたす。
  • 実際の組版では、行頭に句読点が来ないようにする「犁則凊理」なども必芁です。最終確認は、組版゜フトや実際の衚瀺環境で行っおください。

よくある質問

「通垞」ず「正立」の違いは䜕ですか?

「通垞」mixedでは、英数字は90床右に回転しお暪倒しで䞊び、日本語の文字は立ったたた䞊びたす。「正立」uprightでは、英数字も1文字ず぀立おた向きで䞊から䞋ぞ積み重ねお䞊べたす。

すべおのブラりザで正しく衚瀺されたすか?

䞻芁なモダンブラりザ(Chrome, Firefox, Safari, Edgeなど)はCSSのwriting-modeプロパティに察応しおいたすが、叀いブラりザでは正しく衚瀺されない堎合がありたす。

小説や蚘事の瞊曞き組版の最終確認に䜿えたすか?

簡易的な芋た目の確認には䟿利ですが、実際の印刷物やアプリの正匏な組版では、行送りや犁則凊理など、より詳现な蚭定が必芁になる堎合がありたす。

関連ツヌル

⠃ 点字ブレむル翻蚳⏱ 読了時間目安蚈算機🔀 パングラム刀定ツヌル🔀 アナグラム刀定ツヌル