Force Touchとは？

Force Touchは、Appleの MacBook トラックパッドに組み込まれた圧力感知テクノロジーです。標準的なクリックとは異なり、Force Touchは軽いタッチと強い「ディーププレス」を区別し、リンクのプレビュー、単語の検索、サポートされているアプリでのセカンダリアクション実行など、コンテキストに応じたアクションを実現します。トラックパッドには物理的な力を測定するセンサーが含まれており、0（接触なし）から1（最大圧力）までの連続値を報告します。

サポートはハードウェアとブラウザによって異なります。Force Touchは2015年以降にリリースされた MacBook モデルで利用可能で、macOS上の Safari および Chromium ベースのブラウザの Pointer Events / webkitmouseforcechanged API を通じてウェブページに公開されています。

ツールの説明

MacBook トラックパッドを検出ゾーン内の任意の場所で押し続けると、リアルタイムの圧力フィードバックが表示されます。色分けされたプログレスバーが0%から100%まで上昇し、より強く押すと色が変わります。ステータスインジケータは、軽いプレスか、ディーププレスかを示します。このツールは Force Touch が正常に機能していることを確認し、デバイスの圧力閾値を理解するのに役立ちます。

機能

  • リアルタイム圧力バー — 力を変えると継続的に更新され、圧力が増加するにつれて色が緑 → 黄 → 赤に変わります
  • ディーププレス検出 — Force Touch ディーププレスイベントが検出されると、バーがアニメーション表示され赤くなります
  • 非対応デバイス通知 — デバイスまたはブラウザが圧力イベントをサポートしていない場合、警告が即座に表示されます

動作原理

このツールはライブラリを使用しており、webkitmouseforcechanged イベント（Safari/macOS）と Pointer Events の pressure プロパティを抽象化しています。トラックパッドを押すと、ライブラリは 0 から 1 の間の正規化された力の値を含む change コールバックを発火し、この値に100を掛けてプログレスバーにパーセンテージとしてレンダリングされます。

制限事項

  • Force Touch ハードウェアを備えた MacBook トラックパッド（2015年以降）でのみ動作します
  • macOS上の Safari ベースのブラウザが必要です。Firefox は圧力 API を公開していません
  • タッチスクリーンと通常のマウスは圧力を報告せず、「非対応」通知がトリガーされます