ダミーテキスト生成
このツールは、ブラウザ内でプレースホルダーテキストを生成します。古典的な一節は本物のラテン語——紀元前45年に書かれたキケロの文章の、崩れた抜粋——で、レイアウトにとって適切な語長の質感を与えてくれます。同時に純粋なASCIIでもあります。だからこそUnicodeモードが存在します。その目的はただひとつ、アクセント記号にも絵文字にも右から左への文字列にも出会ったことのないデザインを壊すことです。
ダミーテキスト生成はどう動きますか?
プレースホルダーテキストに求められる仕事はひとつです。本物のコンテンツに十分似ていて、テストしているレイアウトが本番と同じように振る舞うこと。そこから導かれる要件は2つありますが、ほとんどのジェネレーターはそのうちの1つしか満たしていません。
古典的な一節は本物のラテン語
“Lorem ipsum dolor sit amet”は、キケロのDe finibus bonorum et malorum(紀元前45年)から崩れた形で抜き出されたもので、1500年代以来、印刷業界のダミーテキストであり続けています。この歴史は飾りではありません。本物のラテン語は、語長も文字の出現頻度も実際の文章に十分近いため、その1段落は英語の1段落が占めるのとほぼ同じスペースを占めます。でっち上げた音節ではそうならず、ナンセンスな文字列ならうまく収まって見えた段組も、本物のコンテンツを入れるとあふれることがあります。
ラテン語はASCIIであり、それが問題
lorem ipsumだけでテストされたデザインは、行を高くしてしまうアクセント付き文字、キャップの高さより上に積み重なる結合記号、分割してはならない肌の色指定付き絵文字、長すぎて折り返せないドイツ語の複合名詞、句読点の周りで並び順が変わる右から左への文字列、スペースでは改行しないCJKテキストに、一度も出会っていません。そのどれもが実際のレイアウトを壊し、どれもラテン語には現れません。Unicodeモードはまさにその素材を作るために存在します。壊れるのが、公開後ではなくエディタの中で起きるようにするためです。
英語モードはレビューのためのもの
ラテン語を推す標準的な理由は、人がプレースホルダーを読み込んで原稿に口を出すのを防げることです。その反論は、現実的な見出しをデザインが収められないことにも気づけなくなる、というものです。現実的な文長のありふれた英語の単語なら、レビュアーが判断できるページになります。その代償は、ときどき“この文は何を意味しているの?”と聞かれることです。
決定論的だから、オプションを変えると何が変わったかがわかる
ジェネレーターはMath.randomではなく、シードを使います。ランダム出力では、段落数を変えるたびにすべての単語が振り直され、自分の変更が何をしたのか見えません。このツールでは、同じオプションとシードは常に同じテキストを生成し、rerollボタンで明示的に振り直せます。フィクスチャに入れたプレースホルダーテキストが実行のたびに安定するのも、同じ理由からです。
文の長さは平均に一致するのではなく、平均を中心にばらつきます。同じ長さの文ばかりの段落は塊のように読め、実際の文章のように折り返しを試してくれないからです。
オプション
3 paragraphs, Latin, starting with the canonical opening
出力
Lorem ipsum dolor sit amet, consectetur adipiscing elit quidem laudantium, natus recusandae provident…
ダミーテキスト生成が対応するオプションとエッジケースは?
| パラメータ | 型 | デフォルト | 動作とエッジケース |
|---|---|---|---|
| ラテン語 | バリエーション | クラシック | キケロの文章の本来の語彙。正しい単語の長さの質感、ASCIIのみ、そしてコピーをレビューする人がいないほど読みにくい。 |
| 英語 | バリエーション | — | 一般的な英語の単語。読みやすいが、それがメリットなのかデメリットなのかは、モックアップを見ている人による。 |
| Unicode | バリエーション | — | アクセント、結合文字、CJK、右から左のテキスト、修飾子付きの絵文字、長い連続する単語、見た目が似た文字。意図的に早期に失敗するように設計されている。 |
| ヒップスター | バリエーション | — | 英語の形をした無意味なテキスト。クライアントがプレースホルダーを読み続けてそれについて質問し続ける場合に有用。 |
| 単位 | 段落 / 文 / 単語 / リスト | 段落 | 指定された数の単語を正確に生成します。これは切り捨ての制限をテストする場合に重要です。 |
| 文の長さ | 単語 | 12 | 平均値であり、目標値ではありません。長さはその値を中心に変動し、均一な文では散文のような行の折り返しはテストできないからです。 |
| Loremで開始 | 真偽値 | on | 正規の冒頭から始まります。これにより、プレースホルダーテキストが一瞥してプレースホルダーとして認識できます。 |
| HTML | 真偽値 | off | 段落を<p>で、またはリスト項目を<ul><li>で囲み、マークアップに貼り付けられる状態にします。 |
| シード | 整数 | 1 | 決定論的な出力:同じオプションとシードは常に同じテキストを生成するため、オプションを一つ変更すると、そのオプションが何をしたかがわかります。 |
よくある質問
lorem ipsumは本当にラテン語ですか?
はい、崩れた形のラテン語です。出典はキケロのDe finibus bonorum et malorum、セクション1.10.32(紀元前45年)で、原文は"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet"で始まります。1500年代の印刷業者がこれをダミーテキストにスクランブルし、以来ずっと使われ続けています。単語は本物で、テキストとしては何も意味していません。
なぜUnicodeモードがあるのですか?
ラテン語は純粋なASCIIだからです。lorem ipsumだけでテストされたレイアウトは、行を高くする結合記号、分割してはならない肌の色指定付き絵文字、折り返せない長さのドイツ語の複合名詞、句読点の周りで並び順が変わる右から左への文字列に、一度も出会っていません。それらはすべて実際のデザインを壊します。Unicodeモードは、デザインがまだエディタの中にあるうちに、それらを目の前に置いてくれます。
プレースホルダーテキストはラテン語と英語のどちらを使うべきですか?
人に言葉ではなくレイアウトを見てほしいならラテン語です。初期のワイヤーフレーム、余白の決定などがそうです。デザインが実際のコンテンツを収められるかについて現実的な判断をしたいなら英語です。見出しがモックアップの想定より4語長くなっているといった問題が見えるようになるのは、このときです。どちらも、公開前に本物の原稿を入れることの代わりにはなりません。
同じオプションなのに、毎回同じテキストになるのはなぜですか?
ジェネレーターがランダムではなくシード方式だからです。ランダム出力では、段落数を変えるたびにすべての単語が振り直され、変更が何をしたのかわかりません。別のテキストが欲しいときはrerollを押します。テストフィクスチャに貼り付けたプレースホルダーテキストも安定するため、スナップショットテストが実行のたびに失敗することもありません。
プレースホルダーテキストのまま公開すると、SEOに悪影響がありますか?
はい。ただし人が恐れるような形ではありません。Googleにlorem ipsumペナルティはありません。起きることはもっと悪く、もっと地味です。ページが意味のあるコンテンツのないままインデックスされ、何にもランクインせず、低品質(thin)に分類されるかもしれないのです。本当のリスクは、プレースホルダーのまま公開してしまうことそのものです。リリースのたびに、自分のドメイン内で"lorem ipsum"を検索してください。
何かアップロードされますか?
いいえ。単語リストもジェネレーターもページの中にあり、何もリクエストせず、何も送信しません。プレースホルダーテキストは機密情報ではないため、実のところこのツールでは問題になりません。それでも、このサイトのすべてのツールに同じルールが適用されます。一貫性のある動きの方が、例外を作るよりずっと説明しやすいからです。