Commit Lab

htmlとかCSSってどこで勉強すればいいんだよ-スチーム速報という記事を読んだ。

上のエントリーはwebでの勉強が中心なんですが、やはり本で勉強したい人もいると思うのです。(コメントにある「本よりネットの方がリソースの質が良い」っていうのは、HTMLとCSSの良し悪しが理解できる人の意見だと思うし)

なのでガチガチで混み混みのテーブルレイアウトを作った事が無く、最初からweb標準とValidを意識してHTMLとCSSを学び始めた僕が読んだ本の一部を紹介することで、これから勉強しようとする本が好き派の人へ参考になればと思います。（と偉そうに言ってもこのブログはValidじゃないんだけど）

まず一番最初は必ずしも本は必要ではないと思います。HTMLやタグリファレンスで検索して出てくるサイトを見ながら、メモ帳でHTMLを書いてみましょう。

とりあえずやってみないことには何ともいえないので、古いと言われている「とほほ」でも“最初は”問題ないです。ただ1つ頭の何処かに「デザインはCSSで行うものだ」という言葉を置いておいてください。意味はそのうちすぐに理解できます。

個人的にはHTMLクイックリファレンスがオススメ。本を買っても途中で投げ出しちゃっいそうなら最初はこれで。サイトをプリントアウトしちゃえば勉強しやすいかも。
とほほのwww入門
HTMLクイックリファレンス

入門本を買う場合は(これは全部的に言える事なんだけど)あまり古い本は買わないように。作ってみるのが第一目標ではありますが、HTMLとCSSも他言語と同じくここ数年でブラウザの変化や、作る人たちの技術の向上により変化が著しいです。内容が古いと、後々また新しいルールを勉強するはめになりますので注意を。(個人的には3年以上前の本は読まない)

では、よく使うHTMLタグをそこそこ理解しCSSで遊んだ後で「もっとHTMLとCSSを詳しく知りたい」と思ったならば、大きめな本屋に行ってみましょう。最近はW3Cの仕様(HTMLを書くうえでのルール)やweb標準を説明した入門書も多く良著も増えてきています。基礎や考え方を学ぶなら、内容の詰まった本でみっちりお勉強した方が無駄な試行錯誤と検索が減って効率よく勉強できるのではないかと思います。

さてやっと本題にたどりついたので、僕が読んだ中でオススメな本を紹介していきます。

web標準とCSSレイアウトについて書かれている本。通称ホップ本。HTML+CSS初心者がステップアップしたい頃に読むと最適。本書は発売当初より評判が高かったのだが、出版社が倒産し一時は絶版状態になる。中古品が(記憶が確かならAmazonで)9000円前後で売りに出されていた頃もあった、ある意味で伝説の本。現在は出版社が変わり定価で購入できます。web標準の基本はこれで身に付ける事ができると思います。

ここからMdnのターン。

タイトルのとおりwebサイトを作る為に必要な基礎を書いてある本。レイアウト見本や配色・CSSレイアウト・ユーザビリティ・web2.0・サイト構造・SEOなどwebサイトを作るうえで必要な知識を広くまとめた本。プロとして恥ずかしくないシリーズは基礎から教えてくれて、全体的にハズレはないと思います。(同じような内容が載ってる場合は多いけど)

ちょっと古くなるけど、純粋にデザイン面を求めるならこっち。レイアウト見本・CSSテクニック・配色・web標準と内容も絞られている。だけどもうAmazonでは(中古しか)売ってません。

これもデザインの大原則とおなじような内容もあるがワークフローなどのページがある。前者が文章で読ませるが中心なら、こちらはCSSの使い方を画像とソースを見て学ぶ本。またテクニックも小回りのきくものが中心で、サイト作りのアクセントとして取り入れやすい。

はい、白状すると私は紙のデザインをやってる頃からMdn系が好きでした。さて上のホップ本とムックを1～2冊読めばだいたい思い通りにHTMLとCSSが書けて、サイトを作るうえでの基礎知識は学べると思います。よりCSSを知りたい人に対して今オススメな本は

原題は「Transcending CSS」。内容も素晴らしいが、訳と監訳のおかげでストレスなく読める。Transcending CSSは卓越したCSSという意味で、これからのCSSのスタンダードとなる可能性を秘めている。簡単に説明すると古いブラウザに合わせてCSSハックやフィルタを使うのではなく、これからは新しいブラウザ基準でCSS3やCSSセレクタを使ってデザインしていこうという内容。昨年末くらいだろうか、一部のブログで「IE6にはアップデートを催促するメッセージを出そう」という話題が持ち上がっている頃、著者のAndy Clarke氏のwebサイトが何度か引き合いに出されたことがあった。彼のサイトはIE6で見ると、サイト全体がモノクロになってしまう。
Stuff and Nonsense

#Transcending CSSはMOSeと呼ばれる事もあります。個人的には積極的にブラウザの独自拡張を使用するのがMOSeだと思っているのだけど、どうなんでしょう。

番外編

Dreamweaverを使い慣れたら是非とも読みたい一冊。HTMLやCSSの本ではないが、Dreamweaverの効率の良い使い方を学ぶ事で作業効率が上がります。「独学で使ってます」という人は必ず得るものがあるはず。Dreamweaverを使わない人には必要ないものなのでご注意を。

このまま行くと怒涛のアソシエイト地獄になりそうなので自重。きになる本があった方はまず、本屋で手にとって内容を確認してみてください。とりあえずまとめると、

1.まずはタグの使い方を知るためにリファレンスを見ながらサイトを作ってみる
2.HTMLとCSSが楽しいと感じたらホップ本なりweb標準の本を読んでみる。
3.その後はwebやムック本中心でデザインやCSSを掘り下げてみる。

てな感じでどうでしょうか。「昔とあんまり変わらねーよ」と言われるかもしれませんね。

習うより慣れろが気軽にできるのがHTMLとCSSのいい所だと思うので、最初から「W3Cが」とか「DTDは」とかではじまるより、リファレンスだけでやりたい放題ヘンチクリンなやつを作って挫折してみて、まず楽しいと感じる事が一番かなと思います。

と今でもヘンチクリンなサイトばかり作ってる俺が言ってました。