無料プレースホルダージェネレーター
モックアップ用のダミーコンテンツを生成: Lorem Ipsum、名前、メール、住所、日付など。
使い方
- ドロップダウンリストからコンテンツタイプ(Lorem Ipsum、名前、メールなど)を選択します。
- 生成する数量(1〜100項目)を選択します。
- 生成をクリックしてダミーコンテンツを作成します。
- プロジェクト用に出力をコピーするか、.txtまたは.jsonでダウンロードします。
よくある質問
Lorem Ipsumとは?
Lorem Ipsumは、デザインのモックアップやプロトタイプでプレースホルダーコンテンツとして使用されるダミーテキストです。その単語の分布は英語に似て自然ですが、実際の意味は含まれていません。
生成されるメールと名前は本物ですか?
いいえ。すべてのコンテンツはデザイン目的のためにランダムに生成されます。本番環境でこのデータを使用したり、生成されたメールアドレスにメッセージを送信したりしないでください。
プロジェクトでこのコンテンツを使用できますか?
はい。このプレースホルダーコンテンツは、モックアップ、プロトタイプ、テストに最適です。ただし、公開や本番化の前に実際のコンテンツに置き換えてください。
Lorem Ipsum:キケロからワイヤーフレームへ
「Lorem ipsum dolor sit amet, consectetur adipiscing elit…」(デザインの世界で誰もが一度は打ち込んだラテン語のプレースホルダー)はデタラメではない。ローマの政治家マルクス・トゥッリウス・キケロが紀元前45年頃に著した倫理学の論文De finibus bonorum et malorum(「善と悪の究極について」)からの改ざんされた抜粋だ。元の文章は「Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…」(大意:「痛みそのものが痛みだからといって愛する人などいない」)で始まる。
ハンプデン=シドニー大学のラテン語学者Richard McClintockが1980年代にこの定説を広めた:16世紀のある正体不明の印刷業者がキケロのテキストを改ざんし、「dolorem」の先頭「do-」を切り落として孤立した「Lorem ipsum dolor sit amet…」を作り、意味不明なラテン語として活版見本に使ったのだ。McClintockは「consectetur」という珍しい単語をキケロの著作から追跡することで出典を特定した。このラテン語の単語が英語に似た母音・子音の分布を持ちながら意味を持たないため、印刷業者とクライアントは内容に惑わされずタイポグラフィ(フィット感、色、リズム)を評価できた。
このフレーズはLetraset(英国のドライトランスファーレタリング会社)を通じて現代のデザイン語彙に入った。同社は1960年代にこすり付け式レタリングキットにLorem Ipsum見本シートを同梱した。LetrasetからAldus PageMaker(1980年代半ば)へ、そして事実上すべてのワープロとDTPソフトウェアへと広まった。Microsoft Wordは =lorem() 関数で生成でき、Adobe InDesign、Sketch、Figmaなど最新のデザインツールはLorem Ipsumを組み込みプレースホルダーとして搭載している。
プレースホルダーコンテンツを使う場面
- コンテンツが揃う前のモックアップ。デザイナーや開発者は、最終的なコピーが書かれ、写真が撮影され、製品画像が届く前にページやコンポーネントをレイアウトする必要がある。プレースホルダーコンテンツがその空白を埋め、スペーシング、リズム、バランスを検証できるようにする。
- フォームのテスト。サンプルの名前、メール、電話番号、住所はフォームモックアップにリアルな感触を与え、実際の個人情報を公開せずにバリデーションロジックにテストデータを流せる。
- CMSとテンプレートの入力。ヘッドレスCMS(Sanity、Contentful、Strapi、Ghost)やメールテンプレートツール(Mailchimp、Litmus)は、最終コンテンツが揃う前にエディターが完全なレイアウトを見られるよう、プレビューモードでプレースホルダーデータを頻繁に使用する。
- 開発用データベースのシーディング。数百のサンプル名とメールアドレスを使えば、ローカル開発データベースにリアルに見えるが明らかにフィクションのデータを入力してクエリ、検索、ソート、ページネーションを動作確認できる。
- Storybookとコンポーネントのドキュメント。コンポーネントライブラリとデザインシステムは、コンポーネントが短い・中程度・長いテキストをどのように処理するかを示すために、さまざまな長さのLorem Ipsumを使用する。
- A/Bレイアウトテスト。2つのレイアウト候補を比較するとき、コンテンツが中立であれば判断が楽だ。実際のコピーは、その文章がたまたまどちらかのレイアウトに合うかどうかで判断が偏ることがある。
- 翻訳シミュレーション。原語より30%長いLorem Ipsumは、国際展開のUIをデザインする際のドイツ語やロシア語のテキスト膨張を素早くシミュレートするプロキシとなる。
- メールのQA。Jordan Patel <jordan.patel@example.test>のようなアドレスにテストメールを送ることで、実在の人物に誤って送信するリスクなしにメールマージテンプレートを検証できる。
Lorem Ipsumの現代的な代替手段
Lorem Ipsumには批判者もいる。一部のデザイナーは、意味不明なラテン語が実際のコピーなら明らかになるコンテンツ上の問題を隠すと主張する。「Lorem ipsum」というラベルのボタンでは、実際のコール・トゥ・アクション(「デモを予約する」)が収まるかどうかわからない。そのためいくつかの代替手段が生まれた:
- 実際のコピーのサンプル:最もシンプルな答え。関連するソース(ニュース記事や競合他社の製品説明)から段落を引用すれば、単語の長さとトーンが適切なテキストが得られる。
- Bacon Ipsum、Hipster Ipsum、Cupcake Ipsumなどテーマ別ジェネレーター。Lorem Ipsumと同じ単語分布特性を持ちながら、一目で読みやすい英語語彙を使う。
- 構造化データの生成(このツールが最も力を発揮する用途):意味不明な段落ではなく、フォームにリアルに見える名前・メール・電話番号・日付を入力してインプットコンポーネントを正しく動作確認する。
ほとんどのワイヤーフレームやテンプレート作業にはLorem Ipsumが依然として最も抵抗の少ない方法だ。長年の慣例となっているため、デザイナーと開発者はそれを見た瞬間に「これはプレースホルダーで最終コピーではない」と認識する。
リアルに見えるメールアドレスについての注意
このページで生成される名前、メールアドレス、電話番号、住所はランダムに組み合わされたもので、デザインおよびテスト目的のみを意図している。いずれも実在しないが、偶然に実在の人物の連絡先と一致する可能性がある。2つの安全規則に従うことを推奨する:
- スクリーンショットに表示したり、公開したり、ソースコードにコミットしたりするメールアドレスには予約済みの
example.com/example.org/example.testドメインを使う。RFC 2606はこれらを何にも解決しないことが保証されたサンプルドメインとして予約している。example.comのメールアドレスが実際の受信者に届くことはない。 - 生成されたアドレスに実際のメールを送信しない。アドレスがもっともらしいパターンに見えても、そのドメインが存在する場合は見知らぬ人の受信トレイに届く可能性がある。テスト用メールシステムは常に、すべてを飲み込むシンクアドレス(自分が所有する専用受信箱)を設定しておくこと。
電話番号も同様の論理が適用される:多くの国では映画やテレビ用途のために実際の加入者に接続されないことが保証された特定の番号範囲を予約している。北米では 555-0100 から 555-0199 で始まるものがNANPAによってフィクション使用のために予約されている。英国Ofcomは同目的のために 0xxx 496 0xxx の番号範囲を予約している。このツールで生成される番号はランダムであり、それらの範囲に含まれるかどうかは保証しない;公開する場合は予約済みの番号に入れ替えること。
「lorem pixum」画像プレースホルダーエコシステムについて
テキストのLorem Ipsumと並行して、画像プレースホルダーサービスの独立したエコシステムが成長した。一般的なパターンは <img src="https://placeholder.com/300x200"> のようなURLで、リクエストされた寸法の色付き矩形を画像として返すものだ。先駆者にはplaceholder.com / placehold.it(2007年Brent Loganが創設;元のインフラが不安定になった後、2022年頃に placehold.co に移行)、Lorem Picsum(picsum.photos、2017年頃開始、任意の寸法でキュレーションされた実際の写真を返す)、そして2020〜2023年の間にインディー開発者がプロジェクトを閉鎖したりホスティング費用が発生してオフラインになったplacekitten.com、placebear.com、fillmurray.com、placecage.comなどの多数のユニークなバリアントが含まれる。
現代の代替手段はクライアントサイドの技術にシフトしている:<canvas> 要素を色と寸法テキストで塗りつぶし、サーバーに接触せずにデータURIとしてエクスポートする。SVGはさらに軽量で、数百バイトでスケーラブルで、HTMLやCSSに直接埋め込める。BlurHash(2019年)、ThumbHash(2023年)、plaiceholderライブラリ(2021年)のようなビルドタイムツールは、ビルド時に実際の画像の小さなハッシュを計算し、フル画像がロードされる間そのハッシュを低解像度プレビューとしてレンダリングして、固定プレースホルダーより優雅に「写真が届くまでの空白スペース」問題を解決する。
よくある質問
なぜラテン語で英語ではないのか?
脳の自動読解を無効にするためだ。英語のプレースホルダーテキストは見た瞬間に無意識に読んでしまうため、タイポグラフィの判断が偏る(内容が読みにくいフォントでも美しいコピーなら良く見える)。Lorem Ipsumのわずかに見覚えがあるが意味不明な性質は、理解が邪魔をせずに目が単語の形、行の長さ、行間、字間を見られるようにする。1960年代からの慣例でもあるため、クライアントやステークホルダーは「最終コピーではない」とすぐに認識できる。
このツールで生成された名前とメールは公開しても安全ですか?
リアルに見えるが完全にランダムなデータとして扱うこと。統計的にはフィクションである可能性が高いが、「Sarah Johnson」のような名前や「info@globalcorp.com」のようなメールは世界のどこかで実在の人物や企業と偶然一致するかもしれない。公開またはパブリックリポジトリへのコミット用には、メールはIETFが予約する example.com / example.org / example.test ドメイン(RFC 2606)、北米の電話番号はNANPAが予約する 555-0100 から 555-0199 の範囲を使うこと。
データベースをシーディングするにはどのフォーマットを使うべきか?
「.jsonとしてダウンロード」ボタンで生成コンテンツを構造化配列として取得する。ほとんどのORM(Prisma、Sequelize、ActiveRecord、Django)はJSONをシード入力として直接受け付け、異なる形状が必要な場合は jq のようなコマンドラインツールでさらに変換できる。テキストのみの用途(CSVテンプレート、プレーンテキストエディター)には「.txtとしてダウンロード」ボタンで1行1アイテムのファイルが得られる。
同じコンテンツが2度生成されることはありますか?
「生成」をクリックするたびに新しいランダム化が実行されるため、「名前10件」を2回生成してもほぼ確実に一致しない。このツールにシード入力はない;決定論的で再現可能なテストデータが必要な場合(例:CIパイプラインのスナップショットテスト)は、一度生成して出力をファイルに保存し、再生成するのではなくそのファイルをテストにインポートする。
何かサーバーに送信されますか?
いいえ。ランダム化はブラウザ内でJavaScriptの Math.random() ファミリーを使って実行される。選択内容についての情報はページから出ない;ダウンロードファイルはクライアントサイドで生成されてデバイスに直接保存される。ページはロード後オフラインで動作する。