Lorem Ipsum
ダミーテキストの出力形式を使い分ける
2025-10-28
4つの出力形式
| 形式 | 出力例 |
|---|---|
| プレーンテキスト | 段落1\n\n段落2 |
| HTML（pタグ） | <p>段落1</p><p>段落2</p> |
| HTML（brタグ） | 段落1<br><br>段落2 |
| Markdown | 段落1\n\n段落2 |
段落単位の出力時のみ選択可能。
プレーンテキスト
出力例:
私たちは日々の暮らしの中で、さまざまな選択を迫られています。
テクノロジーの進化により、私たちの生活は大きく変わりました。
向いている貼り付け先:
- Figma、XD、Sketch
- Photoshop、Illustrator
- テキストエディタ
- Googleドキュメント
最も汎用的。迷ったらこれ。
HTML（pタグ）
出力例:
<p>私たちは日々の暮らしの中で、さまざまな選択を迫られています。</p>
<p>テクノロジーの進化により、私たちの生活は大きく変わりました。</p>
向いている貼り付け先:
- WordPress（テキストモード）
- HTMLテンプレート
- CMSのHTML入力欄
段落ごとに <p> タグで囲まれる。
HTML（brタグ）
出力例:
私たちは日々の暮らしの中で、さまざまな選択を迫られています。<br><br>テクノロジーの進化により、私たちの生活は大きく変わりました。
向いている貼り付け先:
- HTMLメール
- 改行を
<br>で処理するCMS - インライン要素内
<p> タグが使えない環境で段落を表現したい時に。
Markdown
出力例:
私たちは日々の暮らしの中で、さまざまな選択を迫られています。
テクノロジーの進化により、私たちの生活は大きく変わりました。
向いている貼り付け先:
- GitHub README
- Notion
- Markdownエディタ
- 静的サイトジェネレーター
プレーンテキストと同じ見た目だが、Markdown記法に準拠。
選び方の即決基準
| 貼り付け先 | 推奨形式 |
|---|---|
| デザインツール | プレーンテキスト |
| WordPress | HTML（pタグ） |
| HTMLテンプレート | HTML（pタグ） |
| Notion・GitHub | Markdown |
| メール | HTML（brタグ） |
まとめ
- デザインツールにはプレーンテキスト
- CMSにはHTML（pタグ）
- Markdown環境にはMarkdown
- 形式を間違えるとタグがそのまま表示される