[B! JavaScript][log] YasSoのブックマーク

iPhoneがJavaScript＋SQLiteでGPSレコーダーに！ (1/5)

JavaScriptを使ってGPSデータを取得できるようになったiPhone OS 3.0。前回は、現在の位置情報を取得し、Googleマップに表示する方法を紹介しました。後編は、位置情報と日時をデータベースにどんどん記録していくプログラムを作ってみましょう。 Safariのデータベースを使う iPhoneに搭載されているSafariは、HTML5で追加される予定のAPI「Client-side database storage」を先行実装しており、ブラウザーが用意しているローカルデータベースにJavaScriptを使ってデータを保存できます。 iPhoneのSafariはデータベースエンジンとして「SQLite」を実装しています。SQLiteは、SQLのすべての命令には対応していませんが、簡単なWebアプリケーション用途であれば十分な機能を持つデータベースエンジンです。個々のテーブルは「

YasSo 2009/07/24

リンク

JavaScriptとAJAXでページ上のマウスの動きを録画・再生するデモ

ページ上で動かしたマウスの軌跡を記録し、再生することが可能になるJavaScriptやAJAXなどの組み合わせデモが公開されています。実際に試してみればわかりますが、記録している際には、特に記録されていると気づくような要素は全くありません。応用としては、広告バナーのクリックについてアイトラッキング（目の動きを追う）の代わりに、マウスの移動する軌跡を記録して「マウストラッキング」が可能になったり、あるいはAJAXをフルに駆使したサイトにおけるユーザービリティの記録による操作の改善、あるいは各種スパイ行動などにも使えます。実際のデモは以下から。 Record mouse movement using Javascript and AJAX http://pure.rednoize.com/movelogger/ 上記ページで四角いキューブの辺の周囲をマウスでなんどかぐるぐると回転させてみた

YasSo 2007/10/23

リンク

ユーザーがページのどこをクリックしたか解析するツール[to-R]

ユーザーがページのどこをクリックしたか解析するツールユーザーがどのようにサイトを巡回しているかはアクセス解析なのでわかりますが、ページのどこをクリックしたかも知りたくないでしょうか？今回は、ページのどこがクリックされたかを解析するツールを紹介します。 Crazy EggはwebページにJavaScriptのコードを一行追加するだけでwebページのどこがクリックされているかを解析できるおもしろいツールです。ちなみにto-Rを解析した所、このような結果になりました。最初のエントリーの『続きを読む』にクリックが集中してますね。 CSSのカテゴリーページも結構人気っぽいです。お約束として『パーマリンク』を用意しているのですが全くクリックされていませんので必要なさそうですね。などアクセス解析やデザインを見ているだけではなかなか見えないwebサイトの性質が見えてきます。セットアップまず

YasSo 2007/08/21

リンク

SafariのユーザーエージェントからMacOSのバージョンを調べる方法 - WEBプログラミング NOW!

Safariのユーザーエージェント文字列には、しっかりとした規則性があるにはあるのですが、分かりにくいのが実際です。 Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/418.8 (KHTML, like Gecko) Safari/419.3 のようになります。（見た目は２行に見えるかもしれませんが、実際は１行です。）分かりにくいのは、まず、いわゆる「バージョン」の表記がないことが第一です。上のユーザーーエージェントの文字列は、Tigerで目一杯アップデートさせてのSafari（2.0.4）ですが、どこにも、「2.0.4」という文字列は出現しません。分かりにくい第２の理由として、AppleWebKitの後ろの数字（ビルド番号）と、Safariの後ろの数字が微妙に違うことです。このことは、Pantherで目一杯アップデ