Webサイトのマウス操作をトラッキングする·simple mouse tracking MOONGIFT
Webサイトの運営は孤独だ。ユーザからのフィードバックを得るというのはかなり難しい。対面式でない分、時間や地理的条件に束縛されないというメリットがある反面、訪問者が何を考え、どういう動きをしているのかといった情報が分からずユーザビリティの改善は困難だ。 ユーザのマウスの動きをトラッキングする だがデジタルだけに仕組みをうまく用いればもっとユーザの動向が分かるようになるはずだ。 今回紹介するオープンソース・ソフトウェアはsimple mouse tracking、マウスの軌跡を記録、再現するソフトウェアだ。 simple mouse trackingはJavaScriptとPHPで提供されるソフトウェアで、指定されたJavaScriptタグを埋め込むことで動作する。埋め込まれたWebサイトでマウスを動かすとその軌跡が記録され、管理画面から見ることが出来るようになる。 動きを追っているところ
Webの3Dグラフィックスが変わる?!GoogleのO3Dとは？
Googleがリッチな3Dグラフィックスを制作できるWebアプリケーションO3Dを発表した。 Google Developer Day2009で、O3Dの開発に携わったグーグルソフトウェアエンジニアのグレッグ・タヴァレス（Gregg Tavares）氏とグーグルプロダクトマネージャーのヘンリー・ブリッジ（Henry Bridge）氏にO3Dの開発秘話やO3Dの可能性を聞いた。 Web 3Dの歴史 O3Dの話題に入る前にWeb上でのWeb 3Dの歴史について振り返ってみよう。実は約10年前の1990年代にもブラウザで3Dを表現する技術VRMLが登場した。Webの登場が1990年あたりと考えると、この段階で3Dを表現する技術が発表されたことには驚きを感じる。 しかし、当時はまだインターネットの回線速度が遅く、PCのスペックも高いものではなかった。モデリングツールも少なく、扱うには高度な技術が必
第31回 美術的手法のWebデザインへの適用
Webコンテンツは文字主体のいわば“書類”です。絵画でも写真でもありません。書類に対して徹底的に芸術性を追求することには，おそらく意味がないでしょう。「構想3年，4年以上の歳月をかけて完成した，とても美しい芸術的な交通費申請書」があって，人々がその美しさに小一時間足を止めて鑑賞するといったことはありえません。 しかしながらWebコンテンツは純粋な書類だということでもなく，少なくても閲覧する人の眼を意識して，使いやすさとともに美しさも要求されるものですね。いわば“機能美”です。 自動車を思い出してください。自動車は走るという目的だけであれば，鉄で四角い箱を作り，エンジンと座席を突っ込んで，タイヤを四つほど付けておけばいいんです。しかし，そんな何の変哲もない箱形の車では営業的に成功はしないでしょう。Webコンテンツは自動車と同じ工業製品であり，機能性とともにユーザーに好感を持ってもらうために機
403 Forbidden
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
SOYAGIMI NOTE 事業者のための情報発信メディア
Information to help businesses事業者に役立つ情報を総合的にお届けします こんにちは、SOYAGIMI Note を運営する株式会社SOYAGIMI 松永です。 このサイトは弊社顧客様のための情報提供、また様々な地域で活躍される事業者様のお役に立てる情報を発信するためのメディアです。 私たちも小規模な事業者ですので、比較的使える情報や経験をご紹介できると思います。 比較サイトなんか見ても、昨今事業者は軽く扱われがちですからね。 色んな情報やテクニックを持って、けっこう大変な時代を乗り越えていけたらいいなぁって。 Convenient tool use 便利なツールの使い方をご紹介 小規模で活動されていると、やはり人出が足りなくなるのが現状です。 しかしながら最近は無料で使えて、業務を効率化できるアプリも多数存在します。 そういったアプリの使い方などをまとめて、経
RedLine Magazine : htmlとxhtmlの違い
htmlとxhtmlの違い htmlとxhtml、両者の違いがイマイチ分からないという方も多いと思う。webに詳しい方には「そんな説明の方法はないでしょっ！お前アホか。」と怒られそうだが思い切って簡単に言ってみる。 htmlとxhtmlは、顔がよく似ている腹違いの兄弟みたいなものです。 htmlさんのお母さんはSGMLさんで、xhtmlさんのお母さんはXMLさんです。xhtmlさんはSGMLさんとXMLさんの話し合いの結果産むと決められた子です。 表面上の顔はよく似てますが、htmlの性格はおおざっぱで自由奔放でとっつきやすい人です。逆にxhtmlさんは細かい事を気にする神経質です。xhtmlさんのお母さんであるXMLさんは顔が広く交友関係が広いので、最近はxhtmlさんの方がweb現場では気に入られています。 ･･･と違いはこんな感じ。両者の違いの詳細についてはいろんなサイトで解説されて
HugeDomains.com
Captcha security check uka-p.com is for sale Please prove you're not a robot View Price Processing
CSS3では何ができるのか？
CSS3は今！ 皆さんはCSS3について知っていましたか？ 「まあ、なんとなく知っていたけど、まだ先の話でしょ」という感じではないでしょうか。筆者も「最近ようやくテーブルデザインからCSS+XHTMLでのコーディングスタイルが落ち着いたから、もうちょっとこれでやらして」という感じです。 しかし、CSS3時代の到来はそう先の話ではなさそうです。例えば、SafariやOpera、Firefoxなどの一部のWebブラウザでは、すでにCSS3の仕様が実装されています。また、新しいバージョンが出るたびに、どんどん新しい実装が追加されています。Internet Explorerもバージョン8でWeb標準に向かっています。 このCSS3策定は、Adobe Systems、Apple、Google、HP、IBM、Microsoft、Mozilla、Opera、Sun MicrosystemsなどといったW
徳丸浩の日記 - そろそろSQLエスケープに関して一言いっとくか - SQLのエスケープ再考
補足 この記事は旧徳丸浩の日記からの転載です。元URL、アーカイブ、はてなブックマーク1、はてなブックマーク2。 備忘のため転載いたしますが、この記事は2007年11月26日に公開されたもので、当時の徳丸の考えを示すものを、基本的に内容を変更せずにそのまま転載するものです。 補足終わり 本稿ではSQLインジェクション対策として、SQLのエスケープ処理の方法について検討する。 最近SQLインジェクション攻撃が猛威を振るっていることもあり、SQLインジェクションに対する解説記事が増えてきたようだが、対策方法については十分に書かれていないように感じる。非常に稀なケースの対応が不十分だと言っているのではない。ごく基本的なことが十分書かれていないと思うのだ。 SQLインジェクション対策には二通りある。バインド機構を使うものと、SQLのエスケープによるものだ。このうち、SQLのエスケープについて、十分
SQL Injection Cheat Sheet
例; （MS）：MySQLとSQL Serevr （M*S）：MySQLの特定バージョンや、関連する注意事項に記載されている特定条件に関するもの、およびSQLServerを示す。 目次 SQL Injection Cheat Sheatについて 文法のリファレンス、攻撃のサンプル、狡猾なSQLインジェクション小技 1行コメント SQLインジェクション攻撃のサンプル インラインコメント 典型的なインラインコメントSQLインジェクション攻撃のサンプル MySQLバージョン検出攻撃のサンプル 複文 複文をサポートする言語とデータベースの一覧 MySQLとPHPについて 複文によるSQLインジェクション攻撃のサンプル If命令文 MySQLのIf命令文 SQL ServerのIf命令文 If命令文を利用したSQLインジェクション攻撃のサンプル 数値の利用 文字列操作 文字列連結
hata's LABlog: CSRF対策 with JavaScript
JavaScript を使った CSRF 対策の方法として、以前 Kazuho@Cybozu Labs で紹介されました。 CSRF 対策 w. JavaScript CSSXSS に対して脆弱でない CSRF 対策とはどのようなものか、という議論が続いているようですが、JavaScript を用いてよいのであれば、簡単な対策手法が存在すると思います。 ここでさらに一歩進めて、既存の FORM 要素に onsubmit 属性、および hiddenフィールドを直接追加せずに、JavaScript ファイルを１つインクルードすることにより、既存アプリケーションの書き換えをさらに少なくする方法を紹介したいと思います。 以下の JavaScript ファイルをHTMLの最後でインクルードする方法です。 fight_csrf.js sessid_name = ""; scripts = docume
サイト構築に役立つWEB講座 SmartSmart(スマートスマート)
フロントエンドのウェブ制作を学ぶ HTML5やCSS３、JavaScriptなどの言語、それにAtomといったツール、 言語を覚えるための勉強方法などを紹介。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CG-ARTS検定
Webクリエイター能力認定試験｜資格検定のサーティファイ
HTMLの外部ファイル化
テクノロジー : 日経電子版
フォームボタンCSSデザインするテクニック （Rediscovering Button Element） - youmos
2-1. SQL組み立て時の引数チェック