bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptタッチジェスチャーをカスタマイズできるJSライブラリ「zingtouch」JavaScript2016.08.1タッチジェスチャーをカスタマイズできるJSライブラリ「zingtouch」Zingtouchは、タッチ対応のデバイスにおける基本的なジェスチャー機能をカスタマイズできるJSライブラリです。近年、スマホの普及率は急速に伸びています。2台持ちの人も少なくありません。小さなパソコンを持ち歩いているようなものです。パソコンと決定的に違うのは、指先ですべてが完結することでしょう。指先といえども、その操作にはタップや長押し(ロングタップ)など様々なものがありますが、Zingtouchはそれらを完全にカスタマイズできます。zingtouchzingtouchのデモは以下のページからチェックできます。デモまず、このZingtouchのデモページはタッチ対応のパソコンでない限り、スマホ・タブレットでご覧になってください。2本の指で操作しなければ確認できないものがあるためです。カスタマイズできる6種類の操作をご紹介します。タップ(画面を指先で1回軽く叩く)ローテート(画面を2本の指先で回転させる)ピンチ(2本の指でつまむように操作する)ピンチアウト(2本の指の間隔を広くして拡大させる)パン(画面から指を離さずなぞる)スワイプ(画面に触れ、その指先を高速でスライド)基本的な操作もありますが、これらはすべてカスタマイズが可能です。タップは「ジェスチャーの開始と終了をミリ秒単位で測定/2本の指でタップすれば反応するという条件付け」。ローテートは、「右に回せば時計回り、左に回せば反時計回り」などがあります。身近なアプリでいえば、Googleマップでローテートをすれば、地図が回転します。社会現象になりつつある、ポケモンGOでは、スワイプのスピードでモンスターボールの飛距離が変化します。ページのコンテンツに「楽しみをプラス」し、アクティブなサイトに変身できますね。三次元の現実世界で当たり前の動きやその感覚を、二次元の世界でも実感できます。Buttonは軽量でカスタマイズ...JavaScriptシンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」...portBoxというjQueryプラグインを使えばシンプルで軽量なLi...JavaScriptWebページに雪を美しく降らせる冬にピッタリのjQueryプラグイン「Flurry」FlurryはWebページに雪を美しく降らせてくれるアニメーションを実...JavaScriptGoogle+のような画像ギャラリーを実装できる「plusGallery」plusGalleryはGoogle+のような画像ギャラリーを実装する...JavaScript水平スクロールでテキストが流れていくマーキー実装「hMarquee」hMarqueeは、水平スクロールでテキストが滑らかに流れていくマーキ...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。