FC2ブログ
『WEB標準の日』 レポート7
 さて今回は株式会社ロクナナの中村京介さんと河内正紀さんによる『すぐに役立つWeb標準テクノロジーの効率化テクニック』です。

 作業の効率化を図るにはどうしたらいいのか?

ミスを減らす

これに尽きると思います。ミスを減らすことで、その空いた時間をクオリティの追及に回すことが出来る。

XHTML

 その為には、XHTMLを書いていく段階から、ID/classの名前のつけ方や文書型宣言の統一などを図り、制作チーム内の誰が書いてもXHTMLの構造が均一になることが望まれる。
 それにより、単一のサイトの効率化が後に複数のサイトの効率化に繋がっていく。

CSS

CSSを記述していく時、1枚のCSSに全てを記述するのではなく、複数のCSSに分けて記述していくとメンテナンスがし易い。

カテゴリ単位…サイト内で共通の部分とページごとに異なる箇所のCSSを分けて作成していく。
この作成の利点は、TOPページとカテゴリページでデザインが大きくことなるサイトなどに対応しやすいが反面、スタイルの検証がしにくかったり、同一スタイルの重複が起こる可能性が出てくる。

モジュール単位…CSSをモジュールごと(header部分、navi部分、footer部分など)に分けて作成していくやり方。
この利点は複数のプロジェクトで共通する部分の再利用が可能になるし、スタイルの検証や修正時間の短縮を図ることが出来る。

JavaScript

・再利用が可能
・制作効率を高めるのに非常に有効

XHTMLやCSSで行おうとすると、かなりソースコードが増えてしまうようなモノでも、JavaScriptを使用すると非常に簡単なソースコードで済ませることが出来る。

例)ロールオーバーやTableを使用して1行ずつカラーを変更するときなどに便利

お二方のプレゼン資料は見ることが出来ます。JavaScriptを使用したサンプルなどもご覧いただけます。
音声ファイルはこちらからどうぞ。
スポンサーサイト
コメント
この記事へのコメント
はじめまして。
Yahoo!のブログ検索からやってきました。
Web標準の日に参加されたのですね。
かなり詳しくレポートされているので、1からここまで読み進めてきました。

Web標準を意識してウェブサイトを作るようになって
まだ、間もないのですが
CSSは基本と、その他くらいしかわけていませんでしたね。
大まかなレイアウト部分で分割して記述したほうがメンテナンスが楽!
なるほどです!
今後はそうしようと思います。
では、続きを読ませていただきます<(_ _)>

※私のブログは、Web標準について主に書いていますが
ブログがカスタマイズできないため・・・
申し訳ない限りです・・・と言った状況です(汗)
2006/08/03(木) 20:16:42 | URL | まいまい@Web標準にアプローチ #Ml.NqimY[ 編集]
まいまいさん、コメントありがとうございます!
CSSですが、最初は1枚で頭から順番に書いていった方がいいかもしれません。
大規模サイトならともかく、個人サイトでしたら1枚のCSSでもメンテナンスは十分に出来ると思います。CSSに慣れてから分割していく方が得策かと…
2006/08/03(木) 22:23:44 | URL | あつのすけ #-[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
この記事へのトラックバック