Lorem Ipsumジェネレーター：モックアップとワイヤーフレーム用のプレースホルダーテキストを生成

キケロの元のLorem Ipsumの一節は次の通りです：「Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...」——これは「痛みそのものを愛する人はいない、単に痛みであるという理由でそれを求め、手に入れようとする人はいない...」という意味です。今日私たちが使用するLorem Ipsumはこの一節のサブセットであり、ラテン語を理解していなかったかもしれない16世紀の植字工によって大幅にスクランブルされました。

Lorem Ipsumが機能するのは、その文字頻度分布がランダムな意味不明なテキストよりも実際の英語テキストをよく近似しているからです。ラテン語テキストは、英語と比較して母音と子音の比率、平均単語長、一般的な文字（e、t、a、i、o、n、s）の頻度が類似しています。これによりテキストは組版時に自然に流れますが、「asdf asdf asdf asdf」は明らかな繰り返しの視覚的パターンを作り出します。

レスポンシブWebデザインのモックアップには、段落ではなく固定された単語数を使用してください。これにより、異なるブレークポイントで一貫したボリュームでテキストがどのようにリフローするかをテストできます——320pxで50単語、768pxで120単語、1200pxで200単語。

明示的にプレースホルダーとしてラベル付けされたプレースホルダーテキストが必要な場合（誤って公開されるのを防ぐため）、「ここに意味のあるプレースホルダーテキストを挿入」を使用するか、下書きコンテンツとして明確にフラグを立てるCMSコンポーネントでLorem Ipsumをラップします。mainへのマージ時に「lorem ipsum」を含むコミットをブロックするpre-commitフックを実装してください。

アクセシビリティに関する注意：スクリーンリーダーはLorem Ipsumをラテン語の発音で読み上げるため、アクセシビリティテスト中に混乱を招く可能性があります。アクセシビリティ監査では、テスターがコンテンツが最終版でないことを理解できるように、明確な「[プレースホルダー]」マーカー付きの英語のプレースホルダーテキストを使用してください。いくつかのアクセシビリティ重視のLorem Ipsum代替手段には、明示的な「これはプレースホルダーです」という注釈が含まれています。

特定のトーンを持つLorem Ipsumの代替手段：Corporate Ipsum（「中核的なコンピテンシーを活用して相乗効果を促進する」などのビジネスジャーゴン）、Hipster Ipsum（クラフトビールやアーティザナルな言及）、Bacon Ipsum（肉をテーマにしたもの）、Pirate Ipsum（海賊言葉）、Cupcake Ipsum（デザートをテーマにしたもの）。テーマ性のあるプレゼンテーションや内部モックアップに個性を注入するためにこれらを使用しますが、クライアント向けの成果物では避けてください。

書体テスト用のプレースホルダーテキストを生成する場合、一般的な単語と完全な文字セット（合字、数字、句読点を含む）を含む単語を混ぜた少なくとも200単語をリクエストしてください。「The quick brown fox jumps over the lazy dog」のような特定のパングラムはすべての文字をテストしますが、Lorem Ipsumはより現実的な読み取りフローテストを提供します。

CMSテンプレート開発（WordPress、Webflow、Drupal）には、HTMLラップ出力オプションを使用してください。これにより、実際のコンテンツが持つ構造を模倣したセマンティックマークアップ——<p>タグ、<h2>見出し、<ul>順序なしリスト——が提供され、コンテンツ作成者が実際のテキストを入力する前に完全な要素セットのスタイルを設定できます。