スマフォ タップを高速化しUI UX改善 / Lei Hau'oli Engineer's Blog | レイハウオリエンジニアブログ
スマートフォンのClickイベントが、PCに比べると遅い事をご存知でしょうか？ 本記事では、Clickの反応が遅い『原因』と『対策』について、ご紹介していきます。 本当に遅いの？ まずは、サンプルをご覧ください！！ 高速タップサンプル（チェックボックス） ※サンプルは、スマートフォンでご覧ください。 いかがでしょうか？ 比較した際に「通常チェックボックス」の反応の悪さにも驚かされますが、 「高速化対応したチェックボックス」の操作感の良さを感じていただけたと思います！！ なぜ遅いの？ 遅い原因。それは、スマートフォン特有の操作方法にあります。 まず、スマートフォンにおける「Click（Tap）」とは、何でしょうか？ 簡単に表すと「Touch start」→「Touch end」＝「Click」となります。 スマートフォンの操作方法には、単純なクリック操作の他に「ダブルタップ」「ピンチイン、ピ
【jQuery】iPhone や Android の反応速度向上のために「タッチイベント」を活用する方法。
【jQuery】iPhone や Android の反応速度向上のために「タッチイベント」を活用する方法。 スマートフォンサイトを作るとき、ちょっとした一手間を加えるだけで、驚くほどユーザビリティーが向上しますよ、というおハナシです。 その一手間とはズバリ、jQuery の「タッチイベント」を活用すること。 タッチイベントとは、その名のとおりスマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことで、以下の４つのタイプの機能が用意されています。 touchstart ： タッチしたときに発生する touchmove ： タッチしたまま動かしたときに発生する touchend ： タッチ状態から離れたときに発生する touchcancel ： タッチ中に電話がかかってきた場合などに発生する（通常は使わない） 具体的にわかりやすいように、ここではスマートフォン用のサイトでよく使
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
