• かちびと.net

    iOS4.2+ / モバイルSafariの「振る動作(シェイクジェスチャー)」をjQueryを使って検知するプラグイン・gShakeのご紹介です。簡単に検知できるのでこういうライブラリは有難いですね。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

iOS4.2+ / モバイルSafariの「振る動作(シェイクジェスチャー)」をjQueryを使って検知する

スポンサーリンク

iPhoneを振る動作(シェイクジェスチャー)
によって呼び出されるモーションイベント
をjQueryで検知するgShakeのご紹介。
iOS4.2以上 / Safariでは加速度センサー
をJavaScript経由で使うことが出来ますが、
これをjQueryでやろう、という内容です。

備忘録です。別にjQueryじゃなくてもいいじゃんみたいな話なんですけど、まぁjQuery大人気ライブラリだし覚えておいて損は無いんじゃないでしょうか。

この件に関しては以前カヤックのえどさん(@edo_m18)が記事とデモを用意してくれてるのであわせて参考にして頂ければ幸いです。

gShake


3KBと軽量で、導入も簡単です。

以下サンプルご用意しました。iOS4.2以上のモバイルSafariで軽く( ゚∀゚)o彡゜すればアラート確認出来ます。
※iPhoneすっ飛んでいかないように気をつけてください。

デモ※別窓

コード

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="gShake.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$(this).gShake(function() {
		alert("振ったね?父さんにも振られt")
	});
});
</script> 

もともとjQueryを使っているWebサイトでシェイクイベントを新たに使いたい、とかならモハメドアリじゃないですかね。

他の方法あまり知らないのでわかりませんけど、選択肢は多いほうがいいですよね。コードはgithubで公開されてました。

gShake

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services