クラシック・ラテン語、hipster、bacon、corporate のダミーテキストを生成。
最終更新
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nihil impedit tempor quis et deleniti odio. Deleniti animi voluptates elit eiusmod, delectus non voluptate commodo, excepturi anim aliqua. Iusto laborum duis, laboris corrupti eiusmod expedita culpa quas expedita. Fuga excepteur harum praesentium deserunt deleniti, exercitation harum.
Excepturi libero occaecat consectetur placeat nisi. Nisi aute occaecati doloribus, voluptates aute velit nisi deleniti, tempor earum facilis assumenda velit. Exercitation dignissimos cumque fuga mollitia in. Earum autem cumque tempore quis, anim atque magna voluptas exercitation. Sed officia nostrud impedit dolores soluta facere laborum esse labore ea.
Placeat consequat nostrud mollit aliquip culpa duis hic facere asperiores alias dolores. Repellat qui tempor, repellat proident fuga deleniti. Lorem molestias tempore est lorem. Minim voluptas recusandae perferendis maxime sapiente ullamco voluptas laborum libero. Quas dignissimos accusamus eveniet necessitatibus omnis harum quis praesentium, occaecati cupidatat velit enim.
*Lorem ipsum* は、本文がまだない段階でデザイナーや開発者がレイアウトの見え方を確認するために貼り付ける、いわゆる「仮テキスト」です。言葉自体はキケロの文章を切り刻んだもので意味を持ちません。読もうとしてしまわず、テキストの *かたまりとしての形* に目を向けてもらうための工夫です。
asdfasdf を打つよりもジェネレーターを使うべき理由はシンプル。単語の長さや句読点が本物に近いので、改行や両端揃え、見出しと本文の重なり方がはるかに正しく見えます。さらに、ダミーテキストがそのまま本番に流れ出す、という典型的な事故も防げます。
このジェネレーターは 4 種類のバリエーションに対応しています。クラシックなラテン語の Lorem Ipsum に加え、ラテン語だと固すぎる場面向けに、*hipster*・*bacon*・*corporate* の遊び心ある 3 種を用意しました。出力はブラウザ内で生成され、プレーンテキストとしても、<p> で囲んだ HTML としてもコピーできます。
lorem を grep するだけでも、最後の保険になります。クラシックなラテン語は安全な既定値です。内部用のモックや遊びの企画、ブランドデザインのツールなど、少し砕けたトーンが欲しいときは *hipster*・*bacon*・*corporate* を選んでください。
最終原稿の長さを想定して数値を合わせます。ブログ記事レイアウトなら 3 段落 × 5 文くらいが目安。ヒーローのサブ見出しなら短い 1 段落で十分です。
クラシックなラテン語では、最初の段落を *Lorem ipsum dolor sit amet…* で始めるよう強制できます。お決まりの書き出しを期待されているときに便利です。
デザインツールやスライドにはプレーンテキストが扱いやすいです。HTML を選ぶと各段落が <p> タグで囲まれ、CMS やテンプレートに直接貼れます。
*再生成* を押してリズムが合うまで作り直し、結果をコピーします。本番公開前に必ず実際の原稿に差し替えてください。
よく使う組み合わせと、ざっくりした出力量。
| 用途 | 段落数 | 1段落あたりの文数 |
|---|---|---|
| ツイート／短いキャプション | 1 | 1 |
| ヒーローのサブ見出し | 1 | 2 |
| 商品カードの本文 | 1 | 3 |
| ブログ記事のプレビュー | 1 | 5 |
| ブログ記事のフルレイアウト | 5 | 5 |
| 長文記事 | 8 | 6 |
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
ラテン語の正統な冒頭に、自然に生成された 2 段目が続きます。「いつものあの書き出し」を期待されている場面で使いやすい組み合わせです。
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>タグを解釈するリッチテキストエディタに貼るときは HTML モードに切り替えます。段落ごとに <p> 要素が割り当てられます。
Bacon ipsum dolor amet kielbasa pork belly drumstick. Pastrami short loin tenderloin meatball, jowl spare-ribs glazed prosciutto.
Bacon Ipsum はレイアウト確認の場を和ませ、クライアントにも「これは仮テキストです」と一目で伝わります。本番には残さないこと。
lorem と ipsum をリポジトリで検索しましょう。