トップページにみるウェブデザイン--スタートポイントとしてのZDNet Japan
ZDNet Japanのリニューアルについて、今回はコードやウェブデザインというフロントエンドを探る。米国のCNETが支援するJavaScriptライブラリや、日米で異なるグローバルナビゲーションへのアプローチなどを聞いた。
前回、ZDNet Japanのリニューアルプロセスが見た目の模様替えではなく、ビジネスモデルの見直しから始まり、コンセプトをじっくり固めてから行われたことを明らかにしました。
欧米らしい本家のデザインを基本的に継承しつつも、様々な部分で日本向けにチューンナップしています。コードを含めたフロントエンドの違いと、その理由について開発チームに聞きました。
CNETが開発を支援するJavaScriptライブラリ「MooTools」
ZDNet Japanは、色の使い方や全体的な雰囲気こそ本家サイトを継承しているとはいえ、コードは随分違います。制作マネージャーの五十嵐啓人さんによれば、本家サイトで採用したのは見た目だけで、コードは1から日本側で作り込んだそうです。
例えば、本家サイトでは複数のCSSファイルを読み込んでいるのに対し、日本版ではひとつのファイルにすべてのスタイルを記述しています。リクエスト数を減らすためにまとめているのが理由のひとつですが、実際にはパーツごとに分解されており、CMSが自動的にひとつのCSSファイルへと変換しているのだそうです。つまり、数千行の長いCSSコードを編集しているのではなく、コンポーネントに分かれた状態で管理されているわけです。
採用しているJavaScriptライブラリも本家と日本語版では違いがあります。日本ではPrototype.jsを採用しているのに対し、本家では軽量なJavaScriptライブラリとして定評のあるMooToolsを使って開発しています。
実は米国CNETの技術チームはMooToolsの開発を早期から支援しており、ドキュメンテーションだけでなく書籍も出版しています(「MooTools Essentials」)。つまり、ZDnetだけでなくCNETでもMooToolsが採用されているわけです。
CNETのバックアップがあるMooToolsとはいえ、日本では他のJavaScriptライブラリに比べると知名度が低く、日本語のドキュメンテーションもないに等しい状態。それに対し、Prototype.jsは充実した日本語ドキュメンテーションと多数の関連サイトがあります。MooToolsに比べてPrototype.jsのほうが開発がしやすかったから、というのが採用の理由でしょう。
- 0人の推薦記事
- 0人がクリップ
-
ソーシャルブックマーク(-)
- トラックバック(0)
-
- タグ
- ポップアップメニュー
- ポップアップ
- グローバルナビゲーション
- リクエスト
- モックアップ
- フロントエンド
- スタイル
- コンセプトワーク
- ビジネスシーン
- トップページデザイン
- パーツ
- CSSコード
- 技術チーム
- ドキュメンテーション
- MooTools Essentials
- Clientside
- カテゴリ
- 新着順
- 人気順
- ブログネットワーク
- スタートポイント
- 柳堀陽子
- 運営チーム
- ソーシャルブックマークサービス
- チューンナップ
- MooTools
- CSSファイル
- リクエスト数
- 五十嵐啓人
- 情報構造
- メディアビジネス
- ビジュアルデザイン
- リニューアルプロジェクト
- ニュースメディア
- 情報設計
- ニュースサイト
- ビジネス
- 開発チーム
- ビジネスモデル
- コンポーネント
- 米国
- ZDNet
- バランス
- 読者
- アイデア
- 設計
- 企業
- ユーザーインタフェース
- リニューアルプロセス
- メッセージ
- コメント(5件)
#1 asakawat
- 2008/10/24 20:46
#2 大野晋一
- 2008/10/27 18:23
#3 asakawat
- 2008/10/28 14:36
#4 大野晋一
- 2008/10/28 18:40
#5 asakawat
- 2008/10/28 20:17
- 特集: トップページにみる日本のウェブデザイン (6件)
- ホワイトペーパー
- 話題のタグ

グーグル、JavaScriptプログラミングツールをリリース
Windowsの歴史 Windows Server 2008編:同じカーネルを持つ「Vista」とは対照的に早くから支持を得たサーバOS
Windowsの歴史 Windows Server 2003 R2編:安定性と先進性の両立目指す「R2」の先駆けとなったOS
モジラ、「Firefox 3.6」の第1ベータ版をリリース
企業ITシステムの企画、構築、運用のイロハ
―エン・ジャパン厳選求人☆毎週更新―
【最終警告】パンデミック対策特集
最大32個のセンサーが電力を徹底管理!
100万円で実現!中小企業の情報漏えい対策
進むストレージ環境の見直し
大丈夫?あなたの会社のセキュリティ対策