Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
シネマコンプレックス「新宿バルト9」の驚嘆すべき大バカ最低システム - 檜山正幸のキマイラ飼育記 (はてなBlog)
驚いた。あきれた。なにがどうなったらこんなバカげたシステムができるのだろう？ 補足解説編もあります。 さらなる補足。 コメントをしたい方は、なるべくコレにも目を通してみてください。 連休・子連れで映画館へ 連休、安直に「映画でも」と、子供二人を連れて「新宿バルト9」にはじめて行きました。9つの映画館を集約した施設、なかなかリッパです。上映開始10分前に着いたのに、既に長蛇の列、結局25分も並ばされた。すごく混んでいた？ いやっ、さほどではなかったんですよ。長蛇の列の原因は、発券カウンターの処理能力が異常に低いためでした。 上映開始15分後に入れた -- ってことは 9つの映画館すべてのチケットを一箇所の総合カウンターで発売します。全席指定、完全入れ替え制です。僕らは結局、到着25分後／上映開始15分後に入れました。ここで少し考えれば、次のことがわかりますよね。 満席になればその回は入場でき
jQueryカレンダーコンポーネント8つ | エンタープライズ | マイコミジャーナル
jQuery: The Write Less, Do More, JavaScript Library 人気のあるAjax JavaScriptフレームワークのひとつにjQueryがある。簡単で扱いやすく高速に動作し、サイズも小さい。MozillaのJavaScriptエバンジェリストが開発していることもあり、FirefoxエクステンションJetpackでもデフォルトで利用できるようになるなど、さらに露出の機会を増やしている。 jQueryはコアとなる機能を提供し、拡張機能やUI、コンポーネントはプラグインとして提供されている。どれだけプラグインを把握しているかが、jQueryを使ってアプリケーションを開発する際のひとつのポイントとなる。8 Useful jQuery Calendar, Date Picker and Time Formatting Plugins that You Sh
Webデザイナーのための美しいjQueryプラグイン22 – creamu
Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery
テレビの視聴率がさがってきたのは大画面テレビのせいじゃないか - はてなポイント３万を使い切るまで死なない日記
前から周りにも主張しているんだけど、ほかのひとでそういう意見を主張しているひとみないんだよね。 テレビがここ数年、視聴率がさがってきたのはネットではなく大画面テレビの普及が原因だと思う。 だって、ここ数年、新しくネットをはじめたひとよりも、大画面テレビを買った人のほうが絶対に圧倒的に多い。 大画面テレビでなぜ視聴率が下がるのか？ それはながら視聴が困難になるからだ。 映画を見るならいい。なんか、気合いいれて見るぶんには大画面テレビはいい。 でも、なんとなくつけておくには大画面テレビはうざすぎる。絶対にながら視聴時間はへっているはずだ。ながら視聴はテレビの視聴時間の半分はこえているんじゃないか？しらないけど。 来客があったときになんとなく大画面テレビをつけておくって、ちょっと想像してみるといい。 いっしょにテレビをみるしかないじゃないか。はなしをしたいんだったら画面は消してBGMを選ぶだろう
色のバリアフリーに配慮した色見本を色弱の僕がレビューします。 - 日々、とんは語る。
IRC でのりさんが教えてくださったのですが、CUDO(クドー)や日本塗料工業会DIC株式会社などにより色覚の多様性に配慮した案内・サイン・図表等用のカラーユニバーサルデザイン推奨配色セットというものが制作されたそうです。 DIC の色見本と言えば、デザイナーの方には有名かと思いますが、近いうちにDICカラーガイドシリーズに追加されるそうです。 また、日本塗料工業会塗料用標準色(JPMA Standard Paint Color)にも2009年5月会員予約受付開始分から収録されるそうです。 さっそくサイトのサンプルを見てみましょう。 赤 色弱の人が赤と感じやすいように、オレンジ寄りの赤にしています。 黄色 白内障の人が白と区別しやすい、濃い黄色にしています。 緑 色弱の人が黄色や赤と間違えやすい黄色みの強い緑を避け、青みが強い緑を選んでいます。ただし青緑まで行ってしまうと、今度はグレーや紫
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
jQueryとCSSで驚きのページめくり効果を作るサンプル:phpspot開発日誌
Simple Page Peel Effect with jQuery & CSS jQueryとCSSで驚きのページめくり効果を作るサンプル。 利用者に対して驚きを与えるだけでなく、スペースも有効に使える便利なサンプルが公開されていました。 綺麗なアニメーションをするも、Flashは使っておらず、jQueryとCSSで表現されているところが凄くてそのテクニックにも注目。 以下のようなＵＩがあります。 右上のめくったところにカーソルを合わせるとペローンとページがめくられ、少ないスペースだったのに情報が表示されます。 該当のコードですが、以下のように、jQueryのanimateによって実現されています。 $("#pageflip").hover(function() { //On hover... $("#pageflip img , .msg_block").stop() .animat
もしも、あの会社が駅の券売機を作ったら
任天堂出発地と到着地をなぞると切符が買えるソニーCPUから開発した超高性能マシンが出来上がる(ただし、切符が割高になる)マイクロソフト出発地を入力し、到着地を入力し、出発時刻を入力し、到着予定時刻を入力し、経路を選択し、電車のグレードを入力すると買えるアップル画面内で到着地しか入力出来ないがなんとかなるグーグル「○○から××」と入力すると地図と経路付きで購入する切符の候補を表示するスクエニ指定されたミッションをすべてクリアすると購入できる(途中の駅ですべて昇降するとボーナスがつく)ハドソンマイクで叫ぶカプコン迫りくる凶暴な駅員を跳ね除けた先に切符が置いてあるナムコ切符を購入した後、追加で切符にいろいろなデコレーションを施すことが出来る(有料)コナミ隠しコマンドを入力することで切符を無料にできるコーエー各駅の駅員のステータスを把握して、戦略を練ることでもっとも安い切符を購入することが出来るオ
ウェブデザインにおける効果的なコミュニケーションの取り方
ウェブデザインにおける明確で効果的なコミュニケーションの取り方をSmashing Magazineから紹介します。 Clear And Effective Communication In Web Design 下記は、簡潔に意訳したものです。 1. コミュニケーションのアプローチ方法 ウェブサイトの来訪者とコミュニケーションを取るためのアプローチ方法をいくつか紹介します。 テキスト 見出しやコンテンツ内にかかわらず、来訪者はテキストをメッセージとして受け取ります。コミュニケーションにおいて、極めて重要な要素です。 画像 画像は、テキストよりもすばやくメッセージを伝えるときがあります。画像を作成する際は、メッセージを魅力的に伝えられるようにします。 タイトルとヘッダ タイトルとヘッダは、来訪者に主要なポイントと考えを伝える重要で効果的なものです。 アイコン アイコンはウェブデザインの特徴的
コンバージョンを意識したページクリエィティブの当たり前10項
はじめまして。昨年末ライブドアに入社しました阿部です。 入社してまだ日が浅いということで、今回は前職でのナレッジを一部ご紹介したいと思います。 前職ではアフィリエイト広告を主軸としたWeb専業の広告代理店で、Webプロモーションのディレクションを担当していました。 アフィリエイト広告の特性上、例えばランディングページ（以下LP）であればコンバージョン（成約）を意識したクリエィティブであることが重要です。なぜならクリエイティブの視点からもコンバージョンを意識する事で、目に見えて広告効果が改善されるからです。 そしてコンバージョンを意識したクリエィティブは、アフィリエイト広告のLPに関わらず、多少なりともコンバージョンアップに気を配るページであれば、流用可能なものばかりです。そのため、知っていて損の無い10項だと思われます。 当たり前の事柄ばかりを集めましたので、現在のLPに漏れが無いか、宜し
ちょっとパソコンが苦手な女の子向けキーボード「KEYBOARD for Blondes」
F1～F10まであるファンクションキーやCtrl、Alt、さらにはTabキーは「使わないキー」と明記してありとても親切。また、Enterキーは「YES！」、ESCキーは「NO!」と、とても直感的でわかりやすく安心して使用できるような工夫がされています。MAC、Windows、Linuxに対応、UBSポートがあれば接続可能という仕様です。 日本向けではなく全て英語表記なので、英語が得意でちょっとパソコンが苦手な女の子にはお勧めかもしれません 詳細は、以下から。 :: KEYBOARD FOR BLONDES :: 方向キーは向きを指で表示 テンキーについては、数字は廃止されています とてもわかりやすく説明されています。Ctrl、Tab、Altキーは使わないというコンセプト。 Enterキーは「YES!」。とても直感的なつくり。 大きな画像はこちらからどうぞ。 :: KEYBOARD FOR
Webタイポグラフィまとめ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド（“＆”） スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
Yahoo!パフォーマンスチーム、最新高速化ルール20を発表 | エンタープライズ | マイコミジャーナル
Webアプリケーション開発に欠かせないFirefoxエクステンションであるFirebugをベースにして開発されたWebページのパフォーマンス計測ツールにYSlowがある。2007年12月上旬にはパフォーマンス分析能力を向上させたYSlow 0.9がリリースされた。紹介にもあるように、手軽に導入できるうえにかなり効果的に分析ができるところに特徴がある。 YSlowの強みとなっているのはYahoo! Exceptional Performanceチームが分析した評価基準をベースにしている点にある。Yahoo!が実際に分析した結果をベースにしているだけあって効果が確実なものとして効いてくるわけだ。 そのYahoo! Exceptional Performanceチームから最新の調査結果およびパフォーマンスブレークスルーのための新しいルールが発表された。既存の14のルールに加えて、新しく20のルー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.css-lecture.com/log/javascript/jquery-select.html
Business-Class Web Hosting by (mt) Media Temple
サービス終了のお知らせ
http://satoshuho.com/index.html
IDEA * IDEA
インタビュー2009（１）ウェブデザイナーの中村勇吾氏「旧世代サイトを見直したい」インターネット-最新ニュース:IT-PLUS
