タグ

2010年7月6日のブックマーク (24件)

  • サイトを公開する際に最低限抑えておきたい Apache の設定 | バシャログ。

    こんにちは nakamura です。最近トルシエさんテレビ出すぎじゃありません?ウィイレヤロウヨ。オフサイドダヨ! さてさて今回は意外と知られてないけど、サイトをインターネットに公開する際には知っておいた方が良い Apache の設定をいくつかご紹介します(一部 PHP の設定もありますが)。この設定をしていないからといって即危険にさらされるという訳でもありませんが、リスクの芽は摘んでおくに越した事はありませんよね。 無駄な HTTP ヘッダを返さない ディストリビューションにより異なるかもしれませんが、CentOS デフォルトの設定の場合 Apache が返してくる HTTP ヘッダは以下のようなものです。 HTTP/1.1 200 OK Date: Mon, 05 Jul 2010 01:01:14 GMT Server: Apache/2.2.3 (CentOS) X-Powered

    サイトを公開する際に最低限抑えておきたい Apache の設定 | バシャログ。
  • はてなブログ | 無料ブログを作成しよう

    私、餡子のためなら逆立ちだってしますよ。 こじらせている。 べたいと思ったらべたいのである。 ここが北カリフォルニアの片田舎であろうと、私があんみつがべたいと思えば、あんみつは今すぐ作ってべなくてはいけないものになる。いしん坊の思考は凄まじい。 子供が観ていたアニメで、赤ちゃんが空の…

    はてなブログ | 無料ブログを作成しよう
  • 配置をマスターして「機能するレイアウト」を作る大切なポイント

    ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、

    masaya-chonan
    masaya-chonan 2010/07/06
    「タイポグラフィとイメージのランドマークから導かれる暗黙のライン」
  • 探しやすい一覧のコツ (ユーザビリティ実践メモ)

    コンテンツ量の多いサイトでは、情報を一覧にすることで、ユーザが欲しい情報を見つけやすくするという手法がよく使われます。今回は表形式で情報を整理する際の考え方を、ユーザ行動観察調査の事例を元にご紹介しましょう。 図1は、ある旅行情報サイトでの情報一覧ページです。次の休暇にお得なパッケージツアーを検討しているユーザは、どのようにこのページを使うと思いますか? 弊社のユーザ行動観察調査の結果、ユーザの視線は下の図のように左右に大きく動き、かなり時間をかけて表を見ていく様子が観察されました。 このページを見る際のユーザの関心事は、第一に「予算の範囲内で一番お得なツアーは何か」であり、さらにいえば「同じ価格ならできるだけ魅力的なところに行きたい」ということでした。 したがって、ユーザは各パッケージツアーの「価格」と「割引率」に注目しています。この表では二つの情報が離れた場所にあるため、視線があちこち

    masaya-chonan
    masaya-chonan 2010/07/06
    「ユーザが興味を持つ(または疑問を持つ)順番を意識する」「関連性の強い情報は近くに置く」
  • Amazon EC2/S3の使い方目次 - プログラマでありたい

    Amazon EC2の申し込み Amazon EC2の接続準備 Amazon EC2のインスタンスの起動でよく使うオプション Amazon EC2のマニュアル Amazon EC2 Command Line Toolのセットアップ Amazon EC2のインスタンスの起動と停止 Amazon EC2のPublic AMIsを選ぶ Amazon EC2とyum Amazon EC2にmecab Amazon EC2のインスタンスと独自ドメインと紐付ける Amazon S3 OrganizerでAmazon S3を使ってみる Amazon EC2インスタンスの保存 Amazon EC2の料金計算 週末プログラマに朗報 Amazon Elastic Block Store(EBS) Amazon Elastic Block Store (EBS)を使ってみた Amazon Elastic Blo

    Amazon EC2/S3の使い方目次 - プログラマでありたい
  • はじめてのAmazon EC2&S3 〜これからの新サービスの公開の形〜:第1回 仮想マシンレンタルサービスAmazon EC2、大容量ストレージサービスAmazon S3を使ってみよう|gihyo.jp … 技術評論社

    はじめてのAmazon EC2&S3 ~これからの新サービスの公開の形~ 第1回仮想マシンレンタルサービスAmazon EC2、大容量ストレージサービスAmazon S3を使ってみよう はじめに Amazonはネット最大のオンラインショップサイトとして非常に有名ですが、同時に、書籍情報などを取得できるAmazon Associates Web Service(A2S。旧名Amazon ECS)というWebサービスを積極的に展開していることでも有名です。 一般的にAmazonWebサービスと言えばA2Sですが、実はA2SはAmazon Web Services(AWS)の一部に過ぎません。AmazonはA2S以外にも、開発者向けにさまざまなサービスを提供しています。AWSで現在提供されているサービスを表1にまとめました。 表1 Amazon Web Servicesのサービス

    はじめてのAmazon EC2&S3 〜これからの新サービスの公開の形〜:第1回 仮想マシンレンタルサービスAmazon EC2、大容量ストレージサービスAmazon S3を使ってみよう|gihyo.jp … 技術評論社
  • ルック・アンド・フィール - Wikipedia

    この記事には複数の問題があります。改善やノートページでの議論にご協力ください。 出典がまったく示されていないか不十分です。内容に関する文献や情報源が必要です。(2021年2月) 独自研究が含まれているおそれがあります。(2021年2月) 出典検索?: "ルック・アンド・フィール" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL ルック・アンド・フィール(英: look and feel、LnF)とは、グラフィカルユーザーインターフェイス (GUI) における色、形状、レイアウト、書体 (typeface) のような要素を含むデザインの外観(ルック)と、ボタン、テキストボックス、メニューといった動的要素の振る舞い(フィール、感触)からなる。 ルック・アンド・フィールという用語はソフトウェアとウェブサイト

    masaya-chonan
    masaya-chonan 2010/07/06
    「色、形状、レイアウト、書体のような要素を含むデザインの側面("look" (ルック))と、ボタン、ボックス、メニューといった動的要素("feel" (フィール))の振る舞い」
  • 2003年 Webデザインの間違い・トップ10

    ミニマリスト・デザインの採用、アーカイブの維持管理、包括的なサービス提供といった面では改善が見られた。しかし、一連の進歩にともなって、それ自体がユーザビリティ上の問題を生んでいる。そのうちのいくつかは、2003 年に目立った間違いとなって現れている。 Top Ten Web Design Mistakes of 2003 by Jakob Nielsen on December 22, 2003 日語版2003年12月25日公開 以下は、最近、Webサイトで私が特にイライラさせられる 10 のリストだ。 Webデザインの間違い・トップ10 1. 目的の表記が不明確 多くの企業、特にハイテク業界では、その目的を示す言葉があいまいだったり、一般的だったりする。この基的な事実をぼかすと、ユーザにとってWebサイトの情報やサービスの理解するのが、非常に困難になる。 小さな種子からでも、しっかり

  • アプリケーションデザインの間違い・トップ10

    ユーザーがユーザインタフェース(UI)の操作方法を知ること、UIが操作の流れを的確に導くこと、共に実現されればアプリケーションのユーザビリティは上がる。しかし、ガイドラインを守らなければ、どちらも実現は難しい。 Top-10 Application-Design Mistakes by Jakob Nielsen on February 19, 2008 アプリケーションデザインの間違いをまとめるのは難しい。最悪の間違いは、業界固有の特殊ケースである場合が多いからだ。アプリケーションが失敗に終わる理由には、 (a) そもそもの問いを間違えている、(b) 問いを正しく捉えながらもそれを解くための機能を間違えて作っている、(c) 的確な機能を作りはしたものの、難しくし過ぎてユーザーに理解してもらえない、などが考えられる。 どれを間違えても、アプリケーションの失敗は決定的で、それを避ける方法をお

    アプリケーションデザインの間違い・トップ10
  • デザイナーとユーザーとの間にある溝を埋める

    ターゲットとするユーザーをデザイナーがどれほど代表するかにもよるが、どんなプロジェクトも多かれ少なかれユーザーテストを必要とする。ユーザビリティに関する懸念が完全になくなることは決してない。 Bridging the Designer-User Gap by Jakob Nielsen on March 17, 2008 ユーザビリティの主要な法則の一つに、“デザイナーはユーザーではない”というのがある。“お偉方はユーザーではない”や“ユーザーはデザイナーではない”(だから、ユーザーの意見を聞くのではなく、ユーザーの行動を観察するのだ)などと並んでとても重要な了見だ。 ユーザビリティという専門領域が存在するのは、デザインチームとターゲットとなるユーザーとの間にある溝を埋めるための体系的な手法が必要だからである。おかげで、勘を頼りにしなくて済む。実際の顧客がどのように振る舞うのかを知り、もっ

    デザイナーとユーザーとの間にある溝を埋める
  • ユーザビリティ25周年に寄せて

    1983年に私が関わり始めて以来、ユーザビリティの分野は5,000%もの成長を見せた。これは大変やりがいのある仕事だ —— そして新たにこの世界に足を踏み入れる人々にとっても、やはり有望なキャリアの選択肢である。 25 Years in Usability by Jakob Nielsen on April 21, 2008 私がユーザビリティ専門家となったのは1983年のことで、数ヶ月前にめでたくこの分野での25周年を迎えた。これまでの積み重ねを振り返るには、ちょうどよい機会だろう… ユーザビリティの進化: 事態はどう変わってきたか 25年前と現在とで、この分野に見られるおもな違いはその規模である: いまやそれは桁違いに拡大しているのだ。1983年当時、ユーザビリティはわずかな関係者しかいない広がりに欠ける専門領域であり、その関係者の大部分は学問的な研究機関や電話会社(おもにベル研究所だ

    ユーザビリティ25周年に寄せて
  • ニールセン・ノーマン・グループ: はじめの10年

    1998年に創立したわが社は今年で10周年を迎え、ここに数々の業績を挙げるに至った。 Nielsen Norman Group: The First Decade by Jakob Nielsen on August 8, 2008 ニールセン・ノーマン・グループを創立したのは、1998年8月8日のことだった。信じる信じないはともかく、中国では“8”がもっとも縁起の良い数字だとされている。確かにわれわれの会社はこれまでうまくやってこられたが、何もかもラッキーな創立記念日のおかげというだけではないはずだ。 このAlertboxでは、いつもなら自社の話は書かないようにしている。読者の興味の対象は、ユーザビリティ調査を実施している組織などではなく、そこで得られた結果の方だからである。しかし今回は記念すべき創立10周年を祝って、このはじめの10年の成果を簡単に振り返ると共に、これからの10年を展望

    ニールセン・ノーマン・グループ: はじめの10年
  • 決定的なWebの利用目的: 収集・比較・選択

    最近行われた決定的要因の分析によれば、ユーザにとってもっとも重要なウェブ上のタスクは、複数の情報の収集と比較に関連するものであり、通常これは、選択を目的として行われる。 Collect, Compare, Choose: The 3Cs of Critical Web Use by Jakob Nielsen on April 15, 2001 昔から、決定的要因分析は、既存のユーザインターフェイスに関して、ユーザのフィードバックを集めるのに適した手法だ。これは基的には、特に有用だったり、あるいは特に失望させられたという事例のうち、目ぼしいものをユーザに思い出してもらうという手法である。私は通常、ユーザにプラスとマイナスの両方の実例を答えてもらう。こうして得られる回答は、ユーザがどのようにシステムを利用しているか、どうすればある局面を多少なりとも改善できるか、といった点を理解する上で間違

    決定的なWebの利用目的: 収集・比較・選択
  • エラーメッセージガイドライン

    よいエラーメッセージとは、礼儀正しく、正確で、建設的なものであることは、すでに広く知られている。ウェブでは、これに加えて若干の新しいガイドラインが必要となる。すなわち、エラーメッセージをはっきり見やすくしておくこと、問題の解決に必要な手間を減らすこと、さらに、その過程でユーザを教育すること。 by Jakob Nielsen on June 24, 2001 効果的なエラーメッセージのガイドラインは、ここ20年間まったく変わっていない。よいエラーメッセージとは、以下のような条件を満たすものだ。 はっきりと異常の発生を表示すること。最悪のエラーメッセージとは、エラーメッセージの不在である。ユーザがミスをしても、フィードバックがなければ路頭に迷うだけだ。例えば、電子メールには、はっきりした表示を出した方が有益と思われる状況がいくつかある。メッセージを送信したのに、システムに吸い込まれてしまって

    エラーメッセージガイドライン
  • ユーザビリティ専門家になるには

    ユーザビリティの道で成功を収めるには理論的知識もいくらかは必要だ。だが、大部分は思考能力と、ユーザをテストし調査した長年の経験がものを言う。経験を積む方法はただひとつ。今すぐ始めることだ。 Becoming a Usability Professional by Jakob Nielsen on July 22, 2002 テクノロジーを真に人間に適したものにするという目的を達成するには、今後20年の間に、世界中で50万人のユーザビリティ専門家が新たに必要だ。そのためのトレーニングは、早く始めるほどいい。 「ユーザビリティ専門家になって、業界に職を得るにはどうしたらいいか?」という質問をよく受ける。その答えは、優れたユーザビリティ専門家が全員備えている以下の3つの特徴に現われている。 インタラクション理論とユーザ調査手法、特にユーザテスト原則についての知識 高度な思考能力 ユーザテスト、お

    ユーザビリティ専門家になるには
  • ユーザビリティの投資対効果

    開発プロジェクト予算の10%は、ユーザビリティに回すべきである。ユーザビリティを再デザインすることで、ウェブサイトのユーザビリティは平均で 135 %向上する。イントラネットの改善率は、これよりわずかに低い。 Return on Investment for Usability by Jakob Nielsen on January 7, 2003 希望だけでは、使いやすさは実現しない。それは、プロジェクトのライフサイクルを通じて、システマティックなユーザビリティ工学活動を実施することから生まれるのだ。これは実務であり、現実的な費用が発生する。とはいえ、それは一部の人たちが心配するほどの額ではない。 シンプルな形のユーザテストは2~3日で実施でき、そこから、ユーザ行動と実施すべきデザイン改善点に関して広範囲な洞察が得られる。ところが、ほとんどの人は、ライフサイクルを一貫したユーザビリティに

    ユーザビリティの投資対効果
  • マイクロソフトに厳格な一家を襲う悲劇。Javaよ永遠なれ

    いまさらJava対.NETはちょっとテーマとして古くないかな? とは思うものの、とても面白いビデオが公開されたので紹介します。「Java 4-ever」という映画のトレーラー、という設定のおもしろビデオ。 9月8日にノルウェイのオスロで開催されるイベント「JavaZone 2010」の宣伝のために作られたようです。こんなストーリー。 Java 4-ever Trailer 父親は寝る前に息子にマイクロソフトテクノロジーのすばらしさをおとぎ話のように語る。その父に子どもは無邪気に問いかける。「パパ、どうしていつも.NETなの?」 父親の顔色が変わる。「さあ、もう寝る時間だ」 少年は青年となり、禁じられた技術をこっそり友人と試すようになる。「こいつはスゲー、ロバストで、セキュアで、ポータブルで、スケーラブルじゃんか!」 そこへ父親の監視の目が光る「お前たち、Javaやオープンソースを使ってたり

    マイクロソフトに厳格な一家を襲う悲劇。Javaよ永遠なれ
  • クラウド時代のソフトウェア品質管理。それは健康管理と同じだとグーグルのテスト担当者

    「システム管理者は、数学的、科学的にログを分析して、システムで何が起きているのかを判断することが新しい役割になる」。クラウド時代のシステム管理者についてこう話したのは、TwitterのJohn Adams氏でした(参考:Twitterの大規模システム運用技術、あるいはクジラの腹の中(前編)~ログの科学的な分析と、Twitterの「ダークモード」)。 Adams氏はまた、Twitterのソフトウェアはデプロイされたあとも何かあればすぐにさまざまな機能を停止できる「ダークモード」と呼ばれる90ものスイッチを備えていると説明しています。 クラウド時代のソフトウェアは「スイッチを入れる」 そういえば同じような見解を以前にも読んだことがあります。グーグルのソフトウェアテストエンジニアのブログ「Google Testing Blog」に、今年の2月にポストされたエントリ「Testing in the

    クラウド時代のソフトウェア品質管理。それは健康管理と同じだとグーグルのテスト担当者
    masaya-chonan
    masaya-chonan 2010/07/06
    「人間の患者のように、アプリケーションには脈拍があり、データは血液の流れのようにコードのあいだを流れていく。」
  • Webブラウザは多様性の時代へ。IBMはFirefoxを社内標準に、マイクロソフトはグーグルのChromeをサポート

    Webブラウザは多様性の時代へ。IBMはFirefoxを社内標準に、マイクロソフトはグーグルChromeをサポート Webブラウザは多様なベンダが共存する状態が定着しつつあります。あるベンダが圧倒的に高いシェアを獲得し、それによってWeb標準の動向を左右する、ということは今後しばらくは起きないのではないでしょうか。 IBMは標準ブラウザにFirefoxを採用 IBMが、社内標準のWebブラウザをFirefoxにすることが明らかになりました。同社ソフトウェアグループのオープンソースソースおよびLinux担当バイスプレジデント Bob Sutor氏が、自身のブログに投稿した「Saying it out loud: IBM is moving to Firefox as its default browser(大声で言おう、IBMはFirefoxをデフォルトブラウザにする)でその理由を表明して

    Webブラウザは多様性の時代へ。IBMはFirefoxを社内標準に、マイクロソフトはグーグルのChromeをサポート
  • 潰れるベンチャーと潰れないベンチャー - jkondoの日記

    超交流会の当日は「学生ベンチャー入門」というセッションで、同じ御池ビルののぞみ藤田さんと、株式会社ゆめみの深田社長、株式会社ランゲートの喜社長と一緒に登壇させていただきました。学生がベンチャーを立ち上げるうえでのアドバイスを経験談を交えながら話す内容で、質問は4つくらいあったのですが、最後に会場の方から「潰れるベンチャーと潰れないベンチャーの違いはなんですか?」という質問があり、そこで出た内容を紹介したいと思います。 これについては、4人の意見がけっこう一致していて、普遍的な答えがあると感じました。結局「諦めずに粘り強くやるべきことをやること」じゃないかと思います。これは単に諦めが悪いというだけではなくて、うまくいかないときにどうするかという行動パターンに差があると思っています。 大事なのは、その場でやるべきことをちゃんと考えてやれるかどうか、という単純なことだと思います。そもそも、人の能

    潰れるベンチャーと潰れないベンチャー - jkondoの日記
  • posterous - The place to post everything. Just email us.

    Posterous Spaces is no longer available Thanks to all of my @posterous peeps. Y'all made this a crazy ride and it was an honor and pleasure working with all of y'all. Thanks to all of the users. Thanks to the academy. Nobody will read this.

  • MozillaがiPhone版Firefoxを作れない理由

    米Mozillaは2010年7月1日、Firefox向けの機能拡張ソフト(アドオン)「Firefox Sync」(旧称Weave Sync)の最新バージョン1.4を公開したことを明らかにした(Mozilla Japanのブログ記事)。Firefox Syncは、複数のパソコンやスマートフォンでFirefoxのブラウザーデータを同期できるようにするアドオン。Mozillaのサーバーを介して、Firefoxのブックマークやパスワード、閲覧履歴、フォーム入力履歴などを同期する。バージョン1.4では日語へのローカライズが行われており、より使いやすくなったとしている。 Firefox Syncの便利な点は、自宅や勤務先、モバイル用のパソコンなど複数のパソコンを使っている場合でも、一つのパソコンでFirefoxの設定を施してしまえば、その設定をサーバー経由で他のパソコン上のFirefoxに反映できる

    MozillaがiPhone版Firefoxを作れない理由
  • Linuxでシステムに対して意図的に高負荷をかけたい場合 - 元RX-7乗りの適当な日々

    今更感があるかもしれませんが紹介。 stressコマンドを使うと、CPUやメモリ、ディスクに対して意図的に負荷を与えることができます。 どこで使うかというと、、、高負荷時のシステムの挙動を見たい場合、AutoScaling等の負荷状況に応じて自動でスケールアップ/アウトさせるための仕組みのテストをしたい場合、部屋が寒いときにPCに発熱させたい場合wwwなどで使えるのかな、と。 Stressをインストール CentOSやRedHatの場合は、DAG(rpmforge)のリポジトリがあるので、ここのパッケージからインストールしましょう。 DAGをyumのリポジトリに追加する場合は、以下リンクから(CentOS5[x86_64]系の2010/05/14時点の最新版は)"rpmforge-release-0.3.6-1.el5.rf.x86_64.rpm"をダウンロードして、rpmインストールしま

    Linuxでシステムに対して意図的に高負荷をかけたい場合 - 元RX-7乗りの適当な日々
  • 竹取 JS

    画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには? とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意! やや動作が重いです! うまく変換できなかったときは、画面をダブ