Lorem Ipsum とダミーテキスト

Lorem Ipsum の由来

おなじみの「Lorem ipsum dolor sit amet…」は、キケロが紀元前 45 年に書いた De finibus bonorum et malorum（『善と悪の究極について』）の一節を崩したものです。単語が切られ、変えられています。「lorem」は、原文で行をまたいで分かれた「dolorem」の後半です。その結果、ラテン語のように見えても、ラテン語としては読めません。

印刷業者はこうした埋め草を長く使ってきました。1960 年代に Letraset の転写シートで広まり、1980 年代には Aldus PageMaker などの DTP ソフトに収録されていました。1990 年代にラテン語学者のリチャード・マクリントックが、この文章の出典がキケロであることを突き止めました。原典は 2000 年以上前の文章なので、自由に使えます。

デザイナーがダミーテキストを使う理由

読める文章は注意を引きます。レビューの場で、人はレイアウトではなく文言について話し始めてしまいます。lorem ipsum は短い単語と長い単語が自然に混ざり、意味がないので、目は文ではなく行、段落、文字の濃さを見ます。そのため、次のような場面で役立ちます。

• 段の幅、行間、文字サイズといった初期のレイアウトとタイポグラフィの検討
• 後で多くの書き手の内容が入るテンプレートやコンポーネント
• 同じ場所に非常に短いテキストと非常に長いテキストを入れたときのページの動きの確認

ダミーテキストが誤解を招くとき

lorem ipsum はどこに貼っても同じ長さですが、実際の内容はそうではありません。よくある想定外は次のとおりです。

• 見出しとボタンは、後から書いた文言が埋め草より長かったり短かったりしてレイアウトが崩れます。平均ではなく、最も短い文言と最も長い文言で試しましょう。
• 名前、住所、価格には独自の形があります。二重姓、30 文字の通り名、通貨記号と桁区切りの付いた価格などです。
• 翻訳は英語より長くなることが多く、短いラベルは 2 倍の長さになることもあります。ドイツ語の複合語は、ハイフネーションしない限り行の途中で分かれません。
• 実際の構造には箇条書き、リンク、引用、見出しがありますが、lorem ipsum の塊にはそれが現れません。

ユーザビリティテストには現実的なテキストを使ってください。情報がラテン語の埋め草では、参加者はページが理解できるか、そこで情報を見つけられるかを判断できません。

ほかの言語のダミーテキスト

ラテン文字でうまくいくレイアウトも、ほかの文字では崩れることがあります。中国語と日本語は単語の間にスペースを入れずに書くため、ほぼどの 2 文字の間でも改行でき、一部の約物を行頭に置かない規則があります。韓国語は語のまとまりの間にスペースを入れますが、1 行に入る音節の形がはるかに多様です。どれもその文字を収めたフォントが必要で、指定したフォントに文字がなければ、ブラウザーは幅や行の高さの異なる別のフォントに置き換えます。

そのため LeedyBox の生成ツールは、韓国語、日本語、中国語のダミーテキストも作れます。多言語のサイトなら、lorem ipsum ではなく対象の文字のテキストで各レイアウトを試してください。

作業ごとのより良いダミー

Faker のようなテストデータライブラリは、プロトタイプや自動テスト向けに、もっともらしい名前、住所、日付を多くの言語で生成できます。

公開する前に

公開ページに残ったダミーテキストは雑な印象を与え、読者にも検索エンジンにも何ももたらしません。公開前に次を確認しましょう。

• コードとコンテンツ管理システムで「lorem」「ipsum」、そして「TODO」や「TBD」などチームで使う目印を検索する
• ページタイトル、メタディスクリプション、画像の代替テキスト、空の状態のメッセージ、メールテンプレートなど、レビューで誰も読まない場所を確認する
• 一度スクリーンリーダーでページを聞いてみる。埋め草や抜けたラベルは、耳で聞くとずっと気づきやすい

よくある質問