- デザインカンプやワイヤーフレームを作るとき、まだ正式な文章が決まっていない箇所に仮置きする意味のないテキストのこと。レイアウトや文字組みの確認に使う
- 世界標準のダミーテキストが「Lorem ipsum（ロレム・イプサム）」で、古代ラテン語に由来する意味のない文字列。1500年代の印刷業者が活版印刷のレイアウト確認に使ったのが起源とされる
- あえて意味を持たない文章にするのは理由がある。実際の文章を使うとクライアントがデザインではなく文章の内容（誤字・脱字など）に注目してしまうからだ
【深掘り】これだけ知ってればOK！
ダミーテキストが必要になる場面は具体的だ。Webサイトのデザインカンプを作るとき、サービスの説明文・ブログ記事本文・お客様の声といったテキストエリアに「aaaa」や「テキストが入ります」と書くのは見た目が雑になる。かといって未確定の実文章を入れると、クライアントがレイアウトではなく文章の正確さのチェックを始めてしまい、デザインレビューの目的が果たせなくなる。ダミーテキストはこの問題をエレガントに解決するツールだ。
日本語のダミーテキストはLorem ipsumほど標準化されていない。漢字・ひらがな・カタカナが混在する日本語特有の字面の確認には、元のテキストに似た文字種の割合を保ちながら内容だけを無意味化した日本語ダミーテキスト生成ツールが存在する。クライアントへのプレゼン資料では、読まれて混乱しないよう適切なダミーテキストを使うことがプロフェッショナルの作法だ。
開発環境でダミーテキストが使われる場面も多い。DBのシード（初期データ投入）でユーザー名・商品説明・レビュー文などにダミーテキストを使うことで、本番に近い見た目でUIの動作確認ができる。PythonのFaker・JavaScriptのfakerjs・RubyのFakerライブラリなどがランダムなダミーデータを生成してくれるツールとして開発現場で広く使われている。
よくある誤解
Lorem ipsumは無意味な単語の羅列だという誤解
実はキケロの著作から派生した古典ラテン語テキストで、起源をたどれば意味がある文章だった。印刷業者が文字を崩した結果として現在の形になったという経緯がある。完全な創作ではなく歴史的な経緯を持つテキストであり、デザイン業界での信頼性の高さはその長い使用実績に裏付けられている。
ダミーテキストならどんな文章でも良いという思い込み
社内の冗談や不適切な表現をダミーとして入れてしまい、クライアントへのプレゼンでそのまま表示されるトラブルが実際に起きている。ダミーテキストは「意味はないが見た目は自然な文章」を使うことが鉄則だ。Lorem ipsumか日本語ダミーテキスト生成ツールの出力を使えばリスクを回避できる。
会話での使われ方
このデザインカンプ、本文エリアにダミーテキスト入れておきましたが、実際の文字数は80〜100文字を想定しています。原稿はその量でお願いできますか？
Webデザイナーがクライアントへのデザインレビューでテキスト量の合意を取っている場面。ダミーテキストを文字数の目安として活用している。
シードデータ、fakerで生成したダミーテキストにしましたが、日本語のユーザー名が自然でないので別途調整が必要かもしれません。
開発者がチームのSlackで初期データ投入作業の注意点を共有している場面。fakerライブラリで生成した日本語ダミーが不自然なケースに言及している。
ロレムイプサムって何語なんですか？文章として意味はあるんですか？
デザイン会社に入ったばかりの新人が先輩デザイナーに初めてLorem ipsumを見て尋ねている場面。使い始めは誰もが感じる素朴な疑問だ。
ダミーテキストの歴史
| 年代 | 出来事 |
|---|---|
| 1500年代 | ヨーロッパの印刷業者が活版印刷のレイアウトサンプルにキケロの哲学書テキストを改変して使用。Lorem ipsumの形が定着したとされる |
| 1960年代 | イギリスのLetras社やLetraset社がデザイン用転写シートにLorem ipsumを採用。グラフィックデザイン業界に普及した |
| 1990年代 | DTPソフト（PageMakerなど）がLorem ipsumをデフォルトのダミーテキストとして組み込む。デジタルデザインの世界標準になった |
| 2000年代〜 | Webデザインの普及とともにlipsum.comなどのオンラインジェネレーターが登場。日本語版も複数サービスが生まれた |
| 現在 | VSCode・Figma・Sketch・Adobe XDなどの主要ツールがLorem ipsum自動挿入機能を標準装備。fakerライブラリが開発環境でのダミーデータ生成を担う |
【まとめ】3つのポイント
- デザイン評価を文章内容から切り離すための道具：ダミーテキストの本質は「読まれないこと」にある。意味のない文章を置くことでレビュアーの視線をレイアウトとデザインに向けさせる
- Lorem ipsumは500年の歴史を持つ業界標準：古代ラテン語由来の文字列で、印刷業から始まりDTP・Webデザインを経て現代のデジタルツールに組み込まれるまで使われ続けている
- 文字数の視覚的合意ツールとしても使える：クライアントへの原稿依頼で「○文字程度」という数字より、その文字数のダミーテキストを見せた方が直感的に伝わり、制作フローが円滑になる
よくある質問
- QVSCodeでLorem ipsumを素早く入力する方法はありますか？
- A
HTMLファイルで「lorem」と入力してTabキーを押すと自動的にLorem ipsum文が展開されます。「lorem10」とすると10語分が生成されます。Emmetという機能を利用しており、VSCodeにデフォルトで組み込まれているためインストール不要で使えます。
- Q日本語のダミーテキストはどこで生成できますか？
- A
「すぐ使えるダミーテキスト（lipsum.sugutsukaeru.jp）」が代表的なサービスで、元のテキストに似た字面を保ちながら内容を無意味化した日本語ダミーを生成できます。fakerライブラリ（Python/JavaScript）も日本語ロケール対応で、プログラムからダミーデータを生成するのに向いています。
- Q本番サイトにダミーテキストが残る問題をどう防げばいいですか？
- A
リリース前のQAチェックリストに「Lorem ipsumやダミーテキストが残っていないか」の確認項目を必ず含めることが基本的な防止策です。CIパイプラインに文字列検索ステップを入れて、含まれている場合はビルドを失敗させる方法も有効です。
- Qダミーテキストとプレースホルダーの違いは何ですか？
- A
ダミーテキストはデザインカンプや開発環境でコンテンツの代わりに入れる仮の文章全般を指します。プレースホルダーはHTMLのinput要素やtextarea要素に薄い色で表示されるUIヒントです。フォームの「メールアドレスを入力してください」がプレースホルダーで、カンプの本文エリアに入れるLorem ipsumがダミーテキストです。
【出典】参考URL
https://ja.wikipedia.org/wiki/Lorem_ipsum ：Lorem ipsumの由来と歴史（Wikipedia）
https://www.digrart.jp/tools/dummy-text-generator/ ：Lorem ipsumの背景とダミーテキストの役割解説
https://lipsum.sugutsukaeru.jp/about/ ：日本語ダミーテキストの概要と生成ツール説明
コメント