【たっぷ】

タップ とは?

💡 スマホ操作の基本中の基本「指でポンッ」
📌 このページのポイント
タッチ操作の種類 タップ 軽く1回触る ダブルタップ 素早く2回 長押し 押し続ける スワイプ なぞるように滑らす タップの主な用途 ボタン押下 リンク選択 メニュー操作 項目選択 マウスのクリックに相当する最も基本的なタッチ操作
タッチ操作の種類のイメージ
ひよこ ひよこ

タップってただ画面を触るだけのことなの?

ペンギン先生 ペンギン先生

そうだよ。指で軽くポンと1回触れる操作のことだね。スマホ操作の中で一番基本的な動作だよ

ひよこ ひよこ

ダブルタップとかロングタップって何が違うの?

ペンギン先生 ペンギン先生

ダブルタップは素早く2回触れる操作で画像の拡大などに使うよ。ロングタップは長押しのことで、メニューを出したりするときに使うんだね

ひよこ ひよこ

PCのクリックとタップは同じものなの?

ペンギン先生 ペンギン先生

役割はほぼ同じだよ。クリックはマウスのボタンを押す操作、タップは画面を指で触る操作という違いがあるだけだね

ひよこ ひよこ

タップとクリックって、プログラム的には同じ扱いなの?

ペンギン先生 ペンギン先生

似てるけど微妙に違うよ。Webではタップはtouchstart/touchendイベント、クリックはclickイベントが発火する。ただしスマホのブラウザではタップ後にclickイベントも発火するから、両方のイベントを登録すると2回反応しちゃう「ゴーストクリック」問題が起きることがあるんだ。

ひよこ ひよこ

タップの精度ってPCのクリックより低いの?

ペンギン先生 ペンギン先生

指先は面積があるから、マウスポインタより精度は低いよ。だからスマホ向けのUIではボタンやリンクを最低44x44ピクセル以上にすることがAppleのヒューマンインターフェースガイドラインで推奨されている。小さいボタンが密集していると「隣のボタンをタップしちゃった」という誤タップが頻発する。これは「ファットフィンガー問題」と呼ばれていて、モバイルUI設計の基本中の基本なんだよ。

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「タップ」って出てきたら「スマホの画面を指で軽くポンと触る操作のことだな」と思えればだいたいOK!
📖 おまけ:英語の意味
「Tap」 = 軽く叩く、コツンと触れる
💬 元々は何かを軽く叩く動作を指す英語で、画面を指で軽く触れる操作の名称として定着した
← 用語集にもどる