デザインモックアップとワイヤーフレーム
Lorem Ipsum を使えば、文章ではなくレイアウト、階層、フォントの組み合わせにデザインレビューを集中できます。本文には段落モード、箇条書きの積み重ねにはリストモード、短いキャプションやマイクロコピーには文モードを使いましょう。
6 種類のフレーバー、6 種類の出力形式、即座にコピーとダウンロード。段落、文、単語、リストを — プレーンテキスト、HTML、または Markdown で生成 — すべてブラウザ内で完結。
Lorem Ipsum は、1500 年代以来、印刷業界の標準的なダミーテキストとして使われてきたプレースホルダー文章です。実際には Cicero の De finibus bonorum et malorum(紀元前 45 年)からの一節を並べ替えたもので、ルネサンス期の植字工が、意味のある内容で読者の注意をそらすことなくフォントやレイアウトを示すために作りました。最初の 2 単語「Lorem ipsum」は、原文の「dolorem ipsum」(「苦痛そのもの」)に由来します。
Lorem Ipsum は文字頻度、単語の長さ、文のリズムがほぼ正規分布しており、ざっと見たときには読める文章のように見えますが、内容に意味がないため、レビュアーが言葉の意味に気を取られることがありません。そのためレイアウトレビュー、フォントテスト、デザインモックアップで、文章ではなくビジュアルを評価したいときに最適です。
6 種類のテーマ別単語バンク、6 種類の出力形式、そしてデザイナーやライターにとって本当に役立つ細かな工夫を搭載。
クラシックなラテン語(1500 年代以来の事実上の標準で、Cicero の De finibus bonorum et malorum から派生)に加え、Bacon、Cupcake、Hipster、Cat、Pirate — 一般的な Lorem Ipsum がデザインのトーンに合わないときに。
段落、文、単語、箇条書きリスト、番号付きリスト — プレーンテキスト、有効な HTML(<p>、<ul>、<li>)、またはきれいな Markdown で出力。あらゆるレイアウトにそのまま貼り付けられます。
段落 1〜50、文 1〜100、単語 1〜500。文と段落の長さは正規分布に従い(平均 12 単語/文、平均 5 文/段落)、自然に見える文章になります。
象徴的な「Lorem ipsum dolor sit amet, consectetur adipiscing elit…」で始めるか、最初の単語から完全にランダム化するかを選択できます。クラシック以外のフレーバーではデフォルトでオフ。
すべての生成はあなたの端末上の JavaScript で実行されます。単語も、長さの設定も、クリップボードの操作も、一切送信されません。DevTools → Network を開けば、外部へのリクエストがゼロであることを確認できます。
純粋な JavaScript、フレームワークのランタイムなし。コールドロードは gzip で 30 KB 未満。50 段落の生成は 5 年前のノート PC でも 5 ms 未満で完了します。
デザインや文書にダミーテキストを取り込む 4 つの方法。
クラシックなラテン語が最も安全なデフォルトです — 5 世紀にわたる慣れがあるため、デザイナー、クライアント、関係者の誰もが即座にダミーテキストとして認識します。一般的なラテン語が場違いに感じられるとき(ステーキハウスのメニュー、ペット用品スタートアップのピッチ、軽妙なプレゼンテーションなど)は、Bacon、Cupcake、Hipster、Cat、Pirate を選びましょう。
段落(1〜50)、文(1〜100)、単語(1〜500)で生成します。または箇条書き/番号付きリストを選択 — 各項目は 4〜12 語の短いフレーズで、スライドや機能ページのプレースホルダー箇条書きに最適です。
プレーンテキストは Figma、Sketch、InDesign、Word にそのまま貼り付けられます。HTML は段落を <p>、リストを <ul><li> で囲み — 静的サイトビルダーにそのまま貼り付け可能。Markdown は段落ブロックと - / 1. の箇条書きを提供 — ドキュメントサイト、GitHub の README、Notion に投入できます。
コピー をクリックしてクリップボードに送るか、ダウンロード をクリックして lorem-ipsum.txt / .html / .md として保存します。出力の下に表示される文字数/単語数/行数の統計は、ほとんどの CMS が記事の長さとしてカウントするものと一致します。
ダミーテキストが言葉の沼にはまるのを防いでくれる、4 つのよくあるシナリオ。
Lorem Ipsum を使えば、文章ではなくレイアウト、階層、フォントの組み合わせにデザインレビューを集中できます。本文には段落モード、箇条書きの積み重ねにはリストモード、短いキャプションやマイクロコピーには文モードを使いましょう。
CMS のテーマ、ブログテンプレート、静的サイトのレイアウトを構築するときには、コンテナをはみ出して改行ポイントを露出させるのに十分な長さのテキストが必要です。HTML 形式で 5〜10 段落を生成し、下書き投稿に貼り付ければ、ライターが書き始める前に、タイポグラフィがどこで崩れるかを正確に確認できます。
言語によって必要なスペースは大きく異なります。同じフレーバーと長さでテキストを生成し、ボタン、ヘッダー、グリッドが長文のダミーテキストをどう扱うかをテストしましょう — ローカライズのレビュアーに見つけられる前に ハードコードされた text-overflow ellipsis のバグを見つける、素早い方法です。
Pirate や Hipster Ipsum は、「これはプレースホルダーです、文言にはコメントしないでください」というシグナルを、ラテン語の段落よりもはるかに大きく発します。文言がまだ書かれている途中なのに細かく指摘してくる関係者がいる、初期段階のピッチデックで使いましょう。
選ばれるすべての単語はローカルです。DevTools → Network を開けば、生成、コピー、ダウンロードのいずれの間も外部へのリクエストがゼロであることを確認できます。
navigator.clipboard.writeText API を使用し、ログには何も残りません。
プレースホルダーテキスト、デザインモックアップ、コンテンツワークフローについて厳選した記事。
Why a scrambled Latin passage from Cicero became the universal placeholder text — and why it still works five centuries later.
When Lorem Ipsum is the right call, and when realistic copy (or "stake-holder ipsum") will save you a redesign cycle.
Lorem Ipsum は、1500 年代以来、印刷業界の標準的なダミーテキストとして使われてきたプレースホルダー文章です。実際には Cicero の De finibus bonorum et malorum(紀元前 45 年)からの一節を並べ替えたもので、ルネサンス期の植字工が、意味のある内容で読者の注意をそらすことなくフォントやレイアウトを示すために作りました。最初の 2 単語「Lorem ipsum」は、原文の「dolorem ipsum」(「苦痛そのもの」)に由来します。
Lorem Ipsum は文字頻度、単語の長さ、文のリズムがほぼ正規分布しており、ざっと見たときには読める文章のように見えますが、内容に意味がないため、レビュアーが言葉の意味に気を取られることがありません。そのためレイアウトレビュー、フォントテスト、デザインモックアップで、文章ではなくビジュアルを評価したいときに最適です。
Lorem Ipsum のテーマ別バリエーションで、ラテン語の代わりに特定のトピックの語彙を使います — Bacon(肉/精肉)、Cupcake(デザート)、Hipster(Williamsburg)、Cat(猫の行動)、Pirate(海賊スラング)。一般的な Lorem Ipsum がニッチなデザイン(キャットフードのブランド、BBQ レストランなど)で違和感があるときや、プレースホルダーのピッチデックを少し賑やかにしたいときに役立ちます。
はい — 形式のドロップダウンで「HTML」または「Markdown」を選択してください。HTML は段落を <p> で、リストを <ul><li>(番号付きの場合は <ol>)で囲むため、あらゆるレイアウトにそのまま貼り付けられます。Markdown は標準の段落ブロックと、リストには - / 1. を使用します。プレーンテキストは、どちらも必要としないデザインツールで使えます。
いいえ。選ばれるすべての単語、組み立てられるすべての文、クリップボードへの書き込みは、すべてあなたの端末上の JavaScript で行われます。DevTools → Network を開けば、使用中に外部へのリクエストがゼロであることがわかります。cookie は cookie 同意の状態用に 1 つ、言語設定用に 1 つだけ使用しています、それだけです。