What is Lorem Ipsum and where does it come from?

Lorem Ipsum is placeholder text derived from a work by Cicero written in 45 BC. It has been the industry standard dummy text for typesetting and design since the 1500s. It is used to fill layouts with realistic-looking text so stakeholders can focus on design rather than content.

Why use Lorem Ipsum instead of real text?

Lorem Ipsum provides a natural-looking distribution of letters and words without distracting readers with meaningful content. This helps designers and developers test typography, layout, and spacing decisions before final copy is available.

Lorem Ipsum Generator

Q: Can I generate Lorem Ipsum by paragraphs, sentences, or words?

Yes, this tool lets you generate placeholder text by paragraphs (ideal for page layouts), sentences (for shorter text blocks), or individual words (for labels and headings). Simply select the unit and count, then click Generate.

デザイン用のダミーテキスト(Lorem Ipsum)を生成します。段落・文・単語から選択可能。

生成:

How to Use the Lorem Ipsum Generator

This free Lorem Ipsum generator creates placeholder text for your web designs, mockups, and layouts. Choose the amount and unit (paragraphs, sentences, or words), then click Generate. Copy the output with one click and paste it into your project.

What is Lorem Ipsum?

Lorem Ipsum is dummy text that has been the industry standard for typesetting and design since the 1500s. It is derived from a work by Cicero written in 45 BC. Designers and developers use it to fill layouts with realistic-looking text without the distraction of meaningful content, allowing stakeholders to focus on visual design rather than copy.

Why Use Placeholder Text?

Using placeholder text in your designs helps you visualize how the final content will look, test typography and layout decisions, present designs to clients without final copy, and maintain consistent spacing throughout your interface. It is an essential part of the design workflow used by professionals worldwide.

Customization Options

You can generate text by paragraphs (ideal for page layouts), sentences (for shorter text blocks), or individual words (for labels and headings). Adjust the count to get exactly the amount of text you need.

Lorem Ipsum Generatorの使い方

このツールはWebデザインやモックアップ用のダミーテキスト(Lorem Ipsum)を生成します。段落・文・単語の単位と数量を指定して「生成」をクリックするだけで、プレースホルダーテキストが作成されます。生成されたテキストはワンクリックでコピーでき、すぐにプロジェクトに貼り付けて使用できます。

よくある落とし穴と対処 / Common Pitfalls

落とし穴 / Pitfall	問題 / Problem	対処 / Fix
本番にダミーテキストが残る Placeholder text ships to production	「lorem ipsum」が公開ページに露出すると信頼性を損なう Visible lorem ipsum erodes user trust	リリース前に grep -ri "lorem" で全文検索する習慣を Grep for "lorem" before every release
日本語UIをラテン文字で検証 Testing Japanese UI with Latin text	和文は字幅・行間・折返しが異なり、レイアウト崩れを見逃す CJK metrics differ; layouts break differently	日本語UIは「あのイーハトーヴォの…」等の和文ダミーでも確認 Also test with Japanese dummy text
長さが現実と乖離 Dummy length unrealistic	実データは想定より長い/短いことが多く、あふれ・余白問題を見逃す Real content overflows or underfills	最短・平均・最長の3パターンで検証する Test min/typical/max lengths
翻訳対象に混入 Lorem leaks into translation files	ダミーが i18n リソースに入ると翻訳コストが無駄に発生 Placeholders get sent to translators	ダミーはコードではなくモック層・Storybook 側に置く Keep placeholders in mocks, not resources

コード例 / Code Examples

CSS だけでダミー行を出す(コンテンツ不要のスケルトン)

.skeleton-line {
  height: 1em;
  background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);
  border-radius: 4px;
}

テスト用の長文を JS で量産

const para = "Lorem ipsum dolor sit amet. ".repeat(20);
// 実データ風にしたい場合は fake-data-generator も活用

生成例 / Example Output

段落×1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...

単語×5:
lorem ipsum dolor sit amet

Why browser-only?

Placeholder generation is deterministic text assembly — it needs no server, no account, and no tracking of how many mockups you are building. This generator runs fully in your browser, responds instantly, and keeps working offline. For realistic structured test data (names, emails, JSON), see our Fake Data Generator.

生成はブラウザ内で完結し、外部リクエストは発生しません。氏名・メールアドレスなど実データ風のモックが必要な場合はFake Data Generatorをどうぞ。