§22-12Security
情報マスキング
機密情報を既定で伏せ字にし、必要時だけ表示する。
画面を覗き見されても鍵やカード番号が漏れないようにする。公共の場での利用や画面共有が想定される管理画面に向く。
実装のポイント
既定は伏せ字にして、表示切替ボタンに状態に応じた aria-label を付ける。伏せ字の長さは固定にして元の文字数を漏らさない。
- 特徴
- ブラウザ API
- 状態管理
- デモで使っているもの
- lucide-react
- Clipboard API
§22-12Security
機密情報を既定で伏せ字にし、必要時だけ表示する。
画面を覗き見されても鍵やカード番号が漏れないようにする。公共の場での利用や画面共有が想定される管理画面に向く。
既定は伏せ字にして、表示切替ボタンに状態に応じた aria-label を付ける。伏せ字の長さは固定にして元の文字数を漏らさない。