キケロから PageMaker へ: Lorem Ipsum の本当の歴史
Lorem ipsum はデザイナーがでっち上げた出鱈目ではなく、シャッフルされたキケロです。出典は紀元前 45 年に書かれた De finibus bonorum et malorum(『善と悪の究極について』)の 1.10.32–33 節で、'Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...' という一文が含まれます。冒頭の 'lorem' は文字どおり 'dolorem' の最初の音節が切り落とされた尻尾で、だからこのテキストは単語の途中から始まります。出典は 1980 年代まで不明のままでしたが、バージニア州 Hampden-Sydney College のラテン語学者 Richard McClintock が、古典文献の中で希少語 'consectetur' を追いかけてこの一節を突き止めました。
このテキストの現代のキャリアには 2 つの起点があります。1960 年代、Letraset がドライトランスファー式レタリングシートにこれを印刷し、あらゆる商業アート部門の目の前に置きました。1985 年、Aldus が DTP を生んだプログラム PageMaker のデフォルトプレースホルダーとして同梱し、そこからすべてのレイアウトツール、CMS テーマ、ウェブテンプレートへ広がりました。この長寿には実質的な理由があります。読めるプレースホルダーを渡すと、レビュアーはレイアウトではなく文言を批評し始めるのです。無意味だがもっともらしいテキストは、デザインレビューをデザインの話に保ちます。それがたまたま苦痛と快楽をめぐる 2,000 年前の道徳哲学だというのは上出来の皮肉です — dolorem ipsum、「苦痛そのもの」。
プレースホルダーテキストを機能させるタイポグラフィの数値
プレースホルダーテキストの価値は統計から来ます。英語の書き言葉の平均単語長は約 4.7 文字 — 後続のスペースを含めると約 5.7 文字 — で、古典的なタイポグラフィは快適な行長(measure)を 1 行 45〜75 文字とし、Robert Bringhurst が The Elements of Typographic Style で理想とした値が 66 文字です(経験則版: 小文字アルファベット 2〜3 セット、つまり 52〜78 文字)。Lorem ipsum の単語長分布は英語に十分近いため、段組に流し込むと実際の散文とほぼ同じように折り返し、ハイフネーションし、右端が自然に凸凹します。おかげで行長・行間・フォントサイズを正直に判断できます。'asdf asdf asdf' に絶対できないのがまさにこれです。同一単語の繰り返しは行をまたいで縦に揃い、偽物のホワイトスペースの川(river)を作り、均一なテクスチャが良いタイポグラフィも悪いタイポグラフィも覆い隠します。
ラテン語の語彙は縦方向も試験します。'aliquip' や 'suscipit' のような単語にはアセンダー(l、t、b)とディセンダー(p、q、g)が自然な頻度で混ざっており、アセンダーのない文字列では問題なく見えた行間の衝突があぶり出されます。一方で lorem が試験できないものもあります。大文字は文頭にしか現れず(オールキャップスの見出しなし)、数字がなく、ボールド/イタリックのインライン強調もありません。デザインがそのどれかに依存しているなら、実物のサンプルを意図的に差し込んでください。
Measure math for a body-text column:
66 chars/line ÷ 5.7 chars/word ≈ 11.6 words per line
avg glyph width ≈ 0.5em → 66 chars ≈ 33em ≈ 528px @ 16px
45–75 char range ≈ 22.5–37.5em ≈ 360–600px column widthLorem Ipsum があなたを欺くところ — そして擬似ローカライズ
Lorem ipsum の形はひとつだけ: スペースで区切られた中程度の長さのヨーロッパ語の単語。実際のコンテンツは、その形からは決して予測できないやり方で敵対的です。ドイツ語は英語よりおよそ 30% 長く、'Eingabeaufforderung'(コマンドプロンプト)のように固定幅ボタンの中で折り返しを拒否する単一の複合語を生み出します。フィンランド語やトルコ語は UI ラベルに接尾辞を膠着させていきます。中国語・日本語・韓国語のテキストは翻訳元の英語より密度が高く、単語間にスペースがなく、ほぼどこでも改行できます。つまり lorem だけでテストしたレイアウトは、line-break: strict や word-break の規則、CJK 特有のハイフンなしオーバーフローを一度も経験しません。アラビア語とヘブライ語は direction: rtl の下でレイアウト全体を鏡像反転させます。タイ語も単語間スペースがなく、辞書ベースの改行が必要です。
エンジニアリング側の対策は擬似ローカライズ(pseudo-localization)です。実際の UI 文字列を変換器に通し、文字をアクセント付きのそっくりさんに置き換えて長さを約 40% 水増しします — 'Account Settings' が '[!!! Àççôûñţ Šéţţîñĝš !!!]' のようになり、この偽ロケールでアプリを動かします。切り詰め、はみ出したボタン、ハードコードされた文字列連結が、翻訳者を一人も雇う前に即座に浮かび上がります。Microsoft も Netflix もこれを CI に組み込んでいます。
デザイン側の批判はさらに進みます。'design with real content' 運動は lorem ipsum を design debt と呼びます — 理想的なテキストに最適化されたレイアウトは、実在の名前やメールアドレスの前で崩壊するからです。実務的な中間解は、値の形が正しいリアルな代理コンテンツです — 名前フィールドは 'Alexandria Papadopoulos-Vanterpool' で、メールは RFC 上限の 254 文字で、カード番号は 19 桁でテストするのです。
// pseudo-localization: expand + accent real strings
"Save changes" → "[!!! Šàvé çhàñĝéš !!!]"
"Account Settings" → "[!!! Àççôûñţ Šéţţîñĝš !!!]"
// German-length reality check for a fixed-width button
"Edit" → "Bearbeiten" (2.5x wider)
"Command prompt" → "Eingabeaufforderung" (one unbreakable word)エンジニアリングワークフローの中の Lorem: シード、スナップショット、CI ガード
プレースホルダーテキストはモックアップのはるか先まで使われており、エンジニアリングで繰り返し要求されるのは決定性(determinism)です。faker.js(@faker-js/faker)や Ruby/Python の Faker 系ライブラリは名前や住所と並んで lorem.paragraphs() を公開しており、決定的に重要なことにシードを受け取ります。faker.seed(42) を指定すればデータベースのフィクスチャは実行のたびにバイト単位で同一になり、失敗したテストが同僚のマシンでも再現します。同じ規則がビジュアルリグレッションテストを支配します — シードなしの Math.random() で生成した lorem に対するスクリーンショット diff は、実行のたびに新しい「失敗」を生みます。生成テキストをフィクスチャに固定するか、RNG にシードを与えてください。負荷テストには現実的なフィールド長の lorem が必要です。10 文字の文字列でストレステストしたコメントテーブルは、2KB のコメントがカラムサイズやインデックスページに何をするかについて何も教えてくれません。
そして、どのチームもいつかは経験する事故クラスがあります: lorem が本番に出荷されること。ヒーローバナー、法務ページ、トランザクションメールのテンプレートに残ったプレースホルダー段落は、全員の視線が滑って通り過ぎるからこそレビューを通過します。Google は過去に何度も、'lorem ipsum' が残ったままの数千のライブページをインデックスしており、クローラーがこれを boilerplate と分類し得る以上 SEO 問題でもあります。安上がりな対策は CI ガードです。本番ビルドの成果物をこの文字列で grep し、ヒットしたらパイプラインを落とす。シェル 1 行で、恥ずかしいバグのクラスが赤い X に変わります。
// reproducible fixtures with a seeded generator
import { faker } from '@faker-js/faker';
faker.seed(42);
const body = faker.lorem.paragraphs(3); // identical every run
# CI guard: never ship placeholder text
if grep -ri "lorem ipsum" dist/; then
echo "Placeholder text found in production build" && exit 1
fiBacon Ipsum とその仲間たち: 派生、イースターエッグ、そのリスク
Lorem がインフラになると、お遊びのエコシステムが育ちました。Bacon Ipsum はラテン語の合間に食肉加工品を挟み、Cupcake Ipsum は全編デザート、Hipster Ipsum、Cat Ipsum、Pirate Ipsum は名前のとおりです。'Li Europan lingues' は毛色が違います — 人工言語 Occidental のサンプル文で、代替フィラーとして流通しています。純粋主義者なら、シャッフルされた定番版とキケロの原文そのままのラテン語から選ぶこともできます。テーマ付き ipsum は社内デモの無味乾燥さを和らげるのに本当に役立ちますが、古典テキストにはないキャリアリスクが付いてきます。罵倒語だらけの映画台詞バリアントである 'Samuel L. Ipsum' の段落がクライアントデモや営業資料のスクリーンショットに到達する、というのは現実に繰り返されている話です。古典テキストの無味さは機能です — あれのせいで謝罪した人はまだ誰もいません。