Lorem Ipsum ジェネレーター — 無料プレースホルダー生成

Lorem Ipsum とは？

// Generating Lorem Ipsum (simplified)
const WORDS = ['lorem','ipsum','dolor','sit','amet','consectetur','adipiscing','elit','sed','do','eiusmod','tempor'];
const PREFIX = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit';

const pick = (rng) => WORDS[Math.floor(rng() * WORDS.length)];

function sentence(rng, lead) {
  const n = 6 + Math.floor(rng() * 9); // 6-14 words
  const words = Array.from({ length: n }, () => pick(rng));
  const body = words.join(' ');
  return lead ? `${lead}, ${body}.` : `${body[0].toUpperCase()}${body.slice(1)}.`;
}

function paragraph(rng, startWithLorem) {
  const n = 3 + Math.floor(rng() * 5); // 3-7 sentences
  return Array.from({ length: n }, (_, i) =>
    sentence(rng, i === 0 && startWithLorem ? PREFIX : undefined)
  ).join(' ');
}

// Three random paragraphs, beginning with the canonical line
const text = Array.from({ length: 3 }, (_, i) =>
  paragraph(Math.random, i === 0)
).join('\n\n');

主な機能

Lorem Ipsum ジェネレーターの代替ツール比較

Lorem Ipsum の例

単位: 段落 · 数量: 3 · 形式: プレーンテキスト · Lorem ipsum で開始: オン

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...

単位: 段落 · 数量: 2 · 形式: HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation...</p>

単位: バイト · 数量: 280 · 形式: プレーンテキスト

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore... (ちょうど 280 バイトで切断)

単位: 段落 · 数量: 3 · 形式: JSON

[
  "Lorem ipsum dolor sit amet...",
  "Ut enim ad minim veniam...",
  "Duis aute irure dolor..."
]

単位: リスト項目 · 数量: 5 · 形式: Markdown

- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit sed
- Eiusmod tempor incididunt ut labore
- Dolore magna aliqua enim ad
- Minim veniam quis nostrud exercitation

Lorem Ipsum ジェネレーターの使い方

1. 1

   デフォルトのテキストを取得するか単位を設定する

   出力ボックスはページ読み込み時にすでに 3 段落を保持しています。それで十分ならすぐにコピーしてください。そうでなければ「生成」ドロップダウンを開いて単位を選びます。段落、文、単語、リスト項目、または正確なバイト数です。

2. 2

   数量を設定する

   スライダーまたは数値フィールドを使って生成する単位数を設定します。2 つは同期します。スライダーの最大値は選んだ単位の上限（たとえば単語なら 1,000）を反映するので、利用可能な範囲が常に分かります。

3. 3

   出力形式を選ぶ

   生のフィラーには形式をプレーンテキストのままにするか、段落を

   タグで、リストを

   • で囲む HTML、空行区切りのブロックとハイフンリストの Markdown、フィクスチャやモックに投入できる文字列配列の JSON に切り替えます。

4. 4

   必要なら定番冒頭を切り替える

   おなじみの定番の一行で始めるには「Lorem ipsum… で開始」をオンのままにし、完全にランダム化されたテキストにはオフにします。同じ設定で新しいサンプルを引くにはいつでも再生成をクリックしてください。

5. 5

   結果をコピーまたはダウンロードする

   コピーをクリックしてブロック全体をクリップボードに入れる（「コピーしました！」の確認が表示されます）か、ダウンロードで対応する拡張子のファイルとして保存します。ライブカウンターが単語、文字、段落の合計を示すので長さを確認できます。

Lorem Ipsum でよくある間違い

公開されたページにまだ表示されている:
"Lorem ipsum dolor sit amet, consectetur..."
がヒーローセクションとフッターに。

デプロイ前チェックリスト: プロジェクト全体で
"lorem ipsum"（大文字小文字を区別しない）を検索し
公開前にヒットがゼロであることを確認。全ブロックを実際のコピーに置換。

プレースホルダー: "text text text text text text text"
すべての単語が同じ長さ — 不自然に折り返し、
実際のコピーがどう改行するかを隠す。

プレースホルダー: "Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor..."
多様な単語長が実際の文章のように折り返す。

見出し枠を 3 段落のフルテキストでテスト —
モックアップでは問題なく見えるが、実際の
6 単語の見出しが入るとひどくオーバーフローする。

見出し枠を単語単位、数量 6 でテスト。
モックアップが実際のコンテンツ長を反映し、
組版サイズが持ちこたえる。

プレーンテキストをコピーし、エディターに貼り付け、
8 段落それぞれに手で <p>…</p> を追加。
閉じタグを 1 つ忘れてレイアウトが崩れる。

形式を HTML に設定し、コピー、貼り付け。
すべての段落がすでに正しく囲まれており、
手動のタグ編集はゼロ。

varchar(255) バイトカラムを 255 ASCII 文字でテストし、
安全だと思い込み、実際の入力 "café 北京 😀" が
255 文字でバイト上限をオーバーフローする。

バイト単位を使って ASCII ベースラインのために
ちょうど 255 バイトを埋め、さらにフィールドが受け入れる
必要のある実際のマルチバイトコンテンツでもテストする。

Lorem Ipsum ジェネレーターを使う人

UI・プロダクトデザイナー

Figma フレーム、ワイヤーフレーム、モックアップを現実的な長さのコピーで埋め、クライアントやステークホルダーが言葉ではなくレイアウトを判断できるようにします。単語またはバイト単位を使って、デザインが最終的に保持する実際のラベル、説明、見出し枠の正確な長さに合わせます。

フロントエンド開発者

HTML 形式の段落を、マークアップを手書きせずにコンポーネント、テンプレート、Storybook ストーリーにそのまま投入します。JSON 形式は props、フィクスチャ、Mock Service Worker ハンドラーを現実的なコンテンツで埋め、UI 状態の構築とテストに役立ちます。

CMS・テンプレート構築者

構造を構築する間、WordPress、Webflow、ヘッドレス CMS のテンプレートにプレースホルダーの本文、抜粋、リスト項目を投入します。Markdown 出力はリッチテキストフィールドや Markdown ベースのコンテンツモデルにきれいに貼り付けられます。

QA・テストエンジニア

正確なバイト数または文字数のテキストを生成して、フィールド上限、varchar カラム、切り詰め動作、オーバーフロー処理をテストします。再現可能な長さにより、255 文字の上限や 280 バイトのフィールドが境界で正しく動作するかを簡単に検証できます。

印刷・編集デザイナー

原稿が届く前に行間、段組み幅、テキストブロックの質感を評価するため、Lorem Ipsum を InDesign の段組み、パンフレット、書籍レイアウトに流し込みます。段落と文の単位は、ゲラ刷りに適した粒度を与えます。

メール・ニュースレターデザイナー

実際のキャンペーンコンテンツが書かれる前に、メールテンプレートに本文コピーやリスト項目を入れて、各クライアントでブロックがどうレンダリングされるかをテストします。短いリスト項目の断片が箇条書きや機能の見出しの代わりになります。

プレゼン・スライド作成者

トークのポイントが固まる前に視覚的な階層を整えるため、スライドレイアウト、ピッチデックのテンプレート、キーノートのマスターをプレースホルダーの箇条書きと段落で埋めます。リストモードはスライドが実際に使う短い断片を生成します。

データベース・API 開発者

JSON 配列出力や正確なバイト数を使って、データベースのシード、サンプルレコードの生成、現実的な API モックレスポンスの構築を行います。再現可能で長さを制御できるフィラーは、すべてのテスト行にダミー値を手入力するより優れています。

ジェネレーターの仕組み

語彙と文の構築

テキストはクラシックな約 180 語の Lorem 語彙から組み立てられます。文はランダムに選ばれた 6〜14 語で、リズムのために時折カンマが挿入され、先頭が大文字化されピリオドで閉じられます。段落はそうした文が 3〜7 個です。リスト項目は終端句読点のない、より短い 3〜8 語の断片です。

決定論的でシード可能なランダム性

ジェネレーターは小さく高速な擬似乱数生成器（mulberry32）から引きます。ブラウザでは毎回新しい出力のために Math.random からシードされ、テストスイートでは固定シードが与えられて出力が完全に再現可能になりアサーションが安定します。ランダム性は暗号学的ではなく、フィラーを自然に見せるためだけに存在します。

定番のプレフィックス

「Lorem ipsum… で開始」トグルがオンの場合、最初の文（または最初の単語の連なり）が「Lorem ipsum dolor sit amet, consectetur adipiscing elit」で始まり、その後ランダムな単語が続きます。オフにすると出力全体がランダムになり、最初の文字だけが大文字化されます。

正確なバイトカウント（ASCII 不変条件）

Lorem の語彙は純粋な ASCII なので、すべての文字がちょうど 1 つの UTF-8 バイトを占めます。この不変条件により、バイト単位は要求された長さに達するまでテキストを構築し、正確なバイト数で切り出せます。文字インデックスがバイトインデックスと等しく、マルチバイトシーケンスを分割する危険がありません。

形式のレンダリング

プレーンテキストは段落を空行で、リスト項目を改行で結合します。HTML は段落を

で、リスト項目を

• で囲みます。Markdown は空行区切りのブロックと「- 」のリスト接頭辞を使います。JSON はブロックをインデントされた文字列配列としてシリアライズします。バイト単位は常にプレーンテキストを出力します。バイト予算は形式に依存しないためです。

クライアントサイド実行

すべての生成ロジックはネットワークやストレージへの依存がない純粋な関数で、コントロールを配線する小さなクライアントスクリプトからインポートされます。出力は変更のたびに同期的に計算されるため、最大サイズでも即座で、接続なしでも動作します。テキストが送信・永続化されることはありません。

プレースホルダーテキストのベストプラクティス

フィラーを実際のコンテンツ長に合わせる

プレースホルダーテキストは、実際のコピーになる長さであるときに最も役立ちます。5 単語を保持する見出し枠を 40 単語の文でテストすべきではありません。単語またはバイト単位とライブカウンターを使って実際のコンテンツ枠に合わせてフィラーのサイズを測れば、承認したレイアウトが実際のテキストとの接触に耐えます。

レビューには定番冒頭を残す

クライアントやステークホルダーに作業を見せるときは「Lorem ipsum dolor sit amet」の冒頭をオンのままにします。認識しやすい一行は「これは意図的なプレースホルダーで最終コピーではない」と伝え、レビュアーが文字化けしたラテン語を間違いだと思ったり読もうとしたりする気まずい瞬間を防ぎます。

Lorem Ipsum を本番に出さない

公開されインデックス可能なページのプレースホルダーテキストは、クロール予算を浪費しユーザーを混乱させる薄いコンテンツです。公開前にすべてのブロックを実際のコピーに置き換え、プロジェクト全体で「Lorem ipsum」を検索してください。ステージングテンプレート、フッター、CMS のデフォルトが本番にすり抜ける常連です。

HTML や JSON 出力で雑務を省く

フィラーがマークアップやテストフィクスチャに入るなら、最初から正しい形式で生成します。HTML 出力は段落を手でタグで囲む手間を省き、JSON 出力はフィクスチャ用に文字列を引用符で囲んでカンマでつなぐ手間を省きます。最初に形式を選ぶ方が、後でプレーンテキストを整形し直すより速いです。

量だけでなく多様性のために再生成する

デザインに複数の似た枠（カードのグリッド、お客様の声のリスト）があるとき、同じテキストを繰り返し貼り付けるのではなく、再生成で各枠に新しいブロックを生成します。多様なフィラーは、レイアウトが異なる行数や折り返しをどう扱うかを明らかにします。同一のテキストはそれを隠します。

ローカライズされたレイアウトには実言語のフィラーを検討する

Lorem Ipsum はラテン語ベースなので、その単語長や文字頻度は西ヨーロッパ言語に近似します。ドイツ語（長い複合語）、CJK 文字、RTL 言語向けにデザインするなら、その言語のサンプルテキストでもレイアウトを検証してください。Lorem Ipsum の指標は、それらの文字がどう折り返し間隔をとるかを予測しません。

生成されたテキストを永続的なものとして扱わない

ツールは何も保存しません。ページを更新すると出力は消えます。特定の生成ブロックが再び必要なら、ボックスに残るのを当てにせずコピーまたはダウンロードしてください。繰り返し使えるフィクスチャには、JSON 出力をプロジェクトに保存して、同じフィラーがテストとともにバージョン管理されるようにします。

よくある質問