本文へ移動

§17-10Mobile

Haptic feedback (Web Vibration)

タップに合わせて端末を短く振動させる。

操作に合わせて端末を振動させ、押した手触りを返す。視線を外していても反応が分かるので、ゲームや素早い入力の補助に向く。

実装のポイント

navigator.vibrate はミリ秒または振動/停止の配列を受け取る。未対応のブラウザが多いので機能検出して黙ってスキップし、振動だけに意味を担わせない。

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