第1回 「使いやすさ」について改めて考えてみよう
皆さん，はじめまして。このたび，「技術者視点のユーザビリティ考～使いやすいサイトへのアプローチ」というタイトルでこちらで連載させていただくことになった水野貴明です。私は株式会社はてなという会社でエンジニアとして働きながら，技術系のライターをやっています。株式会社はてなは，ブログサービスである「はてなダイアリー」や，ソーシャルブックマークサービス「はてなブックマーク」などのサービスをウェブ上で展開している会社です。 本連載では，ウェブ系のエンジニア（もう少し厳密に言えばプログラマやデータベース設計，システムデザインなどを行う人間）としての立場から，ウェブサイトの使いやすさをどのように実現していくのか，ということを，筆者の経験やそれを通じて考えたことなどを含めて，お話ししていければと思っています。よろしくおねがいします。 サイトの使いやすさはデザイナーの領域？ まずは第1回ということで，ウェブ
OutlookライクなAjax Webメール/スケジューラScalix，ソースコード公開を開始
米Scalixは10月9日，同社のWebメール/スケジューラ・ソフトScalix Web Access無償版のソースコードの公開を開始した。Scalix Web Accessは，Ajaxによるドラッグ＆ドロップ操作などによりOutlookに似たデザインと操作感を実現しているWebメール。近く日本への進出を予定している（関連記事）。 公開したのは，Scalix Messaging Services，Scalix Mobile Web Client，Scalix SearchとIndexing Servicesと呼ぶモジュールとインストーラのソースコードおよびローカライゼーション・キット。同社は2006年7月，Scalix Web Accessをオープンソース化する計画を発表している。第一弾のソース公開である今回に続き，2007年第1四半期にサーバーのオープンソース版をリリースする予定。Sca
Rubyを仕事に使うべし！ Part1 なぜ仕事で使うとうれしいのか：ITpro
プログラミング言語Rubyが注目を集めています。Ruby関連の書籍が次々と出版され，2006年6月には国内初の大規模Rubyイベントである「日本Rubyカンファレンス2006」が催されました。また，Rubyで書かれたWebアプリケーション・フレームワークRuby on Rails（以下Rails）が話題となり，Rubyの高い生産性が一般に知られるようになってきました。 Rubyの生産性はJavaの10倍とさえいわれます。なぜRubyは生産性が高いのでしょうか。それは，Rubyはいろいろな言語から優れた所を集めた「いいとこ取り」言語だからです。Rubyの特徴は「構文が強力なので，迅速な開発ができる」「人に優しい言語なので，楽しくプログラミングできる＊1」「問題が起こりにくいように設計されているので，初心者でも簡単に安全に作業でき，熟練者は高度なプログラミングを行える」といった点です これらの
Webデザイン エンジニアリング第24回 色コンプレックスを克服する方法：ITpro
実は多くの人が，「色」の扱い方――色の選び方，色の作り方，色の使い方など――を不得意に感じているようです。かくいう私も決して得意ではありません。そこで今回は，そういった色コンプレックスを克服する方法を取り上げてみましょう。 ▼原因を知る（自分に能力がないわけではないと知る） 全くの個人的意見ですが，多くの人が色にコンプレックスを持つ理由は，小学校教育にあるのではないかと疑っています。もう少し具体的に書くと，「12色の絵の具」です。 中でも「緑＝ビリジアン」が一番罪深い存在だと私は思っています。誰でも，野外の風景を描かされた記憶はあるでしょう。しかし，木々の緑や小さな野の花を描こうとしたときに，ある「壁」にぶつかったことはないでしょうか。 それは，自分の見ている「緑」と，パレットで作っている「緑」とのギャップです。ビリジアンに様々な色を混ぜ合わせて試してみるのですが，自然界の「緑」には程遠い
第11回 プログラマが知らない，デザイナーの苦労
今回は，デザイナーとして，世間やプログラマに対して言いたい放題書かせてもらう。どうか怒らずに最後まで読んでもらいたい。デザイナーの皆さんには，大いに賛同していただける内容になっているはずだ。 デザイナーだって，タイヘンなんだ！ まず，デザイナーという仕事は，非常に誤解されやすい。例えば次のような誤解をうけて，暗い気持ちで日々の作業をこなしているデザイナーも少なからずいるはずだ。 1) デザイナーという職種に対する，先入観がある 世間（顧客やエンドユーザー）には，「すべてのデザイナー」＝「技術に無知」だという先入観がある。「デザイナー」とは「Webページの配色とレイアウトをする人」だから技術を知らなくて当然，むしろ知らなくてよいとする傾向すらある。開発ツールが完全分業に向けて進化しているのだから，デザイナーはビジュアル・デザインのことだけ考えていればいいという意見を持っている人もいるだろう。
「mixiの画像ファイルは1日に23Gバイトずつ増える」---バタラ・ケスマCTO
日本最大のソーシャル・ネットワーキング・サービス（SNS）「mixi」を運営するミクシィのバタラ・ケスマCTO（最高技術責任者）は8月23日，都内で講演し，mixi内の画像ファイルは合計で9Tバイトを超えていると説明した。さらに「1日に23Gバイトくらい増えている」（バタラCTO）という。 バタラCTOによるとmixi内の画像ファイルは2種類に分かれる。つまり，(1)プロフィールの写真やコミュニティのロゴのように頻繁にアクセスされる画像と，(2)日記やアルバムの写真のようにアクセス頻度の少ないものだ。(1)はファイル数が少なく，サイズも合計で数百Gバイトしかないのに対し，(2)はファイル数が多く，合計で数Tバイトに及ぶという特徴がある。 そこでmixiは(1)の画像ファイルに対しては「キャッシュのヒット率が非常に良いので普通にキャッシュすれば良い」（バタラCTO）という方針を取る。キャッシ
第４回 HTMLからXHTMLへの移行方法（1）：ITpro
HTMLからXHTMLにスムーズに移行するには、「書式の違い」をきちんと押さえておくことが不可欠。今回は「XML宣言」「文書型宣言」「XML名前空間と言語コード」「MIMEタイプ」「style要素とscript要素」について見ていこう。 HTMLよりも書式が厳格なXHTML XHTMLはHTMLをXMLで再定義したマークアップ言語であり、HTMLの簡便さを残しつつXMLの論理的厳密性を備えている。そのため、HTMLのようにルーズなコーディング（たとえば終了タグがないなど）でもブラウザで問題なく表示される、ということはほとんどない。したがって、書き方にエラーがないかどうか少し神経質にならなければならない。 また、CSSがきちんと適用されないというトラブルも、実はXHTMLが正しく書かれていないことに起因していることが少なくない。 これらの問題を避けるべく、エラーのないソースにするには、バリデ
第18回 ユーザー・インタフェース作りに必要なマーケティング感覚
Webアプリケーションを開発する際に，対象ユーザーを考慮することの大切さについて見てきました。今回は，ユーザー・インタフェース（UI）設計にも，マーケティング感覚が必要なことを考えてみましょう。 UIの問題点を改善していく手順 例によって航空券の予約をサンプルに使います。下記の画面をご覧ください。このWebアプリケーションには，様々なオプションを付け加えることができます。しかし，必要最小限の情報は，「搭乗日」と「出発地」と「到着地」の三項目だけです。このUIに，どこか問題はないでしょうか。 (1) 日付部分への改良 まず注目してほしいのは，搭乗日という日付情報をユーザーにすべて入力させている点です。日付情報をユーザーにまかせ切ってしまうと，表記が統一されず，結局のところシステムでそれを補う処理が発生してしまいます（たとえ「2006/08/02」などと「例」を明記しても，半角文字と倍角文字と
“mixiそっくり”な理由は？So-netなど数千のSNSが使う「OpenPNE」，開発元の手嶋屋 社長に聞く
日本最大のSNS（ソーシャル・ネットワーキング・サービス）「mixi」（ミクシィ）にそっくりなオープンソースのSNSシステム「OpenPNE」（オープンピーネ）が話題を集めている。大手プロバイダのSo-netは誰でもSNSを運営できるサービス「So-net SNS」のシステムにOpenPNEを採用した（関連記事）。OpenPNEを開発する手嶋屋の手島守・代表取締役に話を聞いた（聞き手・構成はITpro編集 武部 健一）。 ---OpenPNEを開発したきっかけを教えてください。 もともと2003年ころに「PNE」という携帯電話の転送メール・サービスを実験的に提供していました。そこでPNEのユーザーのために携帯電話から使えるレンタル掲示板を設置したのですが，掲示板がものすごく“荒れる”。これは自分で掲示板を作らなければならないなと思っていた2004年6月ころ，mixiやGREE（グリー）とい
Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック：ITpro
対象とするユーザーの“慣れや知識”によって，画面の構成を変えたほうが伝わりやすいとするならば，画面上の「ユーザー・インタフェース（UI）部品」の色や形状も，ユーザーに応じて変えるべきでしょう。今回は，代表的なUI部品でありながら，なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず，前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度（PCリテラシ）」を縦軸，「提供したいサービスに対する知識」を横軸とします。そして，それぞれの「軸」に対して，受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは，ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが，ボタンを認識することはさほど苦ではありません。 しかし，PCに
［MySQLウォッチ］第28回 MySQL 5.1期待のクラスタリング機能
数カ月前にMySQL 5.1 GA版 のリリース見通しを5月と記述したが，残念ながら下半期に突入した現在もBata版にとどまっている。バージョン5.0から5.1へのアップは，番号としてはポイント以下のマイナー・バージョンアップだ。しかし，非常に大きな期待を持って待っているユーザーも多いだろう。それは，MySQL 5.1 からMySQL Clusterがストレージ対応になるからだ。 今回は，MySQL 5.1 GA版 のリリース準備として，期待の高まるMySQL Clusterのストレージ対応を紹介する。 MySQL Cluster の登場 もともとMySQL Clusterは，NDB Clusterという商品だったものをMySQL ABが自社製品として取り込み，MySQL 4.1.3 (RPM版はMySQL 4.1.10)から実装が始まった。それ以前は，標準機能のReplicationかサ
「Xen」を利用した仮想専用サーバー・サービス，GMOグループの@YMCが開始：ITpro
アット・ワイエムシー（@YMC）は7月5日，オープンソースの仮想マシン・ソフトウエア「Xen 3.0」を利用した仮想専用サーバー・サービスを開始したと発表した。価格は月額4095円から。@YMCでは「Xenを利用することで低コストで安定したサービスを提供できる」としている。 仮想マシンは，1台の物理マシンのを複数のマシンのように使用するための技術。複数のユーザーが1台のサーバーを，あたかも自分専用のマシンのように管理者権限を持ちながら，他のユーザーに影響をおよぼすことなく共有できる。 サービスの名称は「YVシリーズ」。サーバー運用業務を@YMCが代行する初心者向けの「YV−マネージド」と，顧客が自由にサーバーを構築，運用できる上級者向け「YV-カスタム」の2プランがある。ともに初期設定料(税込）が1万500円，ハードディスク容量10Gバイトの場合で月額利用料（税込）が4095円。OSはRe
いったいネットで何が起こっているんだ？：ITpro
正直に白状する。どうもここ1～2年のインターネットの動きがしっくりこなかった。 検索サービスの米グーグルが世の中を変えるとの論調が瞬く間に広がったり，個人の間でブログのユーザーが爆発的に増えたり，mixi，GREE，はてな，オウケイウェイヴなどのSNS（ソーシャル・ネットワーキング・サービス）なるものが急速に利用者を増やしたりといった現象だ。 よく分からないものが社会に評価されて広がっていく様を横目で見ながら，はやりの「1.0と2.0」の対比で言えば，「こりゃ“記者1.0”には理解できない“2.0世界”が来てしまったか」との思いにとらわれもした。 何も売っていないのにもうかるなんて 記者が違和感を覚えた一つの要因は，こうした企業のビジネスモデルが直感的に理解しにくいことである。グーグルもmixiもはてなも，モノやサービスを売っているわけではない。サービスは提供していても，無料で使えるので，
「ソースコードを見せて，と創業者のラリーとサーゲイは言うんです」---Google アンジェラ・リー氏：ITpro
優秀なエンジニアをかき集め，革新的なサービスを次々とリリースしてきたGoogle。「エンジニアのエンジニアによるエンジニアのための会社」（梅田望夫氏）といわれる同社の研究開発はどのように行われているのか。インターナショナル・プロダクトマネジャ アンジェラ・リー氏に話を聞いた（聞き手はITpro発行人，浅見直樹） ---Googleは自前主義と言われます。 リー氏: 本当に1からコードを開発している。メモリーの深い部分をどう効果的にコントロールするか，から始めて，ハッシュテーブルをどうするか，ユーザーインタフェースの部分まで，最後の1バイトまで自分たちで書いています。 買ってきたものだと限界にぶつかる なぜかといえば，他社のプラットフォーム上にコードを書いていると最終的にはどこかで壁に突きあたるんです。私の場合，国際化を担当していますが，日付の順番などが各国の言葉によって異なるところが，プラ
Googleとオープンソースの知られざる関係
Googleの日本法人にひとりの技術者が在籍している。日本の多くのWebサイトで使用されているオープンソース・ソフトウエアのオリジナル開発者であり，インターネットやWebサイトにかかわる技術者であれば誰でもそのソフトウエアの名前は知っているはずだ。彼がGoogleに移籍したと聞き，とても興味を覚えた。Googleにとってオープンソースとは何なのだろうか。また彼はなぜGoogleに参加したのだろうか。 その彼に話を聞く機会があった。非常に興味深い話だったのだが，残念ながら「目立ちたくないので名前は出さないでほしい」ということなので，名前を伏せた形でこの場でご紹介させていただきたい。 オープンソースのヘビー・ユーザーで支援者 Googleにとってオープンソースとは何か。まず，Googleは「オープンソース・ソフトウエアの凄まじくヘビーなユーザー」だ。 Googleの心臓であるサーバー群。その数
広がるWeb 2.0の世界，使えるサービスはこんなにもある：ITpro
写真4●<a href="http://www.housingmaps.com/" target="_blank">housingmaps.com</a>。Googleの地図サービスにcraigslistの不動産情報を組み合わせて表示する。地図上のアイコンにマウスを持っていくと物件情報が写真付きで表示される Tim O'Reilly氏が論文「What Is Web 2.0」を発表したのは昨年の9月。本コラムでも「『Web 2.0』を知っていますか？」というタイトルでこの論文についてレポートした（記事）。あれからわずか3カ月だが，Web 2.0という言葉はすっかり定着した感がある。米Microsoftがライブ・ソフトウエア戦略を発表するなど，Web 2.0を大きく意識した展開を示したことも手伝ったのかも知れない。今やWeb 2.0は人々のあいだで意識化され，また注目されるようにもなった。しか
作って理解するAjax (3)：IT Pro
図1 インクリメンタル検索を実現<br>作成したサーバーCGIプログラムを使ってインクリメンタル検索する様子。計画通りに稼働しているのが分かります。 前回は，インクリメンタル検索を実現するAjaxアプリケーションのクライアント・サイドの実装を紹介しました。今回は，サーバーとして稼働するCGIプログラムを作成します。このCGIプログラムは，クライアントから送られてきたクエリーに基づいてテキストを検索し，その結果を返送します。Ajaxアプリケーションは通常のWebアプリケーションに比べて，サーバー・アクセスが増加しがちです。このためサーバーをいかに効率よく実装できるかが，サービスを快適に提供できるかどうかを左右します。サーバー負荷を下げる手法についても考えてみましょう。 テキスト検索にsaryを使用 みなさん，テキスト検索といえばどんな方法を思いつくでしょうか。単純なところではgrepコマンド
作って理解するAjax (2)：IT Pro
図2●作成したクライアントをテスト<br>クライアントから受信したデータをそのまま返送するサーバーを使ってテストした様子。入力データがそのまま表示されるのが分かります。 前回はAjaxの概念や利点を説明し，筆者が作成したAjaxアプリケーションを紹介しました。紹介したものの一つがインクリメンタル検索用アプリケーションです。検索ボタンをクリックして初めて検索される通常のWeb検索とは異なり，インクリメンタル検索はキーワードを1文字入力するたびに即座に検索を実行します。検索結果はKWICという形式で表示します（図1[拡大表示]）。KWICはKeyWord In Contextの略で，前後の文脈付きで検索結果を表示する形式です。 今回から2回にわたり，このインクリメンタル検索を実現するAjaxアプリケーションを作成します。単なる動作説明用の「おもちゃ的な」サンプルではなく，実用性のあるツールとし
デスクトップの機能をネットワークが吸い取る---MicrosoftがGoogleを恐れる理由：ITpro
Googleが火をつけて以来，日本でもAjaxの様々な可能性が次々と開拓されてきている。中にはこんなものも，と驚くようなものもある。Ajaxを使った，オープンソースのかな漢字変換プロセッサがある。西山清香氏が開発したsumibiである。公式サイトsumibi.orgで使用できる。「海外など日本語OSのない環境でも日本語が入力できる」（西山氏）。ローマ字を入力して，スペース・キーを押すたびに候補の漢字がするすると表示されて面白い。 sumibiはGPL（GNU General Public License）に基づくオープンソース・ソフトウエアとして公開されており，誰でも自由に自分のサイトに組み込むことができる。 面白い，と感心していたらもっと凄いサイトがあった。自然言語処理などの研究者で，形態素解析エンジンMeCabの開発で知られる工藤拓氏のサイトだ。なんとデスクトップのかな漢字変換プロセッ
［MySQLウォッチ］第20回 MySQL 5.0で一挙に増加，様々な特徴を持つストレージ・エンジン
MySQL 4.0では，複数のテーブルタイプが選択できる。それぞれのテーブルタイプは，物理的なデータの格納方法やデータ処理の機能が異なっている。このように異なったテーブルタイプをサポートできるのは，異なるストレージ・エンジンを持っているからであり，MySQLの大きな特徴でもある。 まもなくリリースされるMySQL 5.0では，さらに多くのストレージ・エンジンを搭載する。今回は，MySQL 5.0のストレージ・エンジンを紹介する。 これまでのストレージ・エンジン まず，MySQL 4.0に搭載されているストレージ・エンジンを説明する。MySQL 4.0では，表1のようなテーブルタイプに対応したストレージ・エンジンを使用できる。 表1●MySQL 4.0で使用できるテーブルタイプ カテゴリ テーブルタイプ 概略
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
