アイトラッキングを使ってみた（1/2）- ＠IT
Zenコンサルティングユニット 柳沼 孝行 2009/5/25 ユーザーはどのようにWebページを閲覧しているのか？＠ITのページを対象にアイトラッキングで調査してみました 「ユーザー視点」とは何か？ Webサイト構築や、デザインに当たって重要視されるのが「ユーザーの視点」です。 Webに関わる多くの方にとって、「ユーザー視点」に立ったWebサイトの改善策を求められる機会が増えているのではないでしょうか。特定Webページにたどり着いた数はPVという指標で捉えられますが、ユーザーがWebサイトをどのように閲覧し、クリックに至ったのか、目の動線からもWebの改善ポイントが導けます。この記事では、アイトラックという技術を使って、ユーザーの閲覧動向を調査していきます。 「ユーザー」は、バナー広告を見ない？ そこでまず、2006年に英etreが行った、Virgin Megastoresオンラインサイ
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
![TRANS [hatena] - 印刷用CSSをまとめてみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/860579fb9ea6fc896c86331cc2f3af60ddeb6ef1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523499%2F1448268251)
メモ：コード写経のすゝめ - neotagの雑文
という内容のエントリネタを思いついた。けど、頭の中でまとまってないのでまだ書かない。とりあえずメモ ここ数日Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] のコードをとにかく写経してる。 内容が半分程度しかわかってなくてもちょっとした作法や文法、語彙が増えてる事に気づく。 他人のコードを読んで書き写す事で普段気づかないアプローチに気づく。とくに自分の場合はJavaScriptに使えそうなひらめきが結構あった。 ひらめきってのは一度沸いてくると連鎖する事が多い。＞モチベーションにつながる。 気づいたらJetpackでおもちゃ作ったりしてたよ！ そんな感じで写経おすすめ。そして写経で動くものが作れるActionScript 3おすすめ。ただ単に書き写してるだけだからそんなに頭使ってないのに結構色々頭に入ってきてて楽しい。
後付けでイベントを定義する
HTML文書内に定義されたボタン等にイベントを設定するには、あらかじめ設定したいタグにID名を指定しておきます（prototype.jsやjQueryなどのライブラリを利用すればID名を指定しなくても設定することができます）。DOM (Document Object Model) に準拠したブラウザの場合はaddEventListener()を使ってイベントを追加します。イベント名はon〜が付かない状態でのものになります。例えばonmouseoverであればmouseoverと指定します。 Internet Explorerの場合はaddEventListener()が使えないのでattachEvent()を使ってイベントを追加することができます。これらのメソッドではなくオブジェクトにイベントハンドラを指定する形でもイベントを設定することができます。例えば本書ではページの読み込みが完了した
ヤホーの動きと「SEO」関連検索キーワード｜GMOのSEO » 【SEO初心者のEvoブログ】
ヤホー（YST）が動いているようですが、公式アナウンスはまだありません。インデックス更新か？アルゴリズム更新か？直ぐに戻るのか？ 「SEOブログ」で当ブログが下落している事はさておき、松尾さんのSEOブログのトップと個別記事が1ページ目に2つ表示されています。こういった感じの順位はあまり目にしません。 頑張れヤホー！！ ※順位チェックについては「検索順位のチェックは検索APIを利用した検索順位チェックツールで」をご覧ください。 [追記] アルゴリズム更新でしたね。 Yahoo!検索 アルゴリズム Update アルゴリズムのバージョンアップは、新アルゴリズムを採用した検索エンジンへの切り替えとなり、過去にも何度か大きなバージョンアップを実施しています。 Index Updateと同様に検索結果の順位変動が発生することが予想されますので、お知らせいたします。 ヤホーの関連検索ワードも早くク
オブジェクト指向っぽい話が分かるかもしれないJavaScript講座 その1 | Takazudo Clipping*
自分はスーパーJavaScripterでこんなすげーのが5行で書けちゃう。やばいだろ！とかいうのでは全然無いですが、オブジェクト指向っぽい話が最近分かってきたつもりで、それでやっときゃ問題無いってことを思い始めているので、なんかそんな話を書いていきます。 こんな短く書くテクニックがあるぜ！ var hoge = hage ? huga : hoga; とか書けちゃうんだぜ！とかより、長くていいから分かりやすく拡張しやすいようにするにはどうするのかとか、そういう話ができればなーと思います。内容的には全くもって新しくも何とも無いですが。jQuery使ってやる前提です。 まんじゅう製造スクリプト 今日はまんじゅうを5個作ります。なんと、まんじゅうは、クリックすると隠れます。 まんじゅうサンプル var Manju = function(){ this.elem; this.hidden = fa
Firefinder for Firebug :: Firefox Add-ons
Firefinder is an add-on to Firebug, to help find HTML elements matching chosen CSS selector(s) or XPath expression. You can also auto-select elements when hovering or via the context menu. View the results and then share them with a friend via the FriendlyFire feature, or click Inspect to go to the corresponding element in Firebug's HTML tab.
英語の先生必見 英単語 暗記用のフラッシュカードをGoogleスプレッドシートで作る
Googleスプレッドシート、つまりはGoogle版のエクセルで、カンタンにフラッシュカードがつくれてしまうんですね。 今回は、Googleが公開していた英単語暗記用のフラッシュカード作成テンプレートを３つご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 1. フラッシュカード↑Googleスプレッドシート上で、ガジェット（ブログパーツ）として作ることが出来ます。「Answer」で解答表示、「Flip Card」で言語の入替になります。 フラッシュカードの元になるデータ↑２列のセルに英語と日本語を書き込んでいくだけです。 フラッシュカードテンプレート↑こちらのテンプレートでカンタンに作ることが出来ます。 いずれのテンプレートも、ガジェットが既に用意されているので、単語の内容を変更して
Twitterでつぶやきながら飲みたいときは「ついったー居酒屋 #twinomi 」で
Twitterでつぶやくときに文中に「#twinomi」と入れるだけで そこはもう「ついったー居酒屋」。 きっかけはdaichiさんのこの一言でした。 気がつけば金曜の夜は大宴会。 やれ音楽がないだ、歌えーとかの大騒ぎ。 ネットの上の出来事なのに がしゃんがしゃんとビールのジョッキのぶつかりあう音や アルコールのにおいまでがこちらに伝わってくるようでした。 daichiさんのコメントが物語っているように 酒片手に、もう片手にケータイもって管巻こうぜ、 みたいな軽いノリだったのですが思わぬ盛況ぶりに驚いてます(笑) ほんとに大盛況でした。 私は参加できなくて、 TLの外から悔しい思いをしてたんですけどね（笑） 夜お酒を飲みながらつぶやきたいときは 1 Twitterの検索窓に「#twinomi」といれて リアルタイムの検索結果を見ながら、 2 文中に#twinomiといれながらつぶやいてみて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イベントリスナー：デジットさんの生活便利サイト
IDEA * IDEA
サービス終了のお知らせ
Amazon.co.jp: リスクにあなたは騙される―「恐怖」を操る論理: ダン・ガードナー (著), 田淵健太 (翻訳), Dan Gardner (原名): 本