第8回 デザイナーとともにより良いサイトを目指そう 〜「はてな」のやり方：ITpro
連載第5回（「デザインのセンス，持ってますか？」）においてちょっと触れましたが，ウェブサイトを構築する際に，デザイナーとエンジニア（プログラマ）がかかわり，共同で作業を行うケースというのは少なくないと思います。これはもちろん，デザイナーとエンジニアがどちらもそれぞれ別のスキルを持っているからなのですが，それぞれのスキルや立場が異なるために，お互いにうまく意思疎通ができないケースも多いんじゃないかと思っています。 例えば，デザイナーの作成したウェブページのデザインが，システムを作る側からすると扱いづらい構成になっていたり，逆にエンジニアがシステムの修正や機能追加を行った際に行った表示上の変更が，デザイナーからすると許せないものだったり。そうでなくてもデザイナーの意図を読みきれていなかったり，といった感じで，お互いの作業が，相手の作業を阻害してしまったり，手戻りを発生させてしまうといった経験を
誰が攻撃しているか突き止めたい：ITpro
ブロードバンド・ルーターを介さずにパソコンをインターネットに直接つないでいたり，ルーターのポートを開けてLAN内のパソコンをサーバーとして外部に公開したりしていると，毎日のように不審なパケットが何者かによって送りつけられてくる。 つい先日も，実験のためにWebサーバーを公開したときの1カ月分のアクセス・ログを見てみたら，攻撃を受けた痕跡が大量に記録されていた。 こうしたインターネットからの攻撃を受けたとき，やるべきことは二つ。まず最優先はサーバーやパソコンが被害を受けていないかをチェックすることだ。被害を受けていたらすぐに修復し，適切なセキュリティ対策を施す。 それから，攻撃してきたのがどこの誰なのかを突き止める。攻撃パケットをいくつか受け取ったからといって目くじらを立てる必要はないが，あまりにしつこいようなら攻撃者が契約しているプロバイダに連絡するなどの手を打つことも考えたい。そのために
第9回 どうすればユーザー登録してもらえるか：ITpro
この連載では，エンジニアの視点から使いやすさを考えています。今回はユーザー登録画面などに代表される，フォームを使った入力画面について考えてみたいと思います。 なぜこのテーマを選んだかというと，フォームを介して利用者からデータを受け取って処理をして返すという一連の処理が，ウェブサイトのバックエンドの処理やデータ形式などによって変化しやすく，プログラマやエンジニアの作業がもっとも使いやすさと関係しやすい分野ではないかなあ，と思っているからです。こうした部分はエンジニアが使いやすさに寄与しやすい部分であり，もっと言えば，使いやすさを向上させるに当たって，エンジニアにしかできない事柄がたくさんある部分だってことになると思います。 今回は「ユーザー登録ページ」を例に，フォームにおける使い勝手を考えていきたいと思っています。その理由としてまずは，筆者が勤務する株式会社はてなにもユーザー登録画面があり，
第9回 良いアイデアがわく人とわかない人はココが違う：ITpro
Webサイトのテーマと内容，サイトやメニューの構成，宣伝方法にいたるまで，企画のベースには，一貫する「アイデア」がある。この企画のアイデア―――漠然と「企画案」とか「提案内容」と呼ばれることもある―――を見つけることが，企画という仕事の肝だ。 アイデアがわく人と，わかない人には決定的な違いがある 良い企画のアイデアさえ見つかれば，後は技術と知識で膨らませて，ユーザー層，制作目的，訴求効果といった項目に落とし込み，企画書の体裁に仕立てるだけだ。この作成作業自体は，暗記と反復練習次第で，比較的容易に習得できる。 ところが，こと「発想」に関しては，知識の丸暗記はあまり役に立たない。制作会社から「制作技術は学べるが，発想は学べない」という声を聞くことがある。手順をマニュアル化して伝えられるものではないので，後進の育成が難しいのだ。 筆者から見ると，アイデアがわき出る人と，アイデアがわかない人では，
ブックマークに入れておきたいお役立ちサービス/Webページ一覧：ITpro
出典：日経NETWORK 2006年11月号 35ページより 記事は執筆時の情報に基づいており、現在では異なる場合があります。
第10回 文字のサイズとブラウザの違い 〜「はてなダイアリー」で起こった問題点：ITpro
今回は，先日筆者の勤務するはてなのサービスの一つである「はてなダイアリー」で起こった，使いやすさに関する問題を取り上げてみたいと思います。使いやすさの向上のためにデザインを変更したところ問題が発生し，それをプログラミング言語であるところのJavaScriptを使って解決した，というお話です。 その問題とは，「文字の大きさ」に関するものです。 ブラウザには，文字のサイズを変更する機能が用意されています（図1）。例えばInternet Explorer（IE）なら「表示」メニューの「文字サイズ」から「最大」「大」「中」「小」「最小」の五つの段階を選ぶことができます。Firefoxも「表示」メニューの「文字サイズ」から選ぶことができますが，「大きく」「小さく」というメニューになっており，より自由に表示サイズを変更することができます。 図1：ブラウザでは文字サイズを変更できる ちなみにOperaは
経営を疑似体験しながらITスキルを体得、武蔵大学が開講へ
武蔵大学は2007年9月から、社会人として必要な基礎的ITスキルを教える講座を開く。特徴は「プロジェクト・ベースト・ラーニング（PBL）」と呼ぶ実践型教育方法を取り入れること。PBLは、学生に役割とゴールを与えたプロジェクトを実践させることで、座学では得られない課題解決能力やコミュニケーション・スキルを身に付けさせる。企業や大学でのIT人材育成講座で採用が相次いでいる。 開講するのは「デジタル協働学基礎」。ある企業の経営をプロジェクトで疑似体験することにより、ビジネス・パーソンに役立つIT利活用の基礎を教える。詳細な題材はまだこれから決めるが、製造業の工程管理を含めることなどが候補に挙がっているという。 講座は90分で週1回。経済学部の1年生を対象にしている。武蔵大学はまず半期の講座として始める。その後、本講座を通してIT業界に興味を持った学生に対し、IT人材育成に特化した上級コースを設け
日本医師会のオープンソース医療ソフトでFirebirdのユーザーが1万4000に
Firebird日本ユーザー会は，日本医師会が開発，配布しているオープンソース医療ソフトでのオープンソース・データベース「Firebird」のユーザーが累計1万4000以上になったと発表した。Firebirdを採用しているのは，日本医師会ORCAプロジェクトの主治医意見書・医師意見書・訪問看護指示書作成支援ソフト「医見書」および給付管理・介護報酬請求支援ソフト「給管鳥」。 日本医師会では2001年11月に，医療用プログラムやデータベースのオープンソース化をテコに医療現場のIT化の土台となるネットワークを整備することを宣言した「日医IT化宣言」を発表。ORCAプロジェクトを開始しオープンソース・ソフトウエアの開発および配布を行ってきた。 2002年2月に診療報酬計算プログラム「日医標準レセプトソフト」をオープンソースとして公開。1999年9月から日本医師会が販売していた「医見書」も，「医見書
Flash 8 入門講座：ITpro
Flash 8 入門講座 目次 お絵描きからActionScriptを使ったアニメーション制作まで いまやすっかり，Web上のインタラクティブ・コンテンツの代名詞となった感がある“Flash”。実は，アニメーションやゲームなど私たちが目にする，いわゆるFlashコンテンツは正確には「Flashムービー（ファイルの拡張子は.swf）」と呼びます。 Flashムービーを作成する方法はいくつかありますが，一般には，アドビシステムズの開発ツール「Macromedia Flash（以下，単にFlash）」を使います。本連載では，Flashの最新版である「Flash 8」を使って，Flashムービーの作成方法を中心に紹介していきます。Flash 8を持っていないという人も，1カ月間タダですべての機能を使用できる体験版がアドビシステムズのWebサイトに用意されているので，ダウンロードして一度試してみては
第2部 米大手が採用する最新ITの数々：ITpro
ITは米企業に、コスト削減という大きな恩典をもたらしている。しかし、浮いた資金が新しい予算として使えるほど環境は甘くない。米企業のCIO（最高情報システム責任者）は、タイトな予算の中で、どれだけ新しいシステム開発・改善を遂行できるかという難しい任務を課されている。米企業はパソコン1台当たり年間1万ドルの予算を計上するが、その70％から90％はシステムの現状維持のために費やされるという報告もある。残り3割未満の資金をいかに新技術への投資に配分できるかが、CIOの腕の見せどころになる。 厳しい環境下でも、革新的な動きを見せる金融機関が後を絶たないのが米国の面目躍如たるところだ。米金融I T 紙のバンク・テクノロジー・ニューズ（Bank Technology News）は、2006年に金融業界のIT分野で新しい境地を開いた25の実例を紹介している。いくつかを紹介しよう。 セキュリティを強化する動
フリーで使える仮想マシン・ソフト「VMware Player」
無償で利用可能な仮想マシン・ソフトが話題だ。米VMwareの「VMware Player」である。WindowsもしくはLinux上で動作する。VMware PlayerをWindowsにインストールすれば，Windowsと同時にLinuxを簡単に使える。 VMware Playerは，製品版の「VMware Workstation 5.5」と同じ仮想マシン・エンジンを使いつつ，仮想マシン環境の作成機能や仮想マシンのハードウエア設定変更機能などが省かれている。ただ，仮想マシンのハードウエア設定は，そのためのメニューが用意されていないだけで，実は変更可能だ。 仮想マシン・ソフトの利点は，時間をさかのぼれる点である。例えば，開発中のソフトや，入手経路が怪しいソフトなどを動かす場合，システムのクラッシュやウイルス感染といった万が一のことを考えると，実機での実行はちゅうちょする。だが，仮想マシン上
ブログ・ソフトMovable TypeベースのECサイト構築ソフト，シックス・アパートが出荷
シックス・アパートは，ブログ構築ソフトのMovable TypeをベースとするEC（電子商取引）店舗サイトを運営するためのパッケージ・ソフト「Movable Type EC Pack」を，2006年10月17日に出荷した。ブログ・ソフトをベースにしているためRSS配信やトラックバック機能を標準で備え，店長ブログも簡単に開設できるという。クレジット・カード決済にも対応している。 Movable Type EC Packは，EC店舗を構築するためのWebアプリケーション・ソフトである。店舗機能を自前で持てるため，店舗機能を賃貸借するよりも安価に出店できる。店舗のテンプレートを用意しているほか，商品データの登録/管理機能を単純化することで容易に構築/メンテナンスできるようにしている。ショッピング・カート機能として，エーティー・ファクトリーとベイリーフが共同開発したFlash形式のカート機能ソフト
Oracle，無償のWebアプリ構築ツール新版を一般公開
米Oracleは米国時間8月28日，無償のWebアプリケーション構築ツールの新版「Oracle Application Express Release 2.2（旧名Oracle HTML DB）」を一般公開したと発表した。「Oracle9i Database Release 2」および「Oracle Database 10g」の全製品に統合する。 ブラウザ・ベースで簡単にWebアプリケーションの構築，実装，管理ができるという。「プログラミング経験の浅いユーザーでも安全で拡張可能なWebアプリケーションを迅速に開発できるため，コストと時間を節約可能」（同社）という。 新版は，アプリケーションと，テーブル，シード・データ，画像などの関連オブジェクトを単一ファイルに纏める機能を備える。これにより，別の「Oracle Databese」へのインストールを簡素化する。また，項目，ページ，クエリー，テ
パソコン仮想化の効果的な使い方
クライアント用のパソコンに仮想化環境がなぜ必要なのか，と常々疑問に思ってきた。使い道としてよく聞くのは，WindowsとMacOSを同時に稼働させるというものだ。しかし，2つのOSを1台のマシンで利用する用途に，それほどニーズがあるとは思えない。あるとすれば，仮想化を使って仕事用OSとホビー用OSを使い分けることで，ウイルス感染による情報漏えいを防ぐという使い方だろうか。しかし，ユーザーがわざわざOSを切り替えながら使う状況は一般的にはならない気がしていた。 ところが最近，仮想環境はネットワークやコンピュータを管理する目的では効果的だと気が付いた。エンドユーザーが意識して使う方法は本筋ではないのだ。そう考え始めたきっかけは，10月から本格展開すると見られる米インテルの新ブランド「vPro」を調べたことにある。vProはインテルが定めた部品・ファームウエアを搭載した企業向けパソコンに付けられ
第13回 iPodの音をより良くするファームウエア「Rockbox」:ITpro
本連載第5回でiPod用のLinuxを紹介したが，音楽に焦点を当てた「Rockbox」というオープンソースでフリーのファームウエアがある（図1）。Rockboxは，WAV，MP3，Ogg Vorbis，FLAC，WavPack，AC3，AAC（128kbpsまで），Apple Lossless，の各ファイル形式を再生できる。WMAには対応していない。詳細はWebサイトにある。 iTunesの管理下にあるMP3とAACの曲も再生できる。iPodのオリジナルの状態と，Rockboxの音質を比較すると，明らかにRockboxの音質が向上しているのが分かる。この音質の差は，iPodに付属したインナーイヤー・タイプのヘッドフォンではなく，大口径のヘッドフォン，例えば「audio-technica ATH-AD300」のようなものを使うと，差がよりはっきりする。オーディオ・ファイルのデコードに関係する
Webデザイン エンジニアリング第22回 適切な「色」の選び方:ITpro
Webサイトを設計する際，「色」は様々な問題を起こします。開発者それぞれの想いが込められやすいのかもしれません。開発末期になってから，色の変更指示で不眠開発になるという話は，いまだ昔話にはなっていません。 色の問題を解決するためには，色についての知識があったほうが助かります。ただし，色自体の講釈をここではしません。色を決めていく過程の参考になりそうなことを記します。 刷り込まれている色/固定イメージのある色 私たちは様々な色に囲まれて生活しています。その中で，色と行動が一番密接にかかわりを持つのは「信号」です。我々の取るべき行動を色が指示します。それはあまりに一般的になりすぎて，我々は無意識のうちにそれらの色に対して同様の行動パターンを取りやすくなっています。 例えば，赤色を見ると何か危険なことがそばにあるのかもしれないと警戒したり，黄色の標識を目にすると周囲に対して少し注意力をはらったり
他社でも通じるスキルの習得のコツ（5）
ビジネススキルとは、企業のビジネス活動に関する知識、あるいはその知識を活用する能力のことを指す。社会人の常識として必要なこともあるが、ITエンジニアの中でも特にシステムエンジニア（SE）は、少なくとも担当する顧客企業の業務知識や業界に関する知識について精通していなければならない。「業務改善を提案できないSEは使い物にならないと言われてしまう」（エムズネットの三好代表）。 では、ビジネススキルが問われるようになるのはいつ頃からだろうか。三好代表は「提案活動や要件定義を担当するようになったときで、年齢でいえば30歳前後ではないだろうか。この年齢で業務知識や業界の課題に疎いようでは、顧客から信頼を得ることはできないだろう」と指摘する（図9）。最近、20歳代の若手社員にもビジネススキルは必要だと言われ始めた。ビジネススキル習得の“低年齢化”は進んでいる。 新人研修で実施するIT企業も 入社5年内に
第11回 プログラマが知らない，デザイナーの苦労
今回は，デザイナーとして，世間やプログラマに対して言いたい放題書かせてもらう。どうか怒らずに最後まで読んでもらいたい。デザイナーの皆さんには，大いに賛同していただける内容になっているはずだ。 デザイナーだって，タイヘンなんだ！ まず，デザイナーという仕事は，非常に誤解されやすい。例えば次のような誤解をうけて，暗い気持ちで日々の作業をこなしているデザイナーも少なからずいるはずだ。 1) デザイナーという職種に対する，先入観がある 世間（顧客やエンドユーザー）には，「すべてのデザイナー」＝「技術に無知」だという先入観がある。「デザイナー」とは「Webページの配色とレイアウトをする人」だから技術を知らなくて当然，むしろ知らなくてよいとする傾向すらある。開発ツールが完全分業に向けて進化しているのだから，デザイナーはビジュアル・デザインのことだけ考えていればいいという意見を持っている人もいるだろう。
やはり危機に瀕していたIT業界の「モラル」
「自分の経験上，モラル（責任感や倫理観）を維持したくてもできない時期があった。過酷な作業の中で，本来必須の作業すらこなせない。それが原因で問題が発生して非難されたとき，もう自分が悪いとは思わなかった」 日経コンピュータが5月30日から6月7日にかけて実施した，IT業界のモラルに関するアンケートに寄せられた自由意見の一つである。ソフトハウスに勤務するこの30代のエンジニアは，「後から結果を見て非難するだけなら，誰でもできる」と心情を訴えた。 本誌は，5月30日に公開した記者の眼「危機に瀕するIT業界の『モラル』」の中で，Webによる調査への協力を呼びかけた。短期間にもかかわらず，785人の方にご回答いただいた。この場を借りて御礼を申し上げたい。 記者がとりわけ強烈な印象を受けたのは，回答者が寄せた自由意見である。こうした調査に回答する人は，元から問題意識が高いのだろう。それを差し引いても，回
Webデザイン エンジニアリング 第16回 ボタンを押させるテクニック：ITpro
対象とするユーザーの“慣れや知識”によって，画面の構成を変えたほうが伝わりやすいとするならば，画面上の「ユーザー・インタフェース（UI）部品」の色や形状も，ユーザーに応じて変えるべきでしょう。今回は，代表的なUI部品でありながら，なかなか作り手の思うように押してくれない「ボタン」について考えます。 わかりやすいボタンの形状はユーザーによって違う まず，前回とほぼ同じ絵を用います。Webシステムの操作方法への「熟知度（PCリテラシ）」を縦軸，「提供したいサービスに対する知識」を横軸とします。そして，それぞれの「軸」に対して，受け入れやすいと思われる「ボタン」の形状を例記しました。 上図の【A】や【B】のタイプに当てはまるPCリテラシの高いユーザーは，ボタンの“ラベル”に「submit」と書かれていようが「GO」と書かれていようが，ボタンを認識することはさほど苦ではありません。 しかし，PCに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
