無料のLorem Ipsumジェネレーター
段落、文、または単語数別にクラシックなプレースホルダーテキストを生成します。モックアップやデザインプロトタイプに最適です。
Lorem Ipsumとは？
Lorem ipsumは、Ciceroの文章（45 BC）から派生したプレースホルダーテキストです。1500sに印刷業者が活字見本帳を作るためにこれを組み替えて以来、業界標準のダミーテキストとなっています。デザイナーは最終コピーが利用可能になる前にレイアウトを埋めるためにこれを使用し、読みやすいコンテンツに気を取られることなくデザインを評価できます。
起源の物語、そして私たちがそれをどう知るか
20世紀の大半、グラフィックデザイナーたちは Lorem Ipsum がどこから来たのかを知らずに使ってきました。伝統的な説明、つまり16世紀の名もなき印刷業者がキケロを混ぜて活字見本帳を作ったというものは何十年も標準的な物語でしたが、その時代の文書化された見本は一次証拠として残っていません。現代の帰属はRichard McClintock、バージニア州 Hampden-Sydney College のラテン語教授の業績です。彼は1980年代に、ラテン文学で異例の単語「consectetur」を検索し、それをキケロに対応させて起源を突き止めました。McClintock は1994年に Before & After 誌で発見を発表し、何世紀にもわたる「どこから来たのか分からない」をキケロ §1.10.32-33 への正確な引用で終わらせました。Lorem Ipsum が主流デザインに広まったことについて検証可能なこと:Letraset、1959年に設立された英国のドライトランスファーレタリング会社は、1960年代から擦り取りシートに Lorem Ipsum を含めており、Letraset トランスファーを使うすべてのグラフィックデザイナー(DTP 以前のほとんど)の手にこのテキストを置きました。Aldus PageMaker が1985年7月に Macintosh でリリースされたとき、おそらく DTP カテゴリーを生み出したアプリケーション、組み込みテンプレートには Lorem Ipsum が含まれており、デジタルデザイン時代のデフォルトのプレースホルダーとしてこのテキストを定着させました。
なぜグラフィックデザイナーは英語ではなく偽ラテン語を使うのか
読みやすい英語ではなく偽ラテン語を使う論拠は心理的なもので、驚くほど根拠があります。利害関係者が読みやすい本物の英語テキストを含むモックアップを見るとき、注意は即座にコンテンツへと滑り出します。見出しを読み、メッセージに反応し、言い回しにコメントします。実際のレビュー対象だったビジュアルデザインは背景に押しやられます。Lorem Ipsum は遠目にはテキストのように見えます、単語の長さ、文のリズム、段落の密度、文字の頻度の信頼できる分布を持っています、しかし読むことはできません、だから注意は本来あるべき場所にとどまります、タイポグラフィ、階層、間隔、整列、視覚的バランスです。同じロジックが書体見本にも当てはまります、英語テキストで提示された書体は、テキストが何を言うかで判断されますが、書体がどう組まれるかでは判断されません。Lorem Ipsum はデザインレビューにとって、製品写真にとっての中立な背景でのテストのようなものです。「自然な分布」の論拠は本物です、標準的な一節は英語とロマンス諸語の統計を十分に忠実に模倣するので、行はほぼ正しい幅で折り返され、段落ブロックはほぼ正しい高さで落ち着き、Lorem の列の視覚的重みは同等の本物のテキストの視覚的重みに近似します。
Lorem Ipsumを使用するタイミング
- Web サイトとアプリのモックアップ。 半完成の本物のテキストの注意散漫なしに階層、間隔、グリッドの挙動でレイアウトを評価できるよう、テキストが書かれる前にコンテンツブロックを満たします。Figma、Sketch、Adobe XD、Penpot、Framer はすべてテキストツールのデフォルトに Lorem Ipsum ジェネレーターを組み込んでいます。ワークフローが常にそれを要求するからです。
- レスポンシブレイアウトのテスト。 長い Lorem 段落は、レイアウトが異なるウィンドウ幅でどう振る舞うかを明らかにします、テキストがどこで折り返すか、列がどこで再配置されるか、オーバーフローがどこで発生するか。人工的に中立なコンテンツは、コンテンツについての判断と混同せずに純粋に構造的な問題を見やすくします。
- 印刷レイアウトのプレビュー。 雑誌のスプレッド、パンフレット、ポスター構成、書籍内側、最終テキストが届く前にデザイナーがタイポグラフィ、グリッド、ホワイトスペースを評価する必要があるあらゆる場所。Adobe InDesign の Type メニューには 1990年代後半からアプリケーションの一部となっている組み込みの Fill with Placeholder Text コマンドがあります。
- 書体評価。 新しい書体の見本ページは、デザイナーが書体が様々な単語の長さと文のリズムで本文サイズでどう組まれるかを見るために Lorem Ipsum(またはその多言語等価物)を使います、コンテンツの読書に邪魔されることなく。
- 開発とシード。 データベースレコード、CMS コンテンツモデル、メールテンプレート変数、コンポーネントライブラリの Storybook ストーリーを例示テキストで埋めて、フロントエンドチームがコピーチームが終わる前に現実的に見えるデータに対して構築できるようにします。Lorem Ipsum は慣習的なプレースホルダーです、Faker.js などの類似ライブラリがプログラムで生成します。
- アクセシビリティ監査。 レイアウトに現実的なコンテンツを満たすことで、スクリーンリーダー、キーボードナビゲーション、200% ズームが本物のテキストでどう振る舞うかが明らかになります、空のボックスが隠す問題です。
Lorem Ipsum ファミリー、バリアントとユーモラスなジェネレーター
プレースホルダーテキストがデザインワークフローの標準的な部分となると、ファンタジーバリアントが続きました。Bacon Ipsum(Michael Bacon、もとは冗談として)はラテン語を肉のカットで置き換えます、「Bacon ipsum dolor amet ribeye t-bone shankle...」。これは2011年頃にデザイン Twitter サークルで一時的にバイラルになり、現在はジェネレーターと API の両方として baconipsum.com に存在します。Hipster Ipsum はクリシェのヒップスター語彙(artisan、moustache、locavore)を導入します。Cupcake Ipsum、Pirate Ipsum、Office Ipsum(企業のジャーゴン)、Samuel L. Ipsum(Pulp Fiction からの NSFW 引用)、Trumpipsum(トランプの演説の抜粋)、Lebowski Ipsum がすべて存在します。真剣な代替は言語固有の等価物です:Lorem Ipsum japanesa(かなと漢字での日本語フィラー)、キリル文字フォントのテストのための Cyrillipsum、アラビア文字の Lorem バリアント、すべて元のラテン語が非ラテン文字でフォントやレイアウトがどう扱うかについて何も伝えないために作られました。非ラテン文字でランニングテキストをテストするには、文字に合わせたバリアントを使用します。元の Lorem はレイアウトを完全に誤らせます。
このジェネレーターはどう動くか
3つのモード:段落(最も一般的、1から100の数)、文、単語。「Lorem ipsum で始める...」トグルは最初の段落が標準的な「Lorem ipsum dolor sit amet, consectetur adipiscing elit」で開くかどうかを制御します、デザイナーは通常最初の段落でこれを有効にし、その後の生成では無効にしてテクスチャに変化を加えます。生成は完全にブラウザの JavaScript で実行されます、ラテン語に見える単語の小さな辞書が重み付けられたランダム選択でサンプリングされ、文の長さは自然な散文を模倣するように変化させられ、段落はターゲットカウントまで組み立てられます。ネットワーク呼び出しなし、サーバーラウンドトリップなし、テレメトリなし、Generate をクリックする間に DevTools の Network タブを確認するか、ページが読み込まれた後にページをオフライン(機内モード)にすればジェネレーターはまだ動作します。「プライバシー」のフレーミングは機微なデータを扱うツールほど Lorem Ipsum には重要ではありません(プレースホルダーテキストで個人データではありません)、しかしアーキテクチャの性質は同じです、何もデバイスを離れません。
よくある質問
Lorem Ipsumは本物のラテン語ですか？
部分的にそうです。45 BCに書かれたCiceroのDe Finibus Bonorum et Maloremのセクションに基づいています。ただし、標準的なLorem Ipsumテキストは何世紀にもわたって変更され、単語が変更、追加、組み替えられているため、正しいラテン語ではありません。
なぜ日本語のプレースホルダーテキストを使用しないのですか？
読みやすいテキストはレビュアーの気を散らします, デザインを評価する代わりにコンテンツを読み始めてしまいます。 Lorem Ipsumは、気を散らすことなく実際のテキストを模倣する文字と単語長の自然な分布を持っています。
特定の単語数を生成できますか？
はい！タイプとして単語を選択し、必要な正確な数を入力します。使用ケースに応じて、段落または文で生成することもできます。
Lorem Ipsum テキストで本物の Web サイトを公開してもいいですか?
いいえ、Lorem Ipsum はデザインレビュー用であり、本番用ではありません。検索エンジンは低品質のフィラーコンテンツとしてフラグを立てます、訪問者は「Lorem ipsum dolor sit amet」を見て、ページが未完成または放棄されたと即座に認識します、そして偶然にドラフトを公開した会社を時折困らせます。公開前に常に Lorem を本物のテキストに置き換えます。(理由:検索エンジンは繰り返されるプレースホルダー文字列を認識でき、Lorem Ipsum を公開しているサイトはボットとユーザーの両方に「放棄されたプロジェクト」を示します。)
特定の文字やトーンに対してより良い代替はありますか?
はい。非ラテン文字には文字に合わせたジェネレーターを使用します、ラテン語の Lorem Ipsum でアラビア語のフォントをテストしても、フォントがアラビア語でどう組まれるかについて有用なことは何も明らかになりません。トーン実験には、ユーモラスなバリアント(Bacon Ipsum、Hipster Ipsum、Office Ipsum)が話のきっかけとして機能しますが、本物のレビューには決して現れるべきではありません。プログラムによるシード(データベースレコード、Storybook ストーリー、テストフィクスチャ)には、Faker.js のようなライブラリがオンデマンドで Lorem Ipsum と他の現実的なプレースホルダーデータを生成します。