4~5年前ならほぼ間違いなく「Flashで決まり!」だったかもしれないが、2005年以降、Ajax/JavaScriptを使うサイトが増えている。最近では手軽に実装できるライブラリの充実とともに、ますますその傾向にあるようだ。9月9日にリニューアルされたソニーグループのコーポレートサイト(www.sony.co.jp)もその一つ。旧サイトに比べてトップページのレイアウト領域が広くなり、文字も大きく、スッキリとしたナビゲーションバー......と、注目したいところはいろいろあるが、最初に目を奪われるのは中央にある大きなメインビジュアル部分のはずだ。実はここにJavaScriptが使われている。9月にリニューアルされたソニーグループのコーポレートサイトのトップ(http://www.sony.co.jp/)新しいサイトではJavaScriptで画像を切り替えるようになったリニューアル前のsony.co.jp。メインビジュアル部分はFlashアニメーションだった数秒おきに内容が横スクロールで切り替わるメインビジュアル部分には、ソニーがスポンサー契約しているスポーツ選手の紹介、環境への取り組み、新製品のイメージなどが表示されている。リニューアル以前のサイトにも同様のビジュアルがあったが、Flashアニメーションだった。リニューアルによってFlashからJavaScriptへ置き換えられたのだ。JavaScriptが使われている部分はほかにもある。メインビジュアルに少し重なるように配置されたナビゲーションバーには、ちょっとした工夫がされている。見かけるのは、マウスオーバーさせると文字や背景色が変わるパターンだが、sony.co.jpではリンク先のページのサムネイルが表示されるのがおもしろい。新サイトではタブレイアウトを採用。ソニーのサイトのように情報量が多いサイトでは便利だ情報量の多いサイトを運営している人なら、Ajaxを使ったタブレイアウトも参考になるだろう。AV機器から金融商品までさまざまなビジネスを手がけるソニーグループの玄関口となるトップページは、掲載する情報も必然的に多くなる。項目ごとにタブが用意されており、それぞれのページに飛ばなくてもどこが更新されたか、すぐに分かる仕掛けだ。sony.co.jpのデザインはコーポレートサイトらしく安定感があり、派手さはないが、JavaScript/Ajaxをうまく使って情報を整理し、やり過ぎない程度に動きをつけて楽しく見せている点がいい。情報量の多いサイトを作るときの1つのよいお手本として、参考になりそうだ。Webデザインの課題に、世界的に著名なデザイン会社「IDEO」が挑んだ...800毎日新聞、「毎日jp」のトップページをリニューアル毎日新聞社は10日、同社が運営する総合情報サイト「毎日jp」のトップページをリニューアルしたと発表した。国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間も時間もかけずに自分のWebサイトをブラッシュアップしていく方法を紹介...2500たった6行でWebサイトのUIをガラッと変えるWebページをお手軽に雑誌や本のようなレイアウトに変えるJavaScript。長文サイトにオススメだ。スマホお気に入り一覧マイページ。