§

Lorem Ipsum プレースホルダーテキストを生成

§

出力

lorem ipsum

日本のデザインチームも Figma や Sketch のワイヤーフレームレビューで Lorem Ipsum を活用しています。コピーライターからの最終文が揃う前にクライアントへのプレゼン用ピッチデッキにスペースを確保するために使われます。WordPress・Movable Type・Contentful などの CMS プラットフォームはデフォルトコンテンツモデルにプレースホルダーテキストを使用し、アクセシビリティ JIS X 8341 対応のプロトタイプページで本物のコピーが揃う前にスクリーンリーダーのフローを検証するためにも使われます。各種メールマーケティングツールのテンプレートギャラリーには Lorem Ipsum が含まれており、コピーライターを待たずにレイアウトやテキストオーバーフローの動作を確認できます。

Lorem Ipsum とは何ですか?

Lorem Ipsum は印刷・組版業界の標準的な埋め込みテキストです。ローマの政治家キケロが著した紀元前 45 年の哲学的論文 De Finibus Bonorum et Malorum(「善と悪の究極について」)に由来します。その著作の第 1.10.32 節の「Neque porro quisquam est qui dolorem ipsum quia dolor sit amet」で始まる一節が、読者を内容で気散じさせることなく実際の散文のリズムを模倣する中立的な文章ブロックとして、タイプセッターによって文字列が組み替えられ、切り詰められ、転用されました。ラテン語学者リチャード・マクリントックは 1985 年に珍しい単語 consectetur をキケロにさかのぼることでその出典を特定し、何十年にもわたるこの一節の起源についての議論に終止符を打ちました。

Lorem Ipsum の生成はどのように機能しますか?

ジェネレーターは選択したフレーバーのインラインワードリストからランダムに単語を選び、選択した単位タイプに従って組み立てます。すべての処理はブラウザ内で実行されます:

  1. フレーバー(クラシックラテン、ベーコン、ヒップスター、コーポレート、ネコ、パイレーツ)を選択すると、ページにバンドルされた対応するワードリストが選ばれます。
  2. 単位タイプ(単語、文、段落、リスト項目)を選択し、1 から 500 の数を設定します。
  3. 単語の場合、ジェネレーターはフレーバーリストからランダムに指定された数の単語を選び、スペースで結合します。
  4. 文の場合、各文はフレーバーリストから 8〜15 のランダムな単語で構成され、先頭が大文字になり、ピリオドで終わります。文の約 20% には 3 番目の単語の後にカンマも挿入されます。
  5. 段落の場合、各段落は 4〜8 文がスペースで結合され、次の段落との間に空行が入ります。リスト項目の場合、各項目は 4〜10 単語で構成されます。
  6. 「Lorem ipsum で始める」がオンで Classic フレーバーが有効な場合、標準の冒頭文「Lorem ipsum dolor sit amet, consectetur adipiscing elit」が最初の段落の先頭に付きます。「<p> で囲む」を有効にすると、各段落が CMS やメールテンプレート用に HTML タグで囲まれます。

プレースホルダーテキストを使う理由は何ですか?

  • Figma や Sketch のフレームをリアルなコピーの長さのコンテンツで埋めることで、コピーライターが何かを納品する前にクライアントがレイアウト、階層、タイポグラフィのスケールをレビューできます。
  • 新しいコンテンツタイプの各フィールドを複数段落のテキストで埋めると、本物のコンテンツが届く前に文字数オーバーフロー、切り詰めのバグ、表示テンプレートのエッジケースを検出できます。
  • HTML メールテンプレートは Outlook、Gmail、Apple Mail で異なる動作をします。折り返された段落を挿入して、テストキャンペーンを送る前に 3 つすべてで行の折り返し、パディング、レスポンシブブレークポイントを確認してください。
  • 印刷校正と PDF モックアップは、フォント、トラッキング、行送りをスケールで見せるために本物らしい段落が必要です。クラシック Lorem Ipsum は 1960 年代からデザインスタジオでその役割を担ってきました。

プレースホルダーテキストの一般的な用途は何ですか?

Lorem Ipsum はデザイン、エンジニアリング、コンテンツのワークフロー全体に登場します:

  • Figma や Sketch のプロトタイプでは、フレーバー付きプレースホルダーテキストがコンポーネントのバリアントに挿入され、コピー自体がレビューの焦点にならずに情報密度、テキストオーバーフロー、ボタンの近接性をレビュアーが評価できます。
  • WordPress、Contentful、Sanity の新しいコンテンツタイプを構築するとき、すべてのフィールドに複数段落のプレースホルダーコピーを入力することで、表示テンプレート、検索インデックスパイプライン、文字数制限バリデーターを一度にストレステストできます。
  • HTML 折り返しオプションを使えば、Mailchimp のコードビューや Litmus テンプレートなどのメール HTML エディターに <p> 付きの段落を直接貼り付けられるため、手動でダミー段落を書くことなく、行の高さ、マージンの折りたたみ、Outlook 固有のスペースをクライアント間で確認できます。

Lorem Ipsum の例はどのようなものですか?

フレーバーをクラシック、単位を段落、数を 3 に設定し、「Lorem ipsum で始める」をオンにします。出力は「Lorem ipsum dolor sit amet, consectetur adipiscing elit」で始まり、空行で区切られた 3 段落のラテン語風の散文が続きます。フレーバーをベーコンに切り替えて再生成すると、同じ構造(3 段落、同じ文の長さのばらつき)ですが、すべての単語が肉の部位や調理法になります。コーポレートに切り替えると散文は相乗効果、活用、パラダイムで満たされます。各フレーバーはまったく同じ段落生成ロジックを使用し、変わるのはワードリストだけです。

Lorem Ipsum フレーバーの違いは何ですか?

すべてのフレーバーは同じ構造ジェネレーターを使用します — 同じ文の長さの範囲(8〜15 単語)、同じ段落の長さの範囲(4〜8 文)、同じカンマ挿入率です。変わるのはワードリストだけです。クラシックはキケロの原文から派生した約 75 のラテン語単語を使用し、中立的な業界標準のフィラーを提供します。ベーコン、ヒップスター、コーポレート、ネコ、パイレーツはそれぞれ独自のテーマ別ワードリスト(各約 30〜50 単語)を使用し、ユーモラスまたはコンテキスト固有の出力を提供します。すべてのワードリストはページにインラインでバンドルされており、フレーバーを切り替えたり「生成」をクリックしてもネットワークリクエストは発生しません。

キケロの原文が基礎として使われているのはなぜですか?

スクランブルされたキケロの一節は、1960 年代に Letraset が採用し、1985 年に Aldus PageMaker が組み込みのプレースホルダーとして出荷して以来、業界標準となっています。その普及により、ビジュアルデザインに関わったことのあるデザイナー、開発者、クライアントなら誰もがそれを意図的なフィラーと即座に認識し、エラーや未完成のドラフトと間違えることはありません。これを使うことでプレースホルダーテキストが「本物の」コピーかどうかという議論を回避できます — 全員がそうでないことを理解しています。

ラテン語以外のプレースホルダーテキストは生成できますか?

現在のバージョンでは対応していません。6 つのフレーバーはすべて ASCII 範囲のテキストであり、どの CMS フィールド、HTML 属性、メールテンプレートにもエンコードの問題なく使用できます。アラビア語、中国語、ヒンディー語などの非ラテン文字は、スクリプトごとのワードリストとフォントの考慮が必要で、汎用ツールの範囲外です。ロケール固有のプレースホルダーテキストツールは将来のアップデートでカバーされる可能性があります。

本番環境での使用は安全ですか?

はい、ただし 1 つ注意点があります:Lorem Ipsum はプレースホルダーテキストであり、実際のコンテンツではありません。ステージング環境、デザインレビュー、開発ビルドには適していますが、検索エンジンが意味不明なテキストとしてインデックスしたり実際のユーザーを混乱させたりする公開済み本番ページには決して使用しないでください。ステージング環境をクローラーから保護する必要がある場合は、プレースホルダーテキストを省略するのではなく、`robots.txt` の `Disallow` ディレクティブやログイン認証を使用してください。

この Lorem Ipsum ジェネレーターはすべてブラウザ内で動作します。6 つのフレーバーワードリストがインラインでバンドルされており、ベンダーライブラリも生成ごとのネットワーク呼び出しもありません。フレーバー、単位、数を設定し、「生成」を押して、結果をコピーまたはダウンロードしてください。