【たっぷ】

タップ とは?

最終更新:
💡 スマホ操作の基本中の基本「指でポンッ」
📌 このページのポイント
タッチ操作の種類 タップ 軽く1回触る ダブルタップ 素早く2回 長押し 押し続ける スワイプ なぞるように滑らす タップの主な用途 ボタン押下 リンク選択 メニュー操作 項目選択 マウスのクリックに相当する最も基本的なタッチ操作
タッチ操作の種類のイメージ
ひよこ ひよこ
タップってただ画面を触るだけのことなの?
ペンギン先生 ペンギン先生
そうだよ。指で軽くポンと1回触れる操作のことだね。スマホ操作の中で一番基本的な動作だよ
ひよこ ひよこ
ダブルタップとかロングタップって何が違うの?
ペンギン先生 ペンギン先生
ダブルタップは素早く2回触れる操作で画像の拡大などに使うよ。ロングタップは長押しのことで、メニューを出したりするときに使うんだね
ひよこ ひよこ
PCのクリックとタップは同じものなの?
ペンギン先生 ペンギン先生
役割はほぼ同じだよ。クリックはマウスのボタンを押す操作、タップは画面を指で触る操作という違いがあるだけだね
ひよこ ひよこ
タップとクリックって、プログラム的には同じ扱いなの?
ペンギン先生 ペンギン先生
似てるけど微妙に違うよ。Webではタップはtouchstart/touchendイベント、クリックはclickイベントが発火する。ただしスマホのブラウザではタップ後にclickイベントも発火するから、両方のイベントを登録すると2回反応しちゃう「ゴーストクリック」問題が起きることがあるんだ。
ひよこ ひよこ
タップの精度ってPCのクリックより低いの?
ペンギン先生 ペンギン先生
指先は面積があるから、マウスポインタより精度は低いよ。だからスマホ向けのUIではボタンやリンクを最低44x44ピクセル以上にすることがAppleのヒューマンインターフェースガイドラインで推奨されている。小さいボタンが密集していると「隣のボタンをタップしちゃった」という誤タップが頻発する。これは「ファットフィンガー問題」と呼ばれていて、モバイルUI設計の基本中の基本なんだよ。
ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「タップ」って出てきたら「スマホの画面を指で軽くポンと触る操作のことだな」と思えればだいたいOK!
📖 おまけ:英語の意味
「Tap」 = 軽く叩く、コツンと触れる
💬 元々は何かを軽く叩く動作を指す英語で、画面を指で軽く触れる操作の名称として定着した
← 用語集にもどる