自分がよく利用するサイトでは、ユーザは自信を持って基本的な操作を行い、器用に事を済ませるようになっている。しかし、初めて訪れたサイトでは、ユーザビリティにまつわるおなじみの問題のせいでいまだに失敗が生じてしまう。 User Skills Improving, But Only Slightly by Jakob Nielsen on February 4, 2008 ユーザビリティに異を唱える人々は、ユーザ調査に基づくデザインガイドラインに対して二通りの反論を持ち出す： 「君たちは頭の悪いユーザばかりテストしている —— 大抵のユーザはもっと利口で、多少使い勝手が悪くても気にしないものだ」 「君たちの言い分は、確かに昔は正しかった。しかし今のユーザは、もっと進歩したサイトの使い方を知っているのだから、もはやシンプルさはサイトの必須条件とは言えない」 私は、現在進行中の新たなユーザ調査で、こ
前回はアルファチャンネルを使った透明度の設定について紹介したが、透明度はopacityプロパティでも指定することができる。opacityプロパティはFirefoxやSafariでもバージョン3以前から対応しているので、今回はアルファチャンネルとopacityプロパティの違いについて見ていきたいと思う。また、Firefox 3が新しく対応したCSS 3のtransparentの処理についても紹介する。 なお、透明度に関する規格については、CSS 3の勧告候補CSS3 Color Moduleを参考にしている。 また、今回からは先週リリースされたFirefox 3のBeta 3を利用する。Beta 3では、第3回「CSSで罫線を角丸で表示する（1）」で紹介した「背景画像の角丸表示」に対応したので、確認してほしい。
高まるゼロトラストの気運 妥協のない安全のために適材適所で組合せ トップ4社によるゼロトラストセキュリティ 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる ともにDXを推進する コンテナ化されたワークロードを管理 継続的な価値を生みだす「協創」への挑戦 オープンソース活用はあたりまえ！ そんな今だからこそ改めて考える 企業ITにおけるOSS活用のメリットとリスク 時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある ITインフラ運用からの解放 HCI＋JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 RPAによる自動化を年30万で実現 小さな投資
PHPには動的にPDFファイルを作成する機能が搭載されているため、さまざまな作業において重宝するはずだ。そしてFPDFは、PDFファイルの作成や操作を可能にする数多くの機能を持ったフリーのPHPクラスだ。 PDFlib PHPのAPIには、PDFファイルを取り扱うための機能が数多く用意されており、それらはPDFlibというライブラリとともに使用することを念頭に置いて設計されている。このPDFlibは拡張可能となっているものの、商業利用の際には無償で利用することができない。また、PDFlib Liteという、個人利用の許されている無償版もあるものの、その機能には制限がある。つまりPDFlibライブラリのすべての機能を使用するには、高額なライセンス料を支払う必要があるのだ。 なぜFPDFを使用するのか？ PHPからPDFファイルを作成するもう1つの方法は、FPDFを使用するというものだ。FPD
実家に帰って親やそれ以上の世代の方たちにPCやインターネットの使い方を教えていると、あることに気づきます。それは彼らがものごとを「手順」で捉えているようだ、ということです。たとえば今年喜寿を迎えた僕の祖父は、定年後もPCを自分で勉強してエクセルでカレンダーを作ったりCDを焼いたり年賀状を書いたりといろいろしていてかなり先進的なのですが、たまに質問をされて何をノートに書いているのかな？と見てみると、操作の手順を逐一書き込んでいたりします。これはたとえばユーザーサポートでも同じ傾向で、使い方がわからないという初心者の方に「○○という設定にある××を設定してください」というよりも、「1. ○○に移動します 2. ××を行ってください」というふうに、操作の手順で伝えた方がわかりやすいという感想をいただくことが多かったりします。それ以後、問い合わせの返信やヘルプなどではできるだけ手順を追って操作を説
2024年8月16日(金) 環境フォト・コンテスト / プレジデント「第31回 環境フォト・コンテスト2025」へのご応募、ありがとうございました！ 2024年1月15日(月) 環境フォト・コンテスト / プレジデント「第30回 環境フォト・コンテスト2024」入賞作品を発表！ 2023年1月13日(金) プレジデント / 環境フォト・コンテスト「第29回 環境フォト・コンテスト2023」入賞作品を発表！ 2022年1月14日(金) 環境フォト・コンテスト / プレジデント「第28回 環境フォト・コンテスト2022」入賞作品を発表！ 2021年2月8日(月) プレジデント読者のみなさまへお知らせ 2021年2月8日 2021年1月8日(金) 環境フォト・コンテスト / プレジデント「第27回 環境フォト・コンテスト2021」入賞作品を発表！ 2020年1月10日(金) 環境フォト・コンテス
下にメニュー固定で出したい。 しかしIE6だとposition:fixedできないので、下メニュー以外のコンテンツをdivで囲って、html,body,そのdivにheight:100%で、viewportの高さ100%にあわせ、overflow-y:scrollをそのdivにつけて、html,bodyのoverflow-y:hiddenで本来のスクロールバーを出さない。 bottom:0にするときには表示領域の高さが奇数の時、bottom:0pxが1pxずれるのを注意。 奇数bottomバグ - IE6 <body> <div class="main">main</div> <div class="bottom">bottom</div> </body> html,body{ height:100%; } html{ overflow-y:scroll; } div.main{ col
背景を下までずずーっと伸ばしたい時は、bodyにbackground-imageを指定すればよいですが、div等に指定した背景やborderをページの下まで伸ばしたい時は、以下のようにします。 <body> <div id="Container">高さ100%</div> </body> *{ margin:0;padding:0; } html{ height:100%; } body{ height:100%; } #Container{ height:100%; min-height:100%; width:80%; background:Khaki; border-right:1px solid red; } body > #Container{ height:auto; } 下まで背景伸びたHTML完成サンプル 以下、なぜこれで実現できるのかの解説と疑問点。とても長い。 Step
ウェブユーザビリティについて考え始めたい人にオススメの5冊 書いた人： hash 投稿日： 2008年03月01日（最終更新：5年7ヶ月と15日前） 読者の皆さんの反応 2 被ブックマーク数： 12 要約：ユーザビリティについて興味はあるけど、学ぶためにはどんな本がいいんでしょという方向けに5冊の本をお薦めします ここ3ヶ月ほど就活がらみでウェブユーザビリティに関する本を読んだので、とりあえずその中でオススメできる5冊を挙げておきます。ユーザビリティやUIの話に関しては、海外の方が情報があるのだけど、まだ読めてないので和書だけで。 周りが落ち着いたら、この辺で書いてあることをまとめて書いておこうと思います1 。 ちなみに、私も内容を完璧に理解できているわけではありませんので誤解しているところがあるかもしれません。フィードバックは歓迎しますので、間違いがあればレスポンス頂けるとうれしいです。
RSSを近視眼的に「ただのブログの更新情報取得ツール」として捕らえると世界が狭くなる。 「ほぼ統一されたデータのやりとりフォーマット」が確立され、機械対機械の間でコンテンツのデータが流通する仕組みだと思えば夢は広がる。 同様にOpenIDを、「新しいサービスができたときに簡単にログインできる仕組み」程度の捕らえ方をすると、あまりしっくりいかない。 「複数サービス間の信頼関係を簡単に結ぶ仕組み」と考えると夢が広がる。 現状としては、OpenIDのプロバイダがOKを出したユーザーはOKだと言うことを無条件で受け入れるようになると言っても、その認証をどこまで信頼できるか？は別問題なので、OpenIDがあるからと言って、何から何まで使えるようにさせるわけにはいかない。 結局、それなりに責任が伴うサービスとしては二段構えの対応にならざるを得なく、「お試し利用としてのOpenID対応」というフェーズと
This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the detai
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
