Vibration App

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Vibration App</title>
  </head>
  <body>
    <h1>Vibration App</h1>
    <button onclick="vibrate()">Vibrate</button>
    <p>ユーザーのおもしろいジョークがここに入ります</p>
    <script>
      function vibrate() {
        if (window.navigator.vibrate) {
          window.navigator.vibrate([500, 200, 500, 200, 500]);
        } else {
          alert('お使いのデバイスはバイブレーションに対応していません。');
        }
      }
    </script>
  </body>
</html>

このアプリでは、ボタンをクリックすることでデバイスのバイブレーターが作動します。ここで設定されているパターンは、長さが500ミリ秒のバイブレーションと200ミリ秒の休止を交互に3回繰り返すものです。もちろん、このパターンを変更しても構いません。なお、window.navigator.vibrateメソッドが存在しない場合には、アラートメッセージを表示させます。