FIRST CH TOOLS / テキスト / 53 JAPANESE DUMMY TEXT GENERATOR
和文ダミーテキスト生成
デザインカンプ・モックへ流し込む日本語のダミー文を作ります。文字数と段落数を指定でき、漢字の割合をスライダーで変えられるので、実際の原稿に近い文字の黒みで確かめられます。見出しと箇条書きを混ぜた記事モード、プレーン/HTML/Markdown出力、Lorem Ipsum(欧文)つき。段組み幅・文字サイズ・行間を変えながら、流し込んだ見え方もその場で試せます。
条件を決めます
10〜20,000字。文の区切りで止めるため、実際の文字数は指定より少し前後します。
「1行に1文」を選んだときは、この数だけ文を並べます。
段落ごとに±25%ほどばらつかせます(実際の原稿も段落の長さは揃っていないため)。
和文の見た目は漢字の多さでほとんど決まります。実務のWeb原稿はおおむね25〜35%、やわらかい案内文は20%前後、技術文書は40%前後です。チェックを外すと在庫のばらつきをそのまま出します。長い文章ほど指定からずれます——同じ文の繰り返しを避けるほうを優先するため、在庫を使い切るにつれて中央(30%前後)へ寄ります。実際の割合は下の集計に出ますので、そちらを見てください。
文字数制限の検証に使うときはこちら。末尾が文の途中で切れることがあり、その場合は最後の1字を「。」に替えて字数を保ちます。
見出し(h2/h3)・段落・箇条書きをランダムに組み合わせます。
"Lorem ipsum dolor sit amet, consectetur adipiscing elit" で書き出します。
同じ seed なら何度でも同じ文面が出ます。カンプを作り直すときやチームで同じダミーを使いたいときは、この数字を共有してください。
生成した文の字数やXでの見え方は 文字数カウント・X(Twitter)投稿の文字ウェイト計算で、全角半角の統一は 全角⇄半角変換&テキストクリーナーで確かめられます。氏名・住所・メールのような項目のダミーが要るときは テストデータ生成のほうです。
段組みに流し込んだ見え方
和文の両端揃えは、行末の字間が開いて行ごとに文字の間隔がばらつくことがあります。ここで実際の幅に当てて確かめてください。
1行の文字数はおよそ「段組みの幅 ÷ 文字サイズ」です(和文はほぼ全角=正方形なので)。読みやすいとされるのは1行35〜45字で、640px・16pxならちょうど40字ほどになります。行間は文字サイズの1.7〜1.9倍が和文の目安で、欧文と同じ1.4倍にすると詰まって見えます。
ダミーテキストで失敗しないために
「あいうえお」の反復では確かめられない
同じ文字を並べたダミーは文字の黒みも改行位置も本物と違います。和文の見た目を決めているのは漢字とかなの散らばり方で、漢字が続けば黒く詰まって見え、かなが続けば白っぽく間延びして見えます。反復したダミーではこのムラが出ないため、原稿を入れた瞬間に「思っていたより重い/スカスカ」になります。このツールが漢字の割合をスライダーにしているのはそのためです。
Lorem Ipsum を和文の代わりにしない
欧文は単語の切れ目で折り返し、語と語のあいだに必ず空白が入ります。和文はどこでも折り返せて空白もありません。Lorem Ipsum で組んだレイアウトへ日本語を入れると、行の密度・改行位置・両端揃えの見え方がまるごと変わります。欧文併記のデザインを確かめたいときだけ Lorem Ipsum を選んで、和文の枠は和文で確かめてください。
漢字の割合はジャンルでこれくらい違う
実務でよく見るWeb原稿はおおむね25〜35%、子ども向けや案内・接客の文は15〜22%、技術文書・法務文書は38〜45%あたりに寄ります。同じ文字数でも40%と20%では面積の印象がはっきり変わるので、クライアントの原稿がどちら寄りかを一度数えて、その値に合わせて作ると手戻りが減ります。文字数カウントで既存原稿の内訳を見られます。
長さは「文字数」ではなく「行数」で効いてくる
カードやヒーローの崩れは、たいてい想定より1行増えたことで起きます。1行の文字数はおよそ「段組みの幅 ÷ 文字サイズ」なので、幅640px・16pxなら40字、スマートフォンの幅335px・15pxなら22字です。カードの見出しが2行で収まる前提なら、44字を超えた瞬間に崩れます。「流し込んで見る」タブで実際の幅に当てて、何行になるかを先に確かめてください。
いちばん長い場合と、いちばん短い場合を両方入れる
ダミーを1種類しか流し込まないデザインは、たいてい実データの端で壊れます。商品名が2文字しかない行、見出しが3行になる行、箇条書きが1件しかない状態——この3つは実際に起きます。文字数を指定してちょうどの長さで作れるので、想定の最小と最大の両方で一度ずつ流し込んでおくと、あとから直す量が大きく減ります。
行頭に句読点が来ていないか
ブラウザは既定で禁則処理を行い、「。」「、」「)」が行頭に来ないよう前の行へ押し込みます。ただし word-break: break-all を当てていると禁則が崩れ、行頭に句点が落ちることがあります。和文では line-break: strict + overflow-wrap: anywhere の組み合わせが無難です。ダミーを入れた状態で、行頭に約物が来ていないかを目で追ってください。
両端揃え(justify)は和文では裏目に出やすい
欧文の両端揃えは単語間の空白を伸ばして調整しますが、和文には伸ばせる空白がありません。そのため字間そのものが開き、行ごとに文字の間隔がばらついて読みにくくなります。印刷物のように追い込み・追い出しの調整ができない画面では、左揃えのままにしておくほうが安全です。プレビューで両方を切り替えて比べられます。
ダミーのまま公開してしまう事故を防ぐ
ダミーテキストの最大の事故はそのまま公開されることです。Lorem Ipsum は英字なので目立ちますが、自然な和文ダミーはぱっと見で気づけません。公開前に固有の目印(「ダミー」「TODO」など)で全文検索できるようにしておくか、原稿の差し替えをチェックリストに入れてください。ここで生成した文は在庫から組み合わせたもので、実在の企業・人物・商品を指しません。
seed を共有すると、同じダミーを再現できる
生成は seed 付きの擬似乱数で行うため、seed と条件が同じなら何度でも同じ文面が出ます。カンプを描き直すとき、デザイナーと実装者で同じダミーを使いたいとき、スクリーンショットの差分を取りたいときは、URLごと共有してください(URLに seed と条件が入ります)。逆に毎回違う文面がほしいときは「別の文面にする」を押します。
文の出どころ
「ビジネス・Web文」は当社が書き下ろした汎用文で、特定の企業・業種を指しません。「近代文学」は著作権の保護期間が満了した作品の一節です(夏目漱石『吾輩は猫である』『坊っちゃん』『草枕』『三四郎』、芥川龍之介『羅生門』『蜘蛛の糸』、太宰治『走れメロス』、宮沢賢治『注文の多い料理店』、梶井基次郎『檸檬』、森鴎外『高瀬舟』——いずれも青空文庫で公開されています)。現代の実務文より漢字の使い方が古いので、コーポレートサイトのカンプには「ビジネス・Web文」か「両方を混ぜる」のほうが合います。
このツールと /testdata/ の使い分け
こちらは文章の流し込み用で、出てくるのは段落・見出し・箇条書きです。氏名・フリガナ・住所・電話番号・メールアドレスのようにフォームやCSVの項目を埋めるダミーが要るときは テストデータ生成を使ってください(境界値テスト用に「ちょうどN文字」の文字列を作る機能もあります)。両方を組み合わせると、一覧画面の行データと詳細画面の本文を同時に用意できます。
How to Use
- 条件を決める文体(ビジネス/近代文学/Lorem Ipsum)と出力の形(段落だけ/記事/1行1文)を選び、全体の文字数か段落数を入れます。漢字の割合を実際の原稿に近づけると、文字の黒みが本物に寄ります。
- 流し込んで確かめる「流し込んで見る」タブで段組みの幅・文字サイズ・行間を実際の値に合わせ、何行になるかを見ます。1行の文字数はおよそ「幅 ÷ 文字サイズ」です。
- コピーして貼るプレーンテキスト・HTML(<p>/<h2>/<ul>)・Markdown から形式を選んでコピーするか、ファイルとしてダウンロードします。同じ文面が要るときは seed ごとURLを共有してください。
About This Tool
和文の見た目は、漢字とかなの散らばり方でほとんど決まります。同じ文字を並べたダミーや Lorem Ipsum では、文字の黒み・改行位置・行の密度が本物の原稿とまるで違うため、原稿を入れた瞬間にレイアウトが崩れます。このツールは文の在庫から選んで組み立てる方式で、しかも選ぶときに漢字の割合を見ているので、指定した黒みに寄せたダミーを作れます。実務のWeb原稿はおおむね25〜35%、やわらかい案内文は20%前後、技術文書は40%前後です。ただし指定どおりの割合が必ず出るわけではありません——在庫は有限で、同じ文が何度も出ないことのほうを優先するため、長い文章では使える文が尽きて中央へ寄ります。実際に何%になったかは集計に出していますので、そちらを見て判断してください。
文の途中では切りません。目標の文字数に達するまで文を足していき、行き過ぎるくらいなら1文手前で止めます(残りにちょうど収まる長さの文が在庫にあれば、それを優先して使います)。文字数制限の検証などできっかり合わせたいときだけ「指定の数にぴったり合わせる」を有効にしてください——このときは末尾が文の途中になることがあり、最後の1字を「。」に替えて字数を保ちます。
生成は seed 付きの擬似乱数で行います。seed と条件が同じなら何度でも同じ文面が出るので、カンプを描き直すときやチームで同じダミーを共有したいときに再現できます。文の在庫は2系統で、「ビジネス・Web文」は当社が書き下ろした汎用文(特定の企業・業種を指しません)、「近代文学」は著作権の保護期間が満了した作品の一節です(夏目漱石・芥川龍之介・太宰治・宮沢賢治・梶井基次郎・森鴎外。いずれも青空文庫で公開されています)。欧文の見え方を比べたいときは Lorem Ipsum も選べます。
流し込んだ見え方をその場で試せます。段組みの幅・文字サイズ・行間・行の揃えを変えながら実際の描画を見られるので、「カードの見出しが2行で収まるか」「両端揃えで字間がばらつかないか」を実装前に確かめられます。生成も描画もすべてブラウザ内で完結し、入力・出力はサーバーへ送信されません。URLパラメータで直接呼び出せます: /dummy-text/?chars=600&style=business&shape=article&format=html&kanji=30&seed=12345
Other Tools
- 01画像→WebP一括変換WebP Converter
- 02白背景の透過White BG Remover
- 03コントラスト比チェッカーContrast Checker
- 04文字数カウントCharacter Counter
- 05llms.txt ジェネレーターllms.txt Generator
- 06JSON-LD構造化データ生成JSON-LD Generator
- 07Markdown→PDF変換MD → PDF
- 08OGPメタタグ生成ウィザードOGP Wizard
- 09faviconジェネレーターFavicon Generator
- 10TikTok投稿ツールTikTok Publisher
- 11文字コード・改行コード変換Encoding Converter
- 12画像→AVIF変換+picture生成AVIF Converter
- 13テストデータ生成Test Data Generator
- 14Marp Markdown→スライドMarp Slides
- 15テキスト・コード差分チェッカーDiff Checker
- 16Cron式ビジュアル解説&発火日時Cron Explainer
- 17Base64 & Data URI変換Base64 & Data URI
- 18URLパラメータ分解・UTMタグ編集URL Parameters
- 19HTMLエンティティ・特殊文字エスケープHTML Escape
- 20JSON ⇄ YAML 相互変換&整形JSON ⇄ YAML
- 21PX ⇄ REM / EM 単位変換&スケール表PX ⇄ REM / EM
- 22Colorコード変換&アルファ透過Color Converter
- 23MD5 / SHA-256 ハッシュ生成Hash Generator
- 24JWTデコーダー&有効期限チェッカーJWT Decoder
- 25User-Agent解析&デバイス判定User-Agent Parser
- 26UUID (v4) & ULID 一括生成UUID & ULID Generator
- 27アスペクト比計算&レスポンシブサイズAspect Ratio Calculator
- 28Markdownテーブル整形&CSV/TSV変換Markdown Table
- 29SQLクエリフォーマッター&整形SQL Formatter
- 30QRコード生成QR Code Generator
- 31正規表現テスターRegex Tester
- 32UNIXタイムスタンプ⇄日時変換Unix Time Converter
- 33新規タブメモ帳New Tab Memo
- 34画像リサイズ&クロップImage Resizer
- 35EXIF情報の確認&除去EXIF Viewer
- 36robots.txt ジェネレーターrobots.txt Generator
- 37安全なパスワード生成Password Generator
- 38文字列ケース変換Case Converter
- 39CSV/TSV ⇄ JSON 相互変換CSV ⇄ JSON
- 40PDF結合・分割・ページ抽出PDF Merge & Split
- 41全角⇄半角変換&テキストクリーナーZenkaku ⇄ Hankaku
- 42X(Twitter)投稿の文字ウェイト計算X Post Counter
- 43CSS clamp() フルイドタイポグラフィ計算機CSS clamp() Calculator
- 44CSSグラデーションジェネレーターCSS Gradient Generator
- 45画像からカラーパレット抽出Palette Extractor
- 46QRコード読み取りQR Code Reader
- 47SVG最適化&data URI化SVG Optimizer
- 48リダイレクトルール ジェネレーターRedirect Generator
- 49IPアドレス・CIDR計算機CIDR Calculator
- 50カレンダー予定(.ics)ジェネレーターICS Generator
- 51イージング(cubic-bezier)プレビュー&比較Easing Preview
- 52box-shadow ジェネレーターbox-shadow Generator