caramel*vanilla > ホップ本「実践Web Standards Design」読みました

ホップ本買った!!

実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips

市瀬 裕哉 福島 英児 望月 真琴

by G-Tools , 2007/03/17

執筆陣がいつも楽しみに読んでるblogの中の人ということで手にとる前からかなり楽しみでした。

超豪華執筆陣↓

• 3ping.org
• Lucky bag::blog
• hxxk.jp

でもどんなに素晴らしい内容であっても自分の理解レベルを超えていては宝の持ち腐れ。
読んで理解して文字通り実践(!)するための書籍ですよね。
自分にできるんだろうか?っていう不安があったので、ネットで注文する前にまずは現物を見たいなーと思っていました。

昨日やっと売ってる本屋さんを見つけたのでまずは立ち読み!

目次とさわりと全体をパラパラーっと眺めてたら無性に欲しくなってしまいました。
予備情報としてホップ本のレビュー記事をたくさん読んでたので余計欲しいって気持ちが盛り上がってたせいもあったかもしれません。

ワタシとWeb

書籍の感想の前にワタシのWebとのかかわりについて正直に申し上げます。
なんだか誤解をされてる方もいらっしゃるようなのですが、現在Web制作に関わる仕事をしているわけではありません。
(以前ネットショップ関係のバイトでちょっと関わったことがあるくらい)

初めて自分のパソコンを手に入れたのが1998年。
すぐにホームページというものを自分で作ってみたくなってホームページビルダー(!)を買ったのが始まりです。
バリバリのテーブルタグでレイアウトしてました。
その後数年のブランクを経てblogを始めるようになり、CSSと向かい合わなければデザインできないという現実に直面しました。
それまでCSSってリンクの下線を装飾したり、スクロールバーの色を変えたり…といった小技くらいしか意識して使ったことがないレベルだったので結構大変でした。

「何かしたいことが出てきたときにピンポイントで情報を得る」っていう繰り返しのせいで、今現在も基本的な知識レベルは大して変わってないように思います。

1～3章までを読んでみた感想

そんなわけでホップ本の1～3章(Web Standardsの基本/(X)HTMLの基本/CSSの基本)はワタシにはうってつけの内容。
適当に作ってバリデーターでチェックして、エラー箇所を修正するっていう今までのやり方では根本的な理解を深めることにはならないなって痛感しました。
同時に何か作りたい!!っていう気分も盛り上がってまいりました!!
以前から何度も何度も何度も…WordPressのテーマ作りたい!って書いてきたような気がします。
作り始めては途中で飽きたり、時間が取れなくて途中のまんまのデザインがいくつもあります。
ホップ本をきちんと読んで、レイアウトの練習をしたら改めてチャレンジしたいと思いました。

…ってわけで、まだ3章までしか読んでいないのですが、特に印象に残った部分を書いてみます。

マークアップ手順

「まず文章ありき」という2章(X)HTMLの基本はとても興味深く読みました。
まずはマークアップを考えずに文章を書き、title要素・見出し要素をマークアップしていき、最後に必要に応じてXML宣言という一連の流れは目からうろこでした。
マークアップ手順がとてもわかりやすく勉強になりました。

見出しだけで目次になるか?

blogの記事を書くときにも見出しをどう書くか?どこに入れるか?とっても悩みます。
なるべく段落を入れたり、見出し・小見出しを入れているつもりですが「見出しだけ抜き出して目次になるか?」っていう目安をクリアしてるかっていったらかなり怪しい…

CSSにガイドラインをメモ

3章のメンテしやすいCSSの書式や管理のコツもすぐに取り入れたいものばかり。
っていうかもう1からやり直したい気分です。
書き始める前にルールを決めて、CSSの冒頭にガイドラインをメモするのはいいですね。
だんだんグダグダになっていくのを防止できそう。

4章以降?

まだパラパラめくってみただけなのでアレですが、個人的に苦手な分野であるレイアウト関連の4～6章も超期待。
それと7章のXHTML&CSS Tipsは1番興味のある内容です。
これだけでもう1冊書いて欲しいくらい :-P

ちょっと残念なのが、今日現在九天社の書籍紹介ページからソースがダウンロードできないこと。
書籍内に関連リンクがかなり紹介されているのでそのへんのリンク集もあったらいいな。

購入者特典キャンペーン

せっかくなので著者のお一人である真琴さんが企画されている購入者特典キャンペーンに名乗りを上げようと思います。

実践 Web Standards Design - Web 標準の基本と CSS レイアウト &Tips を購入していただいた方から、抽選で 500 円分の Amazon ギフト券を進呈

[ hxxk.jp - 実践 Web Standards Design 購入者特典キャンペーン ]より引用
Accessed Date:2007年3月17日 19:54:42

応募期限が3/21中とのことなので迷ってる人はとりあえず買っちゃえばいいんだと思います :-P

今度こそ当たればいいな。