CSSで組むことのメリットとか

1 - novo さん

タイムリーなエントリーだったのでコメントします。

クライアント（企業）にとってのCSSのメリットは、

1.容量が軽くなることによってサーバ維持費が削減できること

2.デザイン・レイアウトの変更が容易になることによって費用対効果の最適化が図れること

3.閲覧する端末（メディア）を問わず、共通の(X)HTMLソースが使えること

なんかが挙げられると思います。具体的には、

1.容量を少なくすることによって、サーバのグレードをワンランク下げたり（企業向けのレンタルサーバって結構高いですよね）、サーバダウンの予防に繋がる。

2.思ったように効果が出ていないサイトがデザイン・レイアウトによって改善できるのであれば、容易に（低コストで）リニューアルできる。

3.従来は閲覧する端末毎に異なったページを用意しなければならなかったものを(X)HTML・CSSで一本化できる。これにより維持管理が容易になる（＝低コスト）。

ですね。クライアント（企業）がwebサイトに求めていることは、費用対効果に尽きると思います。

ユーザーの視点に立つなら、素速く的確に情報が取得できるのであれば、テーブルレイアウトなんかでも問題ないんじゃないかな？

携帯端末からの閲覧もOperaのスモール・スクリーン・レンダリングを利用すれば問題なさそうだし（注：テーブルレイアウトを肯定するつもりじゃないですよ）。

2008年4月24日 03:00

2 - hana さん

はじめまして。いつもblogチェックさせていただいております。

僕も雇用主に、「cssでのレイアウトは作り手の自己満足だ」と言われて、カチンときておりながら、ユーザーにとってのメリットって、なんだろう？と思ってた所でした。

まあ、ウチはweb屋さんではないので、雇用主の言葉がクライアントやユーザーの意見を代表してるのかもしれませんが。。

URL｜2008年4月24日 08:26

3 - すーじー さん

cssレイアウトでユーザーが確実に実感できるメリットって、結局のところページが軽くなるぐらいなんじゃないかな…と。
hanaさんのコメント（というかhanaさんの雇用主）に同感。作り手の自己満足です。
でもそこのクオリティを妥協しないのがプロのプライドだと思ってます。

2008年4月24日 11:08

4 - 774 さん

> CSSで組むことのメリットとか

作り手の自己満足じゃダメですかね？（笑

クライアントにとってはそこの部分って重要じゃないと感じます。
もちろんCSSで組むことでのSEO効果などで、
サイトの集客が上がればそれがメリットといえなくもないですが、
それはあくまで集客をあげるための1つの手段がCSSってことで、
CSSでなきゃと言えるほどのメリットではないように感じます。
（とはいいつつ、今のクライアントにはCSSでサイトが作れると言うことで評価してもらってますが。。。これは単にクライアント側のメリットではなく、自分に対しての評価基準がCSSだったという・・・）

デザインやユーザビリティという観点で見れば、
ブラウザごとでの解釈の違いやバグが山ほどあるCSSに比べ、
テーブルレイアウトの方が圧倒的に有利ですし、
デザインに関しても、画像とテーブルの組み合わせなら
バグとか気にせず自由自在になんでも出来ますし。
（もちろんソースはエラいことになりますが・・・）

むしろCSSの場合は、ひたすら知恵を絞って針の穴に糸を通すような作業になりますし、
結局工夫を凝らしてCSSで組んだことでの達成感は、
やはり作り手側の自己満足でしかないと思うわけです。

ただ個人的に思うのは、以前のテーブルレイアウト全盛期に比べ、
今のCSSレイアウトの方が圧倒的に仕事のモチベーションが上がります。
CSSはホント頭使う作業が多いので、作ってて楽しいんですよね。
いろいろ知恵を絞って工夫して作り上げるという快感は、
テーブル時代にはあり得ない物でしたから。

ちょっと話の趣旨がずれてしまいました。長々とすみませんでした。

2008年4月24日 12:59

5 - hana さん

確かにユーザーにとっては、作り手の自己満足なのかもしれませんね。。

整備性がよくなるという点では、作り手としては非常にメリットがあると思います。

電気工事の人に話をきいたことがあるのですが、プロが工事した案件の追加工事は、非常に作業しやすいそうです（そりゃあ、そーですよね。。）。

webサイトも同様かと。

つまりはそのあたりが、すーじーさんのおっしゃる『プロのプライド』かと思いました。

ちなみに現在、僕自身が数年前にテーブルレイアウトで作ったサイトの更新作業中なのですが、ひどいもんです。。。

2008年4月24日 14:41

6 - じらい さん

クライアントによっては、運用時にCSSが障害になることが多々あります。
運用会社のスキルレベルが低かったりすると、余計にコストがかかったり、運用時のトラブルなども引き起こします。

なのでCSSレイアウトに固執するのではなく、その場の状況において対応するのが必要かと。
tableレイアウトでもCSSとハイブリットにすれば容量などはかなり抑えられるはずです。
作り手の自己満足ではクライアントやユーザーはハッピーにはなれない気がします。

2008年4月24日 15:59

7 - まっちー さん

htmlをsmartyテンプレート化する時に評判いいですよ。
CSS使うとタグの構造がシンプルで見やすいので。

URL｜2008年4月25日 01:21

8 - novo さん

追記で。

正しくHTMLとCSSを書くことはWeb全体の発展に寄与する部分も多いのではないかと思う。

例えば、サーチロボットが正確にページ内容をクロールできるのであれば、検索の精度が上がる＝ユーザーの利益に繋がるのかと。

ゆくゆくは見出し検索（h要素内の文字列）、文章検索（p・blockquote要素内の文字列）、ソース検索（pre・code・samp要素内の文字列）なんかできればすっごく便利だよね？

新しい技術の土台にStrictなHTML・CSSがあるとするならば、決して無駄じゃないと思う。（思いたい？）

2008年4月25日 02:17

9 - ミミタ さん

いつもサイトを拝見させていただいています。

特にWebサイト関連の知識に乏しい方にとっては、更新のしやすさが一番だと思います。
tableレイアウトであろうが、CSSでデザインされていようが、分からない人にとっては同じだと思います。
もしかしたら、ビルダーでテーブルの行をボタンひとつで増やし、そこにコメントや新着情報を書き込むほうが簡単かもしれません。

Webページの構造とデザインが分離されていても、ソースを見ずに簡単にWebサイトを更新できるソフトウェアがあればと思っています。

2008年4月25日 08:15

10 - デッドリー さん

CSSで組む事のメリットはHTML＝構造、CSS＝デザインという風に分割できる事ではないでしょうか。

タグの中にスタイルがあると、ごちゃごちゃして分かりづらいですしね。

URL｜2008年5月 2日 17:05

11 - nagomu さん

いつも、楽しく拝見しています。

ちょっとこの記事の趣旨から外れるかもしれませんが、逆にtableレイアウトのメリットってなんでしょう？
CSSで書く事が当たり前になりつつある現状では、tableレイアウトってかえって面倒に感じます。

ものすごく極論過ぎて、気分を害した方がいらっしゃったら本当に申し訳ないのですが、

「そんなに手軽さが必要ならphotoshopとかfireworksで書き出したHTMLをそのままアップすればいいじゃん。たいして変らんよ。」

と、思ってしまいます。
色々と気を使ってtableレイアウトをする方が疲れるような。。。

で、私の結論としては、
「どっちみち疲れるし、ユーザーには分からないなら、文法がめちゃくちゃよりも正しい方がいいじゃん。」
です。　すみません、　安易で。。。

2008年5月 7日 23:04