S-Bot

Entry

CSSと(X)HTMLで書く大切さ

DATE:08-07-28 Category:Web

はてなブックマークに追加 del.icio.us に追加 livedoorクリップに追加 Yahoo!ブックマークに登録


今回は思いっきり技術ネタです。

3年前くらいは、CSSとHTMLでコンテンツとデザインを完全に分離するコーディングができるコーダというのはかなり少なかった気がします。
でも最近は、「できて当たり前」的な風潮になってきました。

実際、エイミー立ち上げ当初はWeb標準に沿ったコーディングができるというだけで、いくつかお仕事を頂いた事もありましたが、最近はそのような依頼はかなり減ってきました。

周りを見ても、CSSを使いこなせるWeb業界人は明らかに増えています。

コスト面でも、昔はCSS+(X)HTMLというだけで「追加料金」といった事もありましたが、最近それをやったら、かなり詐欺に近いんではないかと。。(ターゲットブラウザなどにもよりますが)

CSS+(X)HTMLで組むメリットは、SEO対策やメンテナンス性の向上などいろいろありますが、個人的には「他技術を学びやすい」というメリットが非常に大きいと思っています。

どういう事かと言うと、Webデザイナー(ここではデザインをして静的なコーディングができる人と定義します)が次に何かを学ぼうと考えると以下のような技術が上げられるかと思います。

  • PHP(手軽なプログラムとして)
  • CMS(MTなど)
  • javascript

もちろんperlなど他にもいろいろありますが、僕の周りでは上記を勉強しようとする方が多いです。

この3つの技術に共通する事は「HTMLソースに対して何かをする」という事です。

PHPならHTMLソースの動的にした部分をPHPで書きますし、CMSはコーディングしたものをベースにテンプレートタグを埋め込んだりしていきます。
javascriptはきっちり構造化したHTMLでないと、DOMなどで操作する事ができません。

テーブルが入れ子になったHTMLにMTタグを埋め込めと言われたら、一気に難易度は上がります。PHPであっても複雑なテーブルコーディングであれば、複雑なソースを書く事になりがちです。

逆にデザイン面やレイアウト面はすべてCSSに任せたHTMLは必要最小限でシンプルです。

シンプルなHTMLに対してPHP化したりCMSのタグを埋め込むのは非常にやりやすいですし、手軽にテストする事ができます。

だからこそ、PHPを勉強してみよう、新しいCMSを試してみよう、と言ったモチベーションにも繋がりますし、実際手軽に行えるのではないでしょうか?

まずはシンプルなHTMLを書けるようになるのが大切だと思います。

さらに欲を言うと、ルートパスを自由に使用出来る独立した環境を持つ事も大切だと思います。PHPを動かしたりCMSをインストールして勉強する心理的な抵抗を少なくする為です。

エイミーではこちらのサイトを参考に、Apacheを複数のポートで立ち上げ、ファイルサーバでいくつも独立した環境を用意出来るようにし、スタッフの希望があれば無制限で提供しています。(もちろんローカルのみです)

少し話が逸れましたが、CSSと(X)HTMLでコーディングができる事は、Webデザイナーに取っていろいろな方面で基本になるのではないかと思っています。

Comment 7

ヒライ |08-07-29

やっぱりそうなんですか。
ここ一二年、モバイルの開発ばっかりやっていたんですけど、きっかけがあってPCサイトを調べてみたらタグ全盛になってますね。普通にtableを使い続けていた自分の時代錯誤に気がつきました。
とりあえずCSSをいきなり手書きもきついので、Dreamweaverを使ってどんなもんか調べてみようと今日思ったところでした。

あとMVCフレームワーク(RonRやCakePHPなど)、Flash、インフラ周りではサーバの仮想化はこれからはずせないような気がしています。

ヒライ |08-07-29

タグ全盛→divタグ全盛、です

i-daisuke MAIL |08-07-29

>ヒライさん

モバイル関連の仕事が多いんですね。
いまだに苦手意識があるのでそろそろなんとかしないとと思ってます。
DWは基本的なCSSを覚えるのには最適だと思います。
思いですけど(笑)
ちなみにPHPのフレームワークはどのへんが主流なんでしょうか?

ヒライ WEB|08-07-29

モバイルはなんというか、納得いかない面倒なことが多いですよね。バッドノウハウというか…

CakePHPかSymphonyではないでしょうか。
私はCakePHPを習得中です。すごくおもしろいです。
今後は時間1/3くらいでより質の高いものができるのではないかとワクワクしてます。習得の様子はブログに書いてみてますのでよろしければ読んでください。

i-daisuke MAIL |08-07-29

>ヒライさん
バッドノウハウは機種間の違いを吸収したりするんですか?
CSSもそういうのはかなりあります。いい気分しませんよね。

CakePHPは最近よく名前見ますね。
早速ブログ拝見させて頂きます!

ヒライ WEB|08-08-09

ずいぶん遅くなりましたが
携帯のノウハウを軽-くまとめてみたので
お知らせしときます。
もうすぐ転職したら全力で公開したいと思いますが。

i-daisuke MAIL |08-08-11

>ヒライさん
ありがとうございます!
これは為になりそうです。
休み明けにきっちり勉強させていただきます!

コメントする(アルファベットのみのコメントは投稿できません。)

trackback

このブログ記事に対するトラックバックURL:
http://s-bot.net/MT/mt-tb.cgi/191

twitter

twitter


▲PageTop