あるページ（URL）にアクセスすると，自動的にほかのページにジャンプするリダイレクトは，ウェブサイトを構築するうえで非常に重要な仕組みです。しかし，ユーザーの知らないうちにページの移動を行うため，ユーザーを戸惑わせることにもつながりかねません。ユーザーを惑わせないためにはどうしたらいいのか，どういうリダイレクトならユーザーの感覚に合致するのか，ということについて考えて行きましょう。 リダイレクトをして，ほかのページにユーザーを導くという手法は，様々な利用方法があります。例えば，ページのURLを移動したり，サイトごとどこかに移動したりした場合に，移動前のページにアクセスしてきたユーザーを新しいサイトに自動的に移動させたり，アクセス解析や広告のCTR計算のためにクリック数などを取得したりする目的で使われます。携帯からのPC向けのページにアクセスしてきたユーザーを，携帯向けのページに移動させる利

今回はJavaScriptとWebページの表示・操作の体感速度について考えてみます。というのは，JavaScriptのせいでWebページの表示や操作などの速度が遅くなっている，と感じることがあるからです。 現在のWebサイトでは，JavaScriptを使って使い勝手を向上することは，ごく当たり前に行われています。例えば，動的にページを書き換えたり，ページ遷移を行わずにサーバーと通信を行ってデータを取得したりと，JavaScriptを使うことで，Webサイトをより便利に，より使いやすくすることができます。 Ajaxという言葉がはやってから，もう2年以上がたつんですよね。何年か前，JavaScriptはじゃまで，セキュリティを低下させる不要なものだと見なされていた頃がありました。しかしそれから一変して，「JavaScriptをがんがん使ってもいい」という空気になったことで，Webサイトを作成す

米ウィキアは2008年1月7日、オープンソースで開発を進めている検索エンジン「Wikia Search」のアルファ版を公開した。処理の仕組みを公開すること、ユーザーからのフィードバックを受けて検索結果を改良していくことなどを特徴とする。ウィキアは、ユーザーの手で作られる知識共有型の百科事典サイト「Wikipedia」を創始したジミー・ウェールズ氏らが2004年に設立した会社。Wikipediaのようにユーザーの広い支持を得られれば、インターネット検索の分野で台風の目となる可能性がある。 「ウィキアの検索エンジンは、オープンで、透明性の高い、公開された方法によって、信用ある利用者のコミュニティーからのフィードバックによって作られるものと考えています」――ウィキアは、Wikia Searchの目指すところをそう説明する。 具体的には、（1）透明性（2）コミュニティー（3）品質（4）プライバシー

Excelは仕事のツールとしては非常にポピュラーなソフトですが，多機能がゆえに，その便利な機能を十分に使いこなせていない人が非常に多いのではないでしょうか。そこでこの連載では，“操作自体は決して難しいものではないけれど，意外と知られていない”というExcelの便利なテクニックを厳選して紹介していきます。ぜひご期待ください！

「データベースはブラックボックス。どんなSQL文を投げたらどんな結果が返ってくるかさえ知っていればよい」---そう思っている人も多いかもしれません。 しかし，本物のソフトウエア・エンジニアを目指すのであれば，データベースが動く仕組みを学ぶことは避けて通れません。パフォーマンスなどに問題が生じたときどこから手を付けていいのか皆目見当がつかない，といった事態に陥りかねません。 市販のRDBMSの内部はかなり複雑ですが，基本的な部分を理解するのはそれほど難しくありません。この特集でデータベースの動く仕組みを理解してください。 イントロ ●ブラックボックスのままでいいの？ 基礎から理解するデータベースのしくみ（1） Ｐａｒｔ１ ●SQL文はどのように実行されるのか 基礎から理解するデータベースのしくみ（2） 基礎から理解するデータベースのしくみ（3） 基礎から理解するデータベースのしくみ（4） 基

Web 2.0という言葉とともに一層注目度が高まったWebアプリケーションへの攻撃。実は，これらの攻撃のかなりの部分がボットによることが，最近分かってきた。 先日，筆者はあるボットを確認した。このボットの動きを数日間観察してみたところ，ボットはインターネットの複数の検索サイトを使って，ぜい弱性があると考えられるサーバーを検出し，自動的に攻撃を仕掛けていた。検索サイトを偵察ツールとして使っているのである（表1）。近年多くの企業が取り組むようになった検索エンジン最適化（SEO）によるマーケティング手法を逆手にとった攻撃の手口と言える。 米フォーティファイ・ソフトウエアの報告書によると，Webアプリケーションへの攻撃のうち，ボットによるものが50％，Googleハッキングが20％を占める。Googleハッキングとは，本来公開されるべきでない機密情報や社内システムのさまざまな情報を，検索サービスを

爆発的に広まった「Web 2.0」――。巷では，「Ajax」や「マッシュアップ」，「ブログ」などの用語であふれ，これらを実装したWeb2.0サイトも増えています。しかし，単にWeb2.0サイトにアクセスして使うだけでは，真の意味でWeb2.0を体験したとはいえないのではないでしょうか。Web2.0技術は，サイトを構築して初めてその本質が分かるからです。 そこで本連載では，GoogleやAmazonのWebサービスのAPI，Ajax，RSS，そしてRuby on Railsなどを題材に，Web2.0サイトをLinuxで自作します。本記事の通りに実行すれば，Webサイトを全く作ったことがなくても簡単にWeb2.0サイトが構築できます。 多くのメディアで「Web 2.0」という言葉が使われています。この言葉，よく聞く割に「これがWeb 2.0だ」というほど確固たる定義はありません。しかし，基盤と

爆発的広がりを見せるソーシャル・メディア（前編）：中身の無いコミュニケーションがなぜ若者に広がっているのか？ ソーシャル・メディアと総称されるITツールが，昨今，爆発的な広がりを見せている。Wikipediaによればソーシャル・メディアとは，多数の人々が様々なコンテンツや意見，経験などを共有するためのツールのこと。そこにはWikipedia自身やブログ，SNS，あるいは動画共有のYouTubeや写真共有のFlickr，仮想世界のSecond Lifeなど多種多様なサービスが含まれる。しかし最近では，あまりの拡大の速さに，その目的が従来の尺度では測りきれないツールも登場している。中でも今回紹介する「Twitter」とリアルタイム日記は，不可解と思われるほど意味のない書き込みの連続だ。前編では，それらの実態を見た上で，無意味さの持つ意味を考えてみよう。 「一体，こんなものを何に使うのだろう」―

今回は，Webサイトの「機能」について，考えてみます。Webサイトの変遷を見ながら，全体としてのとらえ方と，そのサイトを支えるモノにも触れてみたいと思います。 エンジニア的なWebサイト成長論 Webサイトの歴史を考えてみると，下図のようになっているという話は，前にも書きました。個人技で制作できた時代から，徐々にチーム単位になり，もう少し大きな組織へと，担い手の形態が変わってきているのを，必要とされるスキルなどと絡めて描いたものです。 ここ10年少しで，Webはその機能を大きく変えていったように思えます。根本的な部分では，情報を発信するという点で変わりはないので，社会的責任というものの負い方が変わってきたと見るべきかもしれません。「情報を伝える」にも，様々な方法がありますが，ネットに接続できさえすれば，どんな長文の説明であっても掲載でき，様々なエモーショナルな表現が可能な「Web」は，情報

オーバーチュアは7月12日，同社の検索連動型広告（キーワード広告）である「スポンサードサーチ」の管理API「Enterprise Web Services」を無償公開すると発表した。APIを使うと，広告主の在庫管理システムとキーワード広告システムを連携させたり，広告代理店が独自の広告管理システムを構築できるようになる。当初は広告代理店などのパートナーに限定してAPIを公開し，有償のサポート・サービスなども提供する。 具体的には，キーワードを登録するAPIや，キーワードごとに何アクセスあったかといった「レポート」を提供するAPIなどをWebサービスとして公開する。これらのAPIを使うと，オーバーチュアが提供するWebベースの管理ツールを使わなくても，広告主や広告代理店が使っているアプリケーションから直接キーワード広告を管理できるようになる。広告主や広告代理店は例えば，膨大な量のキーワードを一

「我々はついつい旅館やホテルのウェブサイトを格好良くしよう、きれいにしようと思ってしまうが、それが必ずしも予約率向上にはつながっていなかった」 リゾート施設運営を手掛ける星野リゾート（長野県軽井沢町）の星野佳路社長は7月9日、東京都千代田区のホテルニューオータニで開催中の「IT Japan 2007」で講演し、こう語った。講演の題名は「収益向上を狙うネット・マーケティング戦略 『科学的仕組み作り』で顧客数を拡大」というものだ。 星野リゾートは、本拠地である軽井沢の温泉旅館「星のや」をはじめとして、大型スキーリゾートから小規模温泉旅館まで12施設の運営を手掛ける。星野社長は、前近代的な日本の旅館・ホテル経営の世界に、顧客満足度調査やシックスシグマによる業務改善など科学的手法を持ち込み、不振に陥ったリゾート施設の再生を実現してきた。 最近、力を入れているのが、ウェブサイトを経由した予約獲得だと

ブログのツールと言えばSix Apartの「Movable Type」が定番だが，海外では少し事情が変わってきているようである。今，米国のAutomatticという小さな会社が手がける「WordPress」が注目を浴びている。「Google Trends」で見てみると，Movable Typeはここ何年もほぼ横ばいで推移し，緩やかに下降しているのが分かる。これに対しWordPressの勢いはすごい。日本以外のすべての国でMovable Typeを上回っている。北米はもちろん，とりわけシンガポールやマレーシアといったアジア圏，ノルウェーなどの北欧で高い関心を集めているようだ（写真1）。 写真1●Google TrendsではWordPressが優勢 検索語の傾向を調べられるGoogle Trendsで比較してみた。Movable Typeは赤い線，WordPressは青い線で示している。上の

前回の記事で説明したように，ボタンというUI(ユーザー・インタフェース)部品だけでも，いろいろと見るべきポイントがあります。ましてや，画面をや，です。ユーザーに何かをしていただく場合には，本当に様々なことを考えて設計する必要があります。今回は，アンケートや会員登録画面で，思うところをまとめてみました。ご参考になれば幸いです。 画面遷移のパターンは大きく四つ アンケートや会員登録を行う場合，大きくは四つほどのパターンに分けられると思います。【1】最初にmailアドレスを登録してもらい，そのアドレス宛に入力画面のURLを送付して入力してもらう形式。システムとしては少し複雑になりますが，有効なmailアドレスを取得できるのは，運営を考えると非常に有効です。【2】単純に一画面で完結する入力画面。【3】複数画面で進んでいく方式。そして，【4】ECモールのように予め会員登録がされている場合のアンケート

クロスサイト・スクリプティングという言葉は元々，WebアプリケーションのHTMLエンコード漏れなどを利用することによって第三者にJavaScriptを実行させる手法を指す。広義では，HTMLのエンコードによる画面改変などを含むこともある。 前回述べたように，クロスサイト・スクリプティングのぜい弱性はWebアプリケーションに見付かるぜい弱性の半分以上を占める。数年前から指摘されているにもかかわらず，一向になくならない。その理由として，クロスサイト・スクリプティング対策あるいはHTMLエンコード注1）に対する「神話」があり，正しい対策の普及を遅らせているように思う。その「神話」の数々について説明しよう。 注1）実体参照（entity reference）というのが正式だが，あまり普及していない用語なので，HTMLエンコードという用語を用いる 「すべからくHTMLエンコードすべし」が鉄則 HTM

「日本の大手サイトのアクセスが伸び悩んでいる」，「Web 2.0サービスの成長が鈍化している」---最近，こんな論調をマスメディアやブログでよく見かけるようになりました。 J-CAST ニュース : SNS最大手ミクシィ 成長神話の終焉 ラージアイ・イレブン - 大手サイトのページビュー推移比較 九段ではたらく社長のここだけの話 - alexaが伸びていないのは当たり前 メディア・パブ - Web2.0が失速？！ Dave's Blog: Web2.0の次 これらのエントリでは，インターネットの視聴率サービスであるAlexa(アレクサ)でのリーチ(Reach)指標が漸減していることを根拠に，パソコンによるネット利用の減退の可能性について警鐘を鳴らしています。 Alexaは，オンライン書店米Amazon.comの子会社で，世界中のウェブサイトのアクセス数の多寡を調べ，提供しています。インター

今回は、要素（タグ）や特定のコードを削除することをテーマにご紹介します。 シチュエーション： 任されたサイトは、90年代後半に作られたテーブルレイアウトのサイト。ある意味、テキストだけ書き出して、再度コーディングした方が早いともいえますが、テキスト内にはリンクが設定されている箇所がたくさんあり、できれば使い回したい。それにしても要らないコードがたくさんある。これを検索/置換技を駆使して料理していきましょう。 ■まずはリンク画像の「border="0"」を削除 Dreamweaverでは、画像に対してリンクを設定すると、自動的に「border="0"」が付加されます。しかし画像周囲のボーダーを消すためにはCSSで一行「img { border: none; }」と書いておく方法もとれます。そうすればサイト内に記述されている「border="0"」を根こそぎ削除できるので、かなりのソースが節約

私は制作会社に身を置きながら、テクニカルライターとして執筆をしています。おそらく制作だけやっていたら、日々の仕事に追われてしまっているところですが、リファレンスやチュートリアルなどの執筆を通して細かい機能を探る中で「これって、あれをするときに使えるじゃん！」と、ひらめき、今までのローテクな方法にうんざりすることがあります。 今回から数回にわたり、それらの中からピックアップして「日々の作業効率を高めるDreamweaverの小技」と題してご紹介します。 いわゆる「Webオーサリングソフト」としては圧倒的なシェアを誇るDreamweaverですが、その一方、まだまだ「ハンド・コーディング派」も根強く、、ある意味、ハンドコーディングの方がエライ……みたいな“幅を効かせて”いるところがありますよね。最終的には、Dreamweaverまかせでなく、ソースをきっちりチェックするのは当然ですが、テキスト

マイクロソフトは1月17日に，Webクリエイター向けデザイン・ツールのスイート製品「Microsoft Expression Studio」を2007年第3四半期に出荷すると発表した。併せて同日，スイート製品を構成するツールの一つであるWeb/Windowsアプリケーション・ユーザー・インタフェース構築ツール「Expression Blend」日本語ベータ版を，同社Webサイトで提供開始した。2月16日には，Webサイト構築ツール「Expression Web」製品版をスイート製品の提供に先立って発売する。同社デベロッパービジネス本部の市橋暢哉本部長は，「Windws Vistaの機能を100％活用するアプリケーションを開発できるこれらの製品の投入で，2009年にはデザイン・ツールのシェアの40％を獲得する」としている。 スイート製品は，Webサイト構築ツールの「Expression We

あけましておめでとうございます。 本連載も好評のうちに，無事，新年を迎えることができました。 ありがとうございます。 昨年，2006年は企業からの Web サービス API の公開も相次ぎ， Ajax 技術の普及でリッチ・インタフェースを備えたマッシュアップ・サイトも大変増えてきました。 そうした先端的な Web サイトのメリットはまだまだ一部の限られたユーザーが享受しているに過ぎないでしょうが， 今年は一般のより多くの人も利用しやすいように拡がる年になるのではないかと期待しています。 本連載では今年も，実践的なマッシュアップのテクニックや， 使いやすい Web サービス API をご紹介していくことで【とりあえず実際に触ってみる】こと， そして手軽にマッシュアップや Web サービス API 利用アプリの開発に取り組める， そんなサポートができればと思います。 よろしくお願いいたします。

あなたは，自宅の近くにある国立病院の情報をインターネットですぐに見つけられるだろうか――。 インターネット上には，公的機関や企業などが提供するさまざまな情報・サービスがあふれている。しかし，こうした情報・サービスの中には，Webサイトの使い勝手の悪さが原因で，容易に利用できないものが多い。 日経BPコンサルティングは2006年12月，独立行政法人サイトの使いやすさに関するランキング調査の結果を発表した。調査対象の104サイトのランキングはこちらのページで紹介している。 ランキングの首位は産業技術総合研究所。同研究所のWebサイトは，主要なコンテンツへのリンクをトップページに分かりやすく配置するなど，利用者に配慮した作りになっている。2位には日本貿易振興機構（ジェトロ），3位には年金積立金管理運用が入った。 ちなみに，全国146カ所の国立病院を運営する国立病院機構の順位は，調査対象の104サ