スマートフォンでのタッチアクションを実装するjQueryプラグイン「hammer」 【feedpost tips】

jQuery.jpg

先日リリースしたTumblr用ツール「feedpost」で採用している技術を紹介するシリーズ。4回目はスマートフォンでのタッチアクションを実装するjQueryプラグイン「hammer」。独立版とjQuery版とあるのだけど、その辺はお好みで。ここではjQuery版。導入はとっても簡単で、jQueryと一緒に読み込むだけ。使い方の例は例えばこんな感じ。





で、ダブルタップで何かしたいときはこんな感じ。


これだけでモーションが設定出来ます。


設定次第でスマートフォンでダブルタップ、同じ動作をPCでダブルクリックといった感じで実装出来ます。設定出来るアクションについてはこのあたりを参考にしてください。

Hammer.js


……簡単だなあ……