スマートフォンのWebブラウザも高速化し、Webアプリケーションを提供するのに躊躇することもなくなってきました。デスクトップ向けのWebアプリケーションがほぼそのまま提供できますが、画面の大きさの問題などもあって多少の工夫が必要です。 そんな中、スマートフォン特有の動きにも気を配る必要があります。今回はその一つ、Swipe-listenerを紹介します。

Swipe-listenerの使い方

表示した直後です。

右からスワイプしたところ。

左からスワイプ。

Swipe-listenerは左右からのスワイプ操作を検知してイベントを実行できます。アプリの場合は進む、または戻るの操作に割り当てられることが多いですが、SPAなどでは独自の工夫が必要かも知れません。そんな時に使えるライブラリです。

Swipe-listenerはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Swipe-listener Demo umanghome/swipe-listener: Zero-dependency, minimal swipe-gesture listener for the web.