第36回 画面設計書を書くための手法とツール：ITpro
画面設計書について，前回に引き続き，それを書くツールや手法について考えてみましょう。 画面設計書の基本 まずは，画面設計書の中にあるべき情報から見てみましょう。これらすべてがそろっていなければならない，というわけではありませんが，望ましいのではないかと私自身は考えています。 header ページIDやタイトルなど，一目でそのページがどの画面仕様を記述しているかがわかるような「ヘッダー」部分。細かく書くならば，文字コードや対象ブラウザまで記述する場合もある。また，プロジェクトの名前（プロジェクト・コード）や版番号なども記し，似たようなドキュメントの中からも引き出せるようにしておく。 footer 制作サイドのコピーライトやページ番号などを記す。最終的には，クライアントのコピーライトに置き直して，最終納品とする場合もある。 Page Layout 画面内に配置する「ユーザー・インタフェース（U
サッカーはプロジェクト，仕事もプロジェクト
サッカーはプロジェクト，仕事もプロジェクト 畔柳信雄 三菱UFJフィナンシャル・グループ社長三菱東京UFJ銀行頭取 プロジェクトマネジメント学会会員 どんな仕事であっても，プロジェクトと見なして取り組む。 これが私の持論だ。「プロジェクト思考」を持って仕事を進めることで，プロジェクトチームのメンバーたちは大きな達成感を得られる。なるべく若い時に，何らかのプロジェクトに参画し，集中して仕事に取り組み，達成感を味わってもらいたいと思っている。プロジェクト経験は間違いなく，その人の今後の仕事のベースになるからだ。 プロジェクトは「一定の期間と制約条件の中で目標を達成するためのユニークな活動」と定義されている。プロジェクトを成功させるカギは，事前の計画作りと実行時の問題解決，そしてプロジェクトメンバーのチームワークと言われる。唐突かもしれないが，これはサッカーと同じである。中学から大学卒業まで，サ
ネット宅配レンタル事業が急成長、「青い封筒」で250万点を全国配送
DVD・CDの宅配レンタルサービス「TSUTAYA DISCAS」が急成長している。前年比50％増を上回るペースで会員を増やし、定額制のビジネスモデルで着実に収益を上げる。ネットとリアルを併用する「過渡期ビジネス」は、店舗に来ない顧客を取り込んだ。成長の背景には、顧客の声の吸い上げと、巨大配送センターの効率運営があった。 （文中敬称略）<日経情報ストラテジー 2009年2月号掲載> プロジェクトの概要 IT（情報技術）バブル崩壊直後の2002年末。「ネットとリアルの融合」を実現したDVDの宅配レンタルサービスが産声を上げた。ネットで予約し、DVDを自宅に配送する「DISCAS（ディスカス）」だ。レンタル店向けソフト貸し出しのレントラックジャパンで開発されたこのサービスは、その後同社がCD・DVDレンタル国内最大手TSUTAYAのグループ企業になったのに伴い、TSUTAYAのブランドを冠して
第28回 日本企業を見限ったインドの“システム屋”から学んだこと
経営者にとって、情報システムは頭痛の種になりがちだ。業務に必須だが投資に見合った効果が出るとは限らない。ほかの設備投資に比べて専門的で難解でもある。 野村総合研究所で約20年間勤務した後に、人材派遣大手スタッフサービスのCIO（最高情報責任者）を務め急成長を支えた著者が、ベンダーとユーザー両方の視点から、“システム屋”の思考回路と、上手な付き合い方を説く。 前回（第27回）で登場したインド人の“システム屋”経営者の言葉をもう1つ紹介したいと思います。彼から「日本企業向けの仕事はもうやりたくない」と言われたことがあります。英語力の問題ではなく、日本人はそもそもシステム開発に向いていないというのが彼の主張です。 これを聞いた私は、その場では苦笑するほかありませんでしたが、日本人の“システム屋”として悔しいという感情が残りました。しかし今ようやく、この意見には反論が可能だという思いに至りました。
ルイ・ヴィトンが重視するメールマーケティングとは？
写真●ラディカ・システムズ創立者兼CEOのフランシス・クウォック氏（左）、ルイ・ヴィトンのアジア・パシフィック カスタマーリレーションシップ部門シニアマネージャーのリン・チェア氏（右） 日本で初の開催となった「ad:tech Tokyo」。9月2日のセッション「デジタルメディアを活用した統合型マーケティングキャンペーン事例」には、ルイ・ヴィトンのアジア・パシフィック カスタマーリレーションシップ部門シニアマネージャーのリン・チェア氏、香港に本社を持ちルイ・ヴィトン、キヤノン、メルセデス・ベンツなどを顧客として持つマーケティング支援企業ラディカ・システムズ創立者兼CEOのフランシス・クウォック氏が登壇（写真）。事例をベースに統合型マーケティングのノウハウを語った。 講演はまず、クウォック氏が統合型マーケティングの重要性を訴えるところから始まった。「メッセージは一貫していなければならない」。こ
ブログマーケティングのやらせ問題はどうクリアする？
左からモデレーターを務めたアジャイルメディア・ネットワーク代表取締役社長の徳力基彦氏、パネリストでブログウォッチャーの代表取締役社長の羽野仁彦氏、ライブドアの執行役員メディア事業部長の田端信太郎氏、サイバーエージェントのアメーバ事業本部ゼネラルマネージャーの小池政秀氏 マーケティングとITの専門イベント「ad:tech Tokyo」では2009年9月2日、ブログマーケティング支援企業の事業責任者らを集めたパネルディスカッション「ブログマネタイジング」が行われた。パネリストとして、ブログウォッチャー（東京都中央区）代表取締役社長の羽野仁彦氏、ライブドア（東京都新宿区）執行役員メディア事業部長の田端信太郎氏、サイバーエージェントアメーバ事業本部ゼネラルマネージャーの小池政秀氏が登壇。アジャイルメディア・ネットワーク代表取締役社長の徳力基彦氏がモデレーターを務め、企業のマーケティングにおけるブロ
第13回 Webページで読みやすいテキストとは：ITpro
今回のポイント 1行あたりの文字数の目安 1段落の文字数の目安 段落に含む文字数 行間調整の考え方 字間調整を使ったロゴ風味見出し 日本語というのはもともと縦書き文化です。文字も筆で縦書きしていくときに書きやすいように作られています。現在PC画面上で見るフォントは，活字印刷物のフォントとは違い，横書きで読みやすいようにもともとの字体から若干形を変えられています。それでも起源である縦書きの形を完全に壊すことができないので，やはり横書きでは読みづらいようになっています。 日本人が苦痛を感じることなく読める横書き1行あたりの字数は20字＋α程度だと言われています。意識して雑誌などを見るとたいていが!)25文字から28文字程度です。用紙，つまり本のサイズがA4を超えるような大判になると，1ページを左右2段組に分けて25～28字程度に調整されています。 一方，縦書きの場合には識別許容量はグンと増加し
ドコモさん，iモードでCookieをサポートしませんか？
Webサイトを作る側にとって，インターネットとiモードで決定的な違いがあるのをご存知だろうか。実は，iモード（NTTドコモ）ではCookieが使えない。このため，iモード向けのWebアプリは，インターネットでは当然の，Cookieによるセッション管理ができないのだ。 iモードは「危険」とされるURLでセッションを管理 Cookieによるセッション管理を簡単に説明しておこう。もともとWebアクセスに使うアプリケーション・プロトコルには「セッション」という概念がない。このため，インターネット向けのWebアプリは，WebサイトからWebブラウザにセッション情報を渡し，次回以降のアクセスではWebブラウザからWebサイトへセッション情報を送ってもらう。こうして，一連のWebアクセスを関連付ける。そのために今どきのWebアプリが使うのが，Cookieという名の短いテキスト・データだ。WebサイトはW
ニコニコ動画はYouTubeを超える
ニワンゴが運営する動画投稿/コメント・サイト「ニコニコ動画（RC）」の勢いが止まらない。7月26日時点でID登録者数（ユーザー数）は200万人を突破。8月13日には携帯電話向けである「ニコニコ動画モバイル」のユーザー数も13万人を超えた。ネットレイティングスが7月25日に発表した「『総利用時間』による日本のウェブドメインランキング」では16位にランクインした。 ニコニコ動画の利用にはID登録が必須。「YouTube」のように誰でもすぐに視聴できるサイトではない。さらに，現時点ではサイトの負荷対策のため，ID番号による利用時間の制限も行われている。 にもかかわらず前述の人気である。前身となる「ニコニコ動画（仮）」は2006年12月に，現在のニコニコ動画（RC）につながる「ニコニコ動画（γ）」は2007年3月にスタートしたばかり。短期間でこれほどまでの人気を得た国内サイトはかつてなかったであろ
第3回：Ajaxの価値を再考する
前回の記事では，Web2.0の代表的なキーワードである「永久にベータ版」をシステム構築の観点からとらえ，それが「普通の企業」にもたらす意味を解説した。今回はもう一つの代表的なキーワードである「Ajax」について，その意味や意義をひもといていく。何もAjaxが貢献するのは，コンシューマ向けのWebサイトだけではない。（ITpro） Ajaxをご存知の方は多いとは思うが，念のためおさらいしておきたい。Ajaxは「Asynchronous JavaScript and XML」の略で，「Google Mapsの実装手段として有名になった技術だ。言葉の持つ意味どおりにこの技術を説明すると，「通信メッセージにXMLを使い，JavaScriptを使ってサーバーと非同期に通信をするための技術」ということになる。 このAjaxという言葉が初めて使われたのは，Jesse James Garrett氏の「Aj
本当に「いす」がなかった，キヤノン電子のオフィス
先日，キヤノン電子の酒巻久社長に，桜が満開となっていた同社の秩父工場（写真1）を案内していただいた。酒巻社長は『椅子とパソコンをなくせば会社は伸びる！』（祥伝社）の著者であり，職場から「いす」をなくすという大胆な改革を実行した人である。秩父工場内には，応接室など一部を除き，会議室にも，開発部門や管理部門のオフィスにもいすがない。もちろん，社長室にもないという。 『椅子と～』によると，会議室からいすを撤去したことで会議への集中力が高まり，年間の会議時間が半減した。またオフィスでも，立つことで社員同士のコミュニケーションが密になり，問題解決の精度やスピードが劇的に改善したという。いす代も不要になり，いすをなくした分スペースが節約されるなど「いすをなくすことのメリットは計り知れない」（酒巻社長）。 筆者は秩父工場にお邪魔する前に酒巻社長の『椅子と～』を読み，いすをなくすことで大きな収益改善効果が
仏作って魂入れず お粗末な問い合わせ対応
あるコンサルティング案件での出来事である。顧客の業務システム再構築に当たり，候補となるパッケージ製品とそれを取り扱うベンダーの選定がミッションであった。インターネットや各種資料を活用してざっと下調べを行い，その結果として8社にコンタクトを取ることになった。ホームページを窓口にした各社の問い合わせ対応は様々で，顧客対応のあり方を考えさせられるものであった。 各社のホームページを見ると，1社だけが問い合わせ用のメール・アドレスを掲載しており，他の7社はすべて，問い合わせフォームへの記入形式であった。基本的に問い合わせフォームというのは，資料請求への対応を主眼として作成されているものが多い。しかし今回は，案件そのものは既に具体化しており，ベンダーと具体的な話し合いの場を持つ目的での問い合わせである。 当方から事前にRFI（情報提供依頼書）を提示して，回答を基にベンダーとの話し合いを進めていく予定
「Ajax？ 知ってますよ」と言えますか：ITpro
新人配属や異動の季節になった。この4月，あなたがもし新しい職場に配属されて，上司から「君，Ajaxって知ってる？」と聞かれたとする。そのとき，堂々と「知ってますよ」と答えられるだろうか？ このITproのサイトでは，Ajax，マッシュアップ，リッチ・クライアント，SaaSなどいわゆるWeb2.0関連の記事が一昨年ぐらいから毎日のように掲載されている。そもそもITproはこうした言葉を知っている読者を対象にしているので，ほとんどの読者は冒頭のような質問を受けても，「知ってますよ」と堂々と答えられるだろう。しかし，この春初めてITの世界に入る人の中には，「名前や概念的なことなら分かるのですが…」という人も多いのではないだろうか。 そこで今回の記者の眼では，そういう新人君にお勧めな「Ajax学習法」を考えてみた。といっても，要するに，実際に自分でちょっとしたプログラムを作って試してみるだけである
真髄を語る：重要なソフトは外注せず自分で作る
ソフトウエア開発の経験が全くない素人集団を率いて、100％外注に頼っていた、基幹業務を支えるソフトウエアを内製に切り替えるプロジェクトに取り組んだ。この時の経験から言うと、ゼロからのスタートであっても、5年間真剣に取り組めば、ソフトウエアを自社内で開発・維持する体制を構築できる。現在、本業そのものを支えるソフトウエアに関してまで安易な外注が進んでいる。基幹部分は他人任せにせず、当事者が自らの手で内製できる力を持つべきである。 「交換機を作っているコンピュータ・メーカーに、交換機のソフトウエアを自分たちの手で作りたいと言ったら、『我々が手を引いたらNTTなんて成り立ちませんよ。お分かりなんですか』と脅されたよ。頭に来たな。石井君、どう思う。今のままでいいのか」 日本電信電話公社の真藤恒総裁は初対面の私にこうまくし立てた。電電公社が民営化され、NTTになる直前のことである。大阪の現場にいた私は
対策遅らせるHTMLエンコーディングの「神話」
クロスサイト・スクリプティングという言葉は元々，WebアプリケーションのHTMLエンコード漏れなどを利用することによって第三者にJavaScriptを実行させる手法を指す。広義では，HTMLのエンコードによる画面改変などを含むこともある。 前回述べたように，クロスサイト・スクリプティングのぜい弱性はWebアプリケーションに見付かるぜい弱性の半分以上を占める。数年前から指摘されているにもかかわらず，一向になくならない。その理由として，クロスサイト・スクリプティング対策あるいはHTMLエンコード注1）に対する「神話」があり，正しい対策の普及を遅らせているように思う。その「神話」の数々について説明しよう。 注1）実体参照（entity reference）というのが正式だが，あまり普及していない用語なので，HTMLエンコードという用語を用いる 「すべからくHTMLエンコードすべし」が鉄則 HTM
ブックマークに入れておきたいお役立ちサービス/Webページ一覧：ITpro
出典：日経NETWORK 2006年11月号 35ページより 記事は執筆時の情報に基づいており、現在では異なる場合があります。
紹介するフリーサービス 全62サイトINDEX：ITpro
出典：日経NETWORK 2006年11月号 35ページより 記事は執筆時の情報に基づいており、現在では異なる場合があります。
第9回 良いアイデアがわく人とわかない人はココが違う：ITpro
Webサイトのテーマと内容，サイトやメニューの構成，宣伝方法にいたるまで，企画のベースには，一貫する「アイデア」がある。この企画のアイデア―――漠然と「企画案」とか「提案内容」と呼ばれることもある―――を見つけることが，企画という仕事の肝だ。 アイデアがわく人と，わかない人には決定的な違いがある 良い企画のアイデアさえ見つかれば，後は技術と知識で膨らませて，ユーザー層，制作目的，訴求効果といった項目に落とし込み，企画書の体裁に仕立てるだけだ。この作成作業自体は，暗記と反復練習次第で，比較的容易に習得できる。 ところが，こと「発想」に関しては，知識の丸暗記はあまり役に立たない。制作会社から「制作技術は学べるが，発想は学べない」という声を聞くことがある。手順をマニュアル化して伝えられるものではないので，後進の育成が難しいのだ。 筆者から見ると，アイデアがわき出る人と，アイデアがわかない人では，
どうなっているの？あのソフトの仕組み - 今からでも遅くない！アルゴリズム入門：selfup
Webの全体像を効率よく取り込み，分類する 「YSTのシステムは大まかに三つの機能に分かれます（図2）。最初は世界中のWebページをYSTのシステムに取り込む『クローリング（crawling）』という機能です」（Yahoo! JAPAN，リスティング事業部 検索企画室の宮崎光世氏，以下同）。 取り込むと簡単に言っても，Webページの数は膨大なうえ，更新の頻度や情報の質などがまちまちです。すべてのページに同じようにアクセスしていると非効率なことこの上ありません。そこで，限られた時間で質の良い検索ができるようにするための工夫をしています。例えば，クローリングを繰り返すうちに頻繁に更新されることがわかったページは短いサイクルでチェックし，ほとんど更新のないページはチェックの頻度を落とす，といったことをしているそうです。 ただ，更新の頻度が単に高いだけではダメです。重要性が高いと考えられるWebサ
第26回 どこにメニューをおくべきか，どこが画面の一等地か：ITpro
Webサイトのデザインの中で，ここ2年で大きく変わりつつある「常識」があります。それは，「メニュー（索引）」の位置と「一等地」の場所です。ユーザーの閲覧環境が加速度的に変化しているという認識の下で，それでも最良のユーザビリティを提供しようとするなら，どのようなことを考えておく必要があるでしょうか。 左メニューと右メニュー（視線との交差）のどちらがベスト？ まだモニター画面の大きさが小さかった時代（1995年前後），情報へアクセスしやすくする「メニュー」の位置は，ほとんど誰が考えても左側にあり，議論もされなかったように記憶しています。確実に画面の中に入り，ユーザーも基本的に左端にさえ注意を向けていれば，大切な情報にたどり着けるという「暗黙の常識」が存在していたかのような時代でした。 しかしここ数年，メニューが左側にあると本当に操作性が良いのかという議論を聞くようになり，大手のWebサイトでも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
