トップページにみるウェブデザイン--スタートポイントとしてのZDNet Japan

　前回、ZDNet Japanのリニューアルプロセスが見た目の模様替えではなく、ビジネスモデルの見直しから始まり、コンセプトをじっくり固めてから行われたことを明らかにしました。

• トップページにみるウェブデザイン--ビジネスもリニューアルした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が提供する開発者向けブログ「Clientside」。ここではMooToolsの特別ページも提供しており、ドキュメンテーションなどを入手できる

　CNETのバックアップがあるMooToolsとはいえ、日本では他のJavaScriptライブラリに比べると知名度が低く、日本語のドキュメンテーションもないに等しい状態。それに対し、Prototype.jsは充実した日本語ドキュメンテーションと多数の関連サイトがあります。MooToolsに比べてPrototype.jsのほうが開発がしやすかったから、というのが採用の理由でしょう。