Lorem Ipsumとは？プレースホルダーテキストの歴史と目的
Lorem Ipsumは、デザインや出版で何世紀も使われてきた仮テキストです。実際の文章の意味に気を取られず、レイアウト、タイポグラフィ、余白、読みやすさを確認するために使われます。
目次
Lorem Ipsumとは？
Lorem Ipsumは、Webサイト、印刷物、アプリ画面、モックアップなどで使うプレースホルダーテキストです。最終原稿がまだない段階で、文章が入った状態の見た目を確認できます。
標準的な文は「Lorem ipsum dolor sit amet...」で始まります。一見すると意味不明ですが、完全なランダム文字列ではなく、古典ラテン語の文章を切り貼りして意味がほぼ失われた形です。
Ciceroに由来する起源
Lorem Ipsumの元になった文章は、紀元前45年ごろのCiceroによる著作De Finibus Bonorum et Malorumに由来するとされています。現在使われるLorem Ipsumは、その文章をそのまま引用したものではなく、語句が削られ、並び替えられた変形です。
このため、ラテン語らしい語形と自然な文章密度を持ちながら、現代の読者には具体的な意味が伝わりにくいという、仮テキストとして都合のよい性質を持っています。
活版印刷からWebまでの歴史
Lorem Ipsumは、活字見本やレイアウト見本で長く使われてきました。20世紀にはLetrasetの転写シートによってグラフィックデザインの現場へ広まり、1980年代のDTPソフトによってデジタル制作にも定着しました。
現在では、Webデザインツール、CMSテーマ、UIライブラリ、プロトタイプ、テンプレートなど、ほぼあらゆる制作工程で見かけます。
デザイナーがLorem Ipsumを使う理由
- 文章の意味ではなく、見た目と情報密度に集中できる。
- 見出し、段落、カード、モーダルなどの余白や改行をテストできる。
- 最終原稿を待たずに、デザイン作業を進められる。
- 短文、長文、複数段落など、さまざまな長さでレイアウトを試せる。
Lorem Ipsumの構造
| 要素 | 例 | 役割 |
|---|---|---|
| 冒頭 | Lorem ipsum dolor sit amet... | よく知られた開始文。dolorem ipsumをもとにした改変文です。 |
| 中心語彙 | dolor, amet, consectetur, adipiscing | ラテン語風の語彙により、本物の本文に近いリズムになります。 |
| 文章のリズム | 短い文と長い文を混ぜる | 改行、段落の密度、タイポグラフィを確認しやすくします。 |
| 意味 | 現代の読者にはほぼ意味を持たない | レビュアーが文言ではなく、レイアウトと視覚設計に集中できます。 |
Lorem Ipsumジェネレーターの仕組み
多くのジェネレーターは、ラテン語風の単語リストから単語を選び、文や段落として組み立てます。必要に応じて「Lorem ipsum dolor sit amet...」を冒頭に入れ、段落数、文数、単語数、HTMLタグ付き出力などを選べるようにしています。
目的は言語として正確な文章を作ることではなく、本物の本文に近い視覚的な密度とリズムを再現することです。
業界別の用途
Webデザインと開発
ページレイアウト、レスポンシブ表示、カード、ブログ一覧、モーダル、フォーム周りの見た目を確認するために使われます。
UI/UXとプロトタイピング
Figma、Sketch、Adobe XDなどで、ワイヤーフレームや高精度モックに仮テキストを入れ、画面の流れと視覚バランスを検証します。
印刷と出版
本、雑誌、新聞、パンフレットの段組み、余白、行間、見出しサイズを確認するために使われます。
CMSテーマ開発
WordPress、Shopify、Drupalなどのテーマでは、実際の記事や商品データがなくてもデモサイトを構成できます。
Lorem Ipsumの代替案
状況によっては、Lorem Ipsumよりも実際の文脈に近い仮データを使う方が効果的です。
| 代替案 | 説明 | 向いている用途 |
|---|---|---|
| 実際のドラフト文 | プロジェクト用に書いた仮原稿 | 最終内容に近い情報がある後半フェーズ |
| 構造化された仮文 | 見出し、リスト、CTAなど実際の構造に近い文 | SaaS、EC、ダッシュボードなどのUI |
| テーマ付きIpsum | Hipster IpsumやBacon Ipsumなど | 社内用の軽いモックや遊びのある案件 |
| 生成された商品・ユーザーデータ | 商品名、価格、レビュー、プロフィールなど | EC、CRM、管理画面 |
| 多言語プレースホルダー | 複数言語の仮テキスト | 国際化、長い単語、改行、文字幅の検証 |
content-firstをめぐる議論
content-firstの考え方では、実際の内容こそがレイアウトを決めるべきだとされます。Lorem Ipsumだけで設計すると、実際の文章が入ったときに見出しが長すぎる、説明が短すぎる、CTAが不自然、といった問題が後から見つかることがあります。
実務では、初期探索ではLorem Ipsumを使い、方向性が固まり次第、実際に近いドラフト文へ置き換えるのが現実的です。
ベストプラクティス
推奨
- 最終コンテンツに近い長さで生成する。
- 短い文と長い文の両方でレイアウトを試す。
- Webでは段落タグ付き出力を使い、HTML構造も確認する。
- 公開前チェックリストに、仮テキストの残り確認を入れる。
- できるだけ早く実際のドラフト文へ移行する。
避けること
- 仮テキストを残したまま公開しない。
- ユーザビリティテストで意味のない文だけを使わない。
- 見出し、リスト、CTAなど実際の構造を無視しない。
- 最終プレゼンでLorem Ipsumだけに頼らない。
Lorem Ipsumをすぐに生成
無料のLorem Ipsumジェネレーターで、段落、文、単語をカスタム設定付きで生成できます。HTMLラップやライブ統計にも対応し、ブラウザ内で処理されます。
Lorem Ipsum Generatorを開く参考資料
- Cicero, Marcus Tullius - De Finibus Bonorum et Malorum
- Richard McClintock - Lorem IpsumをCiceroの著作にたどったラテン語研究者
- Letraset - Lorem Ipsumをデザイン現場に広めた転写シート
- Aldus PageMaker - Lorem IpsumをDTP時代へ広めたソフトウェア