スマホサイトに使いやすい軽量なシンプルなJavaScriptライブラリ
- Category:JavaScript・JQuery
- Date:2014年05月17日
- 0コメント
やたらお腹すいて困っている、JETBABY管理人です。いや、どうも。
今回はJavaScriptのライブラリのご紹介。
軽量かつシンプルかつスマホを考慮して作られている、QUOjs。
フルサイズで30kbと軽く、タッチイベントが簡単に使えます。
Mobile Loverとサイトに書かれているくらいなので、スマートホンに最適化されているんだと思います。
うちにあるAndroidでもiPhoneでもうごいておりました。
使い方も簡単。
jQueryライクでもありつつ、jQueryとの共存も可能になっています。いいねぇ!
簡単なサンプルをさくっと作ったので、スマホでアクセスしてみてください。
タッチイベントが簡単に使えるのはいいです、ほんと。
https://www.jetbaby.net/quojs/
QRコードもつけときます。個人的にダイレクトにURL入力するの面倒なんで、みなさんにそんな手間をかけさせはしないよ。
上記サンプルはPCでもタッチはクリック、スワイプはドラッグしながらマウス動かすで反応するようですが、他はうまく動きませんしスマホ向けなのでマウス操作は向いていません。
サンプルでは実行開始に
[javascript]window.onload = function(){
}[/javascript]
としていますがjQueryライクに
[javascript]$$(function() {
});[/javascript]
でも問題なし。$$と$がふたつなんですね、QUOjsの場合。
もちろんサンプルに載せた機能以外にもいろいろな機能がありますが、詳細は本家サイトをご覧ください。
このQUOjs、タッチイベントなどスマホ向けの部分を除けばPCサイトでも活用できますが、まぁそれならjQuery使うよね、慣れてるし。
しかしながらスマホサイトの構築には今後、選択肢として加えたいと思っています。
ではまた。
コメントを残す