DevToolBox

Lorem Ipsum Generator

ブラウザ内で処理

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

図1: 単語プールから文・段落を組み立てる仕組み
Lorem Ipsum生成の組み立てフロー約60語の単語プールからランダムに5〜15語を選んで先頭を大文字化しピリオドを付けた文を作り、その文を4〜7個集めて段落にし、指定した段落数だけ空行区切りで連結して出力するまでの流れを示す図単語プール約60語(lorem, ipsum...)文5〜15語をランダム抽出先頭大文字+ "."段落文を4〜7個スペースで連結出力指定した段落数を空行区切りで連結単位に「単語」「文」を選んだ場合は途中の段階で出力される

本番混入・和文検証・i18n流出の注意点 / Production leaks, CJK testing and i18n-file 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

CSSスケルトン・JS量産のコード例 / CSS skeleton loaders and JS text-repeat snippets

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 も活用

段落・単語指定時の生成サンプル / Sample output for paragraph and word counts

段落×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

Generating placeholder text needs no server or account

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をどうぞ。

🔒 すべての処理はブラウザ内で完結し、入力データはサーバーへ送信されません。登録不要・無料。 / All processing runs in your browser; nothing is uploaded. Free, no sign-up. プライバシーポリシー / Privacy Policy