ソシオメディア | あるとよい機能はない方がよい
UXデザインのコンサルティングではよく品質優先度マッピングというものを行います。これは開発プロジェクトの上流工程において、実装を検討している機能をリストアップし、そのひとつひとつについて想定する利用者の割合や利用頻度の観点からグルーピングし、実装の優先度を決める作業です。 これを行う目的は、UIをできるだけシンプルに保つことにあります。ユーザーが求める機能をすべて盛り込むと、当然UIは複雑になり、誰にとっても使いにくいものになります。また蓋然性のバランスが取れていない要件はプログラムを複雑にし、バグが増える原因になります。 UIデザインにおけるパレートの法則（結果の大部分は全体の一部によって生み出される）は、「ユーザーの80%は全機能の20%しか使わない」というものです。その20%に注力し他の優先度を下げることで、製品の利便性は向上するはずです。 Core, Important, Nice
power-assertでJavaScriptのテストをする ブラウザ編
power-assertという単純なアサーションでも、テストが失敗した時に分かりやすい情報を出せるテストライブラリ/ツールについての記事です。 前回、power-assertの使い方 Node.js編 | Web scratchではpower-assertの動作やNode.jsプロジェクトでの簡単な導入方法について解説しました。 前回のpower-assert + gulpで紹介したプロジェクトをそのまま使っていくので、見ていない場合はそちらから見ていたほうがいいかと思います。 今回は、ブラウザでのpower-assertの動かし方とデバッグについて書いていきたいと思います。 今回扱う実行環境 Node.js ＜＝ 前回 ブラウザ Browserify 前回やったこと まずは前回紹介したgulp + power-assertのプロジェクトを元にやっていきます。 azu/power-asse
"note"がAngularJSでどうやってSEO, Open Graphの対応をしているか｜和田 晃一良｜note
noteはAngularJSを使って、ブラウザで描写しているこの"note"というサービスはAngularJSを使って、JavaScript側（つまりブラウザ側）でノートの中身を公開しているみたいなのです。 それはブラウザでソースを見てみるとわかります。 例えばhttps://note.mu/sadaaki/n/nd921f3f7c635のノートのソースをChromeで見てみると・・・ まずhtmlタグにng-appのプロパティがついています。これはAngularJSを使うならば必要なプロパティで、ここからnoteはAngularJSを使っているんだなあと分かります。 AngularJSは簡単に言うと、サーバー側ではなくブラウザ側でHTMLを描写する仕組みです。これを利用するとどんな利点があるのか。僕の理解している範囲内だと、サーバー側はベースとなるHTML（上のソース）と各ノートのJSO
Google会長が卒業スピーチで語った、「人とつながること」の本当の意味
Google会長が卒業スピーチで語った、「人とつながること」の本当の意味 ボストン大学 卒業式 2012 エリック・シュミット グーグル社のエリック・シュミット会長が母校ボストン大学で行った卒業スピーチです。「オンラインで繋がっていられるのは、嘆くべきことではなく、感謝すべきこと」「君たちは、世界のボーダーを変えるチャンスがある時代に生きている」とITの可能性と力を語った上で、直接のヒューマニスティック・コミュニケーションの大切さを説いています。激しく移り変わる時代を前向きにたくましく生き抜くヒントに満ちた、力強いスピーチです。 君たちは最もチャンスに恵まれた時代を生きている エリック・シュミット：ありがとう。このような晴れの舞台にお招きいただき、次世代のBU（ボストン大学）卒業生の皆さんにスピーチをさせていただけることは、大変光栄なことです。 まず、ある言葉を紹介します。 「私は人生の崇
進化するニュースがウィキペディア化していく
鳴り物入りのニュースベンチャー立ち上げが相次ぐ米国で、元ワシントン・ポストの人気ブロガーが率いる注目株の新サイト「ヴォックス（Vox.com）」が公開された。
初心者に理解あるふりしたモヒカンの自己満足に付き合うのはうんざり - mizchi's blog
インターネットのほとんどの初心者向けに書かれたと宣言されたコンテンツは、想定すべき初心者のペルソナを失っている。初心者向けの記事は、「これは(俺が想定する都合のいい初心者には)わかりやすい」であり、「実在する初心者」の方を向いていない。習熟すると初心者の気持ちがわからなくなるから、構造的な問題もあるんだけど、それにしても、と思うケースが技術者界隈には本当に多い。 初心者向けと銘打った発表をして、似たようなコミュニティから「わかるわかる、そう説明するよね」的な同意を得られることに満足して終わっているだけで、実際には誰も救っていないの、本当に滑稽だと思う。当人の自己満足と、コミュニティから賞賛を得る以上の価値がない。ネタでやってるケースだけでなく、本気で初心者のつまづきに理解があるよ的な前振りから、突然理解に困る技術的な飛躍が行われるの、やられる方はかなり迷惑で、しかし自分の頭が悪いのを認めた
setTimeoutの代替関数？requestAnimationFrameを試してみた - SUSH-i LOG
アニメーションを実装するときに、setTimeoutやsetIntervalを利用してDOMやCSSをいじってアニメーションを実装していましたが、今更ながらrequestAnimationFrameというものの存在を知りました。 調べてみると完全に代替出来るものではなさそうなので、自分なりに使い方とどんな時に利用できるのかを残しておこうと思います。 requestAnimationFrameとは setTimeoutは指定したミリ秒間隔で渡した関数を実行しますが、requestAnimationFrameは 「再描画を実行する前に実行」 します。 そのため、PCのスペックや同じタイミングで動作している処理の内容によって実行される間隔が変化します。（MDNによると毎秒60回程度実行されるとのこと） 利用するメリット 毎回描画出来るタイミングで実行されるため、描画できないタイミングでDOMやC
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://developers.google.com/web/tools/setup/workspace/setup-devtools