本文へ移動

§22-13Security

クリップボードコピー (一定時間で消去)

コピーした値を一定時間後にクリップボードから消す。

パスワードやトークンをコピーした後、他のアプリへ誤って貼り付ける事故を防ぐ。秘密情報を扱う管理画面で使う。

実装のポイント

一定時間後に 空文字の writeText で消去するが、他のアプリで別の内容をコピーし直していないかを読み取りで確認してから消す。

特徴
  • タイマー
  • ブラウザ API
デモで使っているもの
  • shadcn/ui
  • lucide-react
  • Clipboard API