プレースホルダーコンテンツ
Placeholder Content
別名: ダミーコンテンツ
ライブデモ
説明
一言で説明
実際のデータが表示される前の、レイアウトを保持するための仮のコンテンツ。テキストや画像の位置を示す。
いつ使う?
読み込み時間を視覚的に埋める場合。ユーザーが内容を想像しやすくし、ガタつき(レイアウトシフト)を防ぐ。
💡 日常の言い方
「まだ読み込まれてない部分に表示される、仮のグレーの四角とか」
似ている用語との違い
プレースホルダーコンテンツ vs スケルトンスクリーン
ほぼ同義だが、スケルトンスクリーンは特により具体的な骨組み(アニメーション付き)を指す傾向がある。
AIへの指示例
商品画像が読み込まれるまでの間、プレースホルダーとしてグレーの背景にカメラアイコンを表示して。画像が読み込まれたらフェードインで切り替えて。