プレースホルダーコンテンツ

Placeholder Content
別名: ダミーコンテンツ
オンボーディング

🎮 ライブデモ

📝 説明

一言で説明

実際のデータが表示される前の、レイアウトを保持するための仮のコンテンツ。テキストや画像の位置を示す。

いつ使う?

読み込み時間を視覚的に埋める場合。ユーザーが内容を想像しやすくし、ガタつき(レイアウトシフト)を防ぐ。

💡 日常の言い方

まだ読み込まれてない部分に表示される、仮のグレーの四角とか

🔄 似ている用語との違い

プレースホルダーコンテンツ vs スケルトンスクリーン

ほぼ同義だが、スケルトンスクリーンは特により具体的な骨組み(アニメーション付き)を指す傾向がある。

🤖 AIへの指示例

商品画像が読み込まれるまでの間、プレースホルダーとしてグレーの背景にカメラアイコンを表示して。画像が読み込まれたらフェードインで切り替えて。