IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLとCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U
「OAuth」とは 日本のユーザー襲った“Twitterスパム”の正体
MobsterWorldは、ユーザーはマフィアの1人となってお金を増やすゲーム。ほかのユーザーを敵として戦いを挑み、勝利すれば資金や経験値が得られる。ためた資金を使って武器を買い、攻撃力を高めたりできる。ゲームはTwitterのアカウントと連携しており、ゲーム上での行動がTwitter上でつぶやきとして発言される。 OAuthとは アカウントへのアクセス権を安全に渡せる仕組み Twitterはこの3月からOAuthを導入。ユーザーのアカウントのほぼすべての機能を、ID・パスワードを渡さずに、第三者のサービスから利用できるようにした。 アカウントへのアクセスを提供するだけなら、IDとパスワードを渡すだけでもいい。実際、TwitterのAPIを使ったサービスで、IDとパスワードを入力して利用するものは多い。 ただ、外部サービスにIDとパスワードを渡すとセキュリティ面で不安がある上、パスワードを
人体へのハッキング攻撃：発達する「神経工学」とその危険性 | WIRED VISION
前の記事 最新テーザー銃で撃たれた体験レポート(動画) 人体へのハッキング攻撃：発達する「神経工学」とその危険性 2009年8月 3日 Hadley Leggett Image: University of Washington。サイトトップの画像は別の日本語版記事より これまで研究者らは、指1本動かさずに脳波だけでコンピューターを操作し、『Twitter』にメッセージを投稿したり(日本語版記事)、車椅子を動かしたり(日本語版記事)できる技術を開発してきた。だが、神経科学的な機器が複雑化・ワイヤレス化した現在、一部の専門家たちは「脳ハッキング」のリスクを真剣に考えるべきだと警鐘を鳴らしている。 ハッカーたちは四六時中パーソナル・コンピューターに侵入しているが、もし、ハッカーたちがその悪意ある熱意を、これらの医療機器に向けたら何が起こるだろう。たとえば現在パーキンソン病やうつ病の治療に使われ
JavaScriptを使ったAutoCompleteの仕組み色々:phpspot開発日誌
20 Ready to Use Auto Completion Scripts ?|?Dzine Blog JavaScriptを使ったAutoCompleteの仕組み色々がまとまっていたので一部ご紹介。 当サイトでも過去に紹介したものが含まれていますが、こうしたライブラリは実際に使ってみると自分の理想に違ったものになっていたりするのですが、これだけ種類があれば、自分の理想に近いものが見つかりそうです。 Autocomplete AJAX Select Drowdown with ID jQuery Tag Suggest Google Suggest Style Filter with the AutoComplete Control 全部見る JavaScriptist ではベタに、prototype.js+script.aculo.us を使っています。 2006年にサイトを作っても
2009年度高校入試｜早稲田アカデミー
テスト生・講習会生等は一切含んでおりません。正規の入塾・入会手続きを頂き、授業に参加頂いた生徒のみを対象とし発表しております。
第1回 "IAって何するの？" がわかる「IA One Sheeter」 | gihyo.jp
「IA」という言葉が、Web業界の中で皆さんに認知されるまでにはまだまだ時間がかかりそうです。ここで言うIAとは「情報アーキテクチャ」のことを指します。 Webサイトを構築する上で、欠かせないのがこの情報アーキテクチャだと言われてます。簡単に言うと、Webサイト全体の設計図であり方針です。その設計図や方針を具現化するためには、やはり伝えるための手段が必要になります。 この連載では、伝えるための手段としてのツール紹介や、伝えるために必要なヒントを中心に、Webサイト構築に関わる方々に有益な情報をお届けします。 IAについて 「IA」そのものについての説明は割愛しますが、ひと口に「IA」と言っても以下の2つの意味があります。 Information Architecture：情報アーキテクチャ（分野） Information Architect：インフォメーションアーキテクト（スキル） とくに
グルグル回すグーグルの新CAPTCHA特許 | 秋元@サイボウズラボ・プログラマー・ブログ
Googleのリサーチブログで紹介されていた、新しいキャプチャ方式の論文[pdf] こういう画像を、ちゃんと上を向くように直すことで、ユーザが人間であることを確認する、というもの。 なお、Aは人間でもコンピュータでも上がわかるような画像、Cは人間でもコンピュータでも上がわからないような画像、Bが人間だけ簡単に上が判定できる画像、だそうだ。画像にも、上がはっきりしているものと、どちらが上と取れる画像があるので、このキャプチャに向いた画像を選別して使うと書いてある。 3枚ぐらいの判定でよい結果が出たということで、実際に今CAPTCHAがあるようなWebのフォームに適用しようとするとこんなイメージになる。 また、キーを入力するタイプの今主流のキャプチャよりも、キーボードが無くて画面も小さいこういうデバイスで特に有用である、とも言っている。 [追記] ジョェバンニ、じゃなくてamachangが数時
ユーザビリティって単にユーザーインターフェイスの問題ではないよね: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 上記の２つのエントリーにも何人かの方からはてなでブックマークしてもらったんですが、そのタグに[インターフェース]だとか、[UserInterface]だとかいうタグがあるんですよね。もしかしたら、Webユーザビリティって単にユーザーインターフェイスの問題として捉えられてるのかな？なんて思ったんです。Jesse James Garrettの5 Planes Modelだったり、ISO9241-11によるユーザビリティの定義に含まれる有効さ、効率性、満足度といった評価ポイントなどについても書いたので、Webユーザビリティ＝ユーザーインターフェイスの問題ではないことはわかっていると思いますが、もしかしたら、まだ、Webユーザビリティがユーザーインターフェイスだけの問題だと考えてい
Online Generators | Developer's Toolbox | Smashing Magazine
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur
Yahoo!UIの基礎まとめ [Javascript] All About
Yahoo!UIの基礎まとめAll about内で取り上げたYUI関連の記事とサンプルへのリンクをまとめて紹介します。 Yahoo! User Interface Library(YUI)は、Yahoo!が提供するJavaScriptライブラリで、Ajaxを含めたDHTMLのテクニックを使用することで、リッチで対話的なウェブアプリケーションを簡単に作成するためのユーティリティやコントロール群です。 YUIのAPIは、このグローバルな唯一のオブジェクト「YAHOO」の下に、すべてのライブラリが配置されており、 YUIと組み合わせる自分のプログラム内のメンバー各名称とが、衝突するかもしれないという心配や労力を省略し、 安心して利用することができる構成になっています。 ここでは、All About内で取り上げたYUI関連の記事へのリンクをまとめて紹介します。 Ajax YUIライブラリを使う準備
![Yahoo!UIの基礎まとめ [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
FIFTH EDITION: 据置ゲームがこの世の地獄から生還するためにせねばならない事
を論考してみる。 http://blogpal.seesaa.net/article/29491842.html で、据置終了とは、いったもの、PS3やXbox360、Wiiとみんな頑張ってるしね。 さて、まずは、ちょっとした昔話からしてみよう。（以下敬称略） 今から、もう３０年以上前の話になる。任天堂が、まだ小さな老舗の玩具メーカーだった頃のお話だ。 当時の社長、山内溥は、彼は、２２歳の若さで社長となり、その後、リンク先のWikipediaにあるように、プラスチック製トランプを発明し、「ディズニーキャラクターを絵柄に使う」、「簡単な説明書を同梱する」と言った手法を取り、任天堂を飛躍させた。 しかし彼は、その後、アメリカの最大のトランプ会社の工場を見学して、その小ささに失望する。彼は、経営規模の拡大と事業の多角化に乗り出すが、残念ながら、その多くは失敗におわり、倒産の危機に直面する。 これ
後藤弘茂のWeekly海外ニュース - 任天堂 岩田聡社長インタビュー(1) マンマシンインターフェイスを直感的にすることがカギ
■後藤弘茂のWeekly海外ニュース■ 任天堂 岩田聡社長インタビュー(1) マンマシンインターフェイスを直感的にすることがカギ ついに新プラットフォームWiiを発売した任天堂。Wiiは、従来のゲーム機の進化法則から外れることで、これまでゲームをプレイしなかった新ユーザーの開拓を狙う。その下地となっているのは、ニンテンドーDSでの成功。任天堂の岩田聡氏(代表取締役社長)に、同社の戦略とその背景について伺った。 ●半導体の法則から外れるためにビジョンを打ち出す 【Q】 あなたのスピーチを、2005年から連続で聞いて来ました。GDC(Game Developers Conference)、E3(Electronic Entertainment Expo)、東京ゲームショウ(TGS)、それから今年(2006年)9月のWii Previewイベント。 【岩田氏】 フルコースでずっと見ていただいてい
E3 2006、心を打つ一言
二年連続で行っていたE3、今年はネット観戦。ここのところ毎週の様に出張しているので E3 はパスさせてもらうことにしたのだ。 新しいゲームや次世代ゲーム機に関する記事やプレスリリースを読んだが、心に残るようなものは見当たらない。「やはり行く必要はなかったな」と感じていると、突然心臓をわしづかみにするような言葉が飛び込んでくる。 ...ゲーム初心者の場合、例えばどうぶつの森で、自分が眠っている間に自分の村に友達が遊びに来て、メッセージやプレゼントを残していく、そんな、毎日電源を入れるのが楽しみになるようなことが実現できます。...（任天堂の岩田社長スピーチ） この人は本当にすごい。 「毎日電源を入れるのが楽しみになるようなこと」 あらゆるデバイスがネットに繋がり始めた今、ゲーム、ネット、AV機器、通信、メディア業界で働く全ての人たちが目指すべきものをこれほどまでにはっきりと分かりやすく示す言
タブの正しい使い方
13のデザインガイドラインを守ってタブを使っているサイトにYahoo Financeがある。しかし、AJAXの使い過ぎや改善の余地が残るカスタマイゼーションのページなどを見る限り、ユーザビリティはまだ上げられる。 Tabs, Used Right by Jakob Nielsen on September 17, 2007 Web上でダイアログコントロールを正しく使っているユーザ・インターフェイスを見かけることは滅多にない。ラジオボタンやチェックボックスのように単純なものでさえ、正しく使われていないことが大半だ。ドロップダウンメニューに至ってはもっとひどい状態だし、Flashサイトを台無しにする自作のスクロールバーも後を絶たない。 最近リニューアルされたYahoo Financeのホームページでは、タブを正しく使っている。2箇所ほど抜粋してご覧に入れよう。 Yahoo Financeのホー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
http://dev.kan.vc/validator/
Jack Slocum's Blog » WordPress Comments System built with Yahoo! UI