DevTool Kit

Lorem Ipsum ジェネレーター

モックアップに必要なだけダミーテキストを生成します。段落・文・単語数・リスト項目から選べ、そのまま貼れる `<p>` や `<li>` 付きの出力も可能です。

レイアウトに合う単位で生成

段落は記事テンプレートを埋めるのに、文はカードや概要欄に、単語数は見出しやボタンのラベルに、リスト項目はメニューや機能一覧に適しています。長文を生成して削るのではなく単位を選ぶことで、毎回ひと手間減らせます。

マークアップ向けの HTML 出力

HTML を有効にすると、各段落が `<p>` で、リスト項目が `<ul>` 内の `<li>` で囲まれます。CMS の入力欄ではなくテンプレートに直接流し込む場合に便利で、モックアップの構造も正確に保てます。

ダミーテキストが今もラテン語である理由

Lorem ipsum はキケロの文章を崩したラテン語で、16 世紀から使われています。理由は「読めないから」です。レビューする人は文章を読まずレイアウトを見ますし、下書きを完成原稿と取り違える人もいません。デザインレビューではそれが望ましい性質です。

よくある質問

テキストはサーバーで生成していますか?

いいえ。貼り付けた内容がブラウザの外に出ることはありません。ページは小さな JavaScript を読み込むだけで、計算はすべて手元の端末で行われます。送信先のサーバーそのものが存在しません。 生成器は小さなローカルの JavaScript なので、ページを読み込んだ後はオフラインでも動きます。

商用利用できますか?

できます。Lorem ipsum は何世紀も前からパブリックドメインで、制限はありません。ただし公開前に必ず差し替えてください。ダミーテキストがそのまま本番に出てしまう事故は、実際によくあります。

必ず「Lorem ipsum dolor sit amet」で始めるべきですか?

慣例的な書き出しで、ダミーであることが一目で分かるため通常は有用です。ポートフォリオ用のスクリーンショットなど、決まり文句に見せたくない場合はオプションを外してください。

デザインにはどれくらいの分量が必要ですか?

現実的な検証のためには、想定より少し多めに生成してください。レイアウトが崩れるのは極端な場合です。3 行に折り返す見出し、1 文しかないカードなど、理想的な分量の前後どちらも試してから確定させましょう。

関連ツール

UUID 生成カラーコード変換JSON 整形JSON → YAMLYAML → JSONBase64 エンコードBase64 デコードURL エンコード・デコード