Question 1

Lorem Ipsumとは？なぜデザインで使われるのですか？

Accepted Answer

Lorem Ipsumはキケロの「De Finibus Bonorum et Malorum」から派生したラテン語の擬似テキスト。デザインで使われる理由: 1. 読者の注意がコンテンツではなくレイアウトに向く（意味のあるテキストだと内容を読んでしまうため）。2. 文字の分布がラテン語系言語に近く、自然なテキストブロックに見える。3. 万国共通で意味がわからないため、多言語チームでもレイアウト評価に集中できる。デザインツール(Figma・Adobe XD・Sketch)に標準搭載。

Question 2

Webデザインで日本語ダミーテキストが必要な場面は？

Accepted Answer

日本語Webサイト・アプリのデザインでは、英語Lorem Ipsumを使うと以下の問題: 1. 日本語フォントの行間・文字幅が英語と大幅に異なる→実際のレイアウト確認ができない。2. 全角文字の折り返し位置が異なる。3. 縦書きデザインでは必ず日本語テキストが必要。日本語ダミーテキスト例: 「吾輩は猫である。名前はまだない。どこで生れたかとんと見当がつかぬ。」（著作権切れの青空文庫テキストを活用）。

Question 3

FigmaやTailwind CSSでダミーテキストを効率的に使う方法は？

Accepted Answer

Figma: プラグイン「Lorem ipsum」「Content Reel」でテキスト要素を選択して一括生成。テキストスタイルにダミーテキストを設定してComponent化。Tailwind CSS: `prose`クラス（@tailwindcss/typography）でリッチテキストスタイルを適用して確認。React/Nextで仮実装: `const PLACEHOLDER = "Lorem ipsum dolor sit amet..."` を定数化して後から差し替え。Storybook使用時はArgs/Controls機能でリアルテキストを実装前に試せます。

Lorem Ipsum 生成

このツールをもっと活用する

チートシート・テンプレート集

技術記事・実装ガイド

もっと学びたい方へ

BOOTH Store

Gumroad Store

TechBoost

フィードバック

EZARK Blog