Jeffrey Zeldman “DESIGNING WITH WEB STANDARDS”
PC関係の書籍を久しぶりに読みました。そして,感動しました(オーバー)。
現在,このブログはMovable Typeで作られています。そして,もちろん,HTML+CSS(Cascading Style Sheets)でデザインされています。でも,このブログを始めるまでは,CSSなんて「文字の大きさをポイントで指定できる」くらいしか知らなかったし,それしかしたことはありませんでした。
なぜなら,おいらがHTMLを初めて勉強したのは,本家「
Shonan Life Report」を作った,今から3年くらい前。そのころには「WEB標準」なるものはおろか,どの入門書を読んでもテーブルレイアウト全盛で,「CSSは動かないブラウザが多いので使うのはやめましょう」と書かれていました。ですから,今でも本家のページは,ほとんど全部,テーブル&フレームによるレイアウトになっています。
それから3年。世の中は,おいらみたいな,仕事と育児の片手間にサイトを更新する平凡なサラリーマンを置いてけぼりにして,あっという間にHTML+CSS or XHTML+CSSが広がってしまったのですね。
でも,本書によると「あっという間」というわけではなく,長く険しい道のりであったようです……。
本書(そして,もちろん
W3C)が提唱する,「構造はHTML。見栄えはCSSで。」という思想には激しく同意してしまいます。
おいらは,会社ではMicrosoft Wordをよく使うのですが,ほぼ100%,どんな短い文書も「スタイル」を使って書いています。だから,見出しの部分は「見出し1」スタイル,文書作成日は「文書情報」スタイルなんかを作って,使っています。そうすることで,仕事の文書を作るときには,ほとんど見栄えを気にせず,中身だけをせっせと書くことができます。見栄えが気になれば,後で「スタイル」設定を変えればいいだけですから。
それに引き替え,テーブル&フレームレイアウトだった頃のHTMLは,とても中身を考えることはできず,いつでも<td>,<tr>,<font>タグの嵐でした。そして,もちろん,<img src="spacer.gif">も。
初期のTeXやroffはすごく使いやすかったのに,いろいろ見栄えを気にするうちに,とてつもなく可読性の低いソースを書かざるを得なくなったのと似ています。
これに対して,文書の基本構造(見出し,箇条書き,段組,,,もちろん本文も)はHTMLで記述し,見栄えに関してはCSSで制御しようというのが「WEB標準」の基本的な考え方です。こうすると,本当にHTMLを書くのが楽になります。
そもそも,テーブル&フレームレイアウトだったら,Movable Typeのようなコンテンツマネージャでは,テンプレートファイルに,
- 本文
- 見栄え制御のためのタグ
- Movable Typeのタグ,コンテナタグ
が混在してしまって,何がなんだか分からなくなるでしょうね(現状ですら,おいらでは理解不足ですから……)。
本書では,W3Cや著者が考える「WEB標準」の良さを説きつつ,いかに各ブラウザベンダと交渉してきたかが分かります。そして,これは,PC関係の洋書全体に言えることですが,日本のPC本より圧倒的に面白い!本になっています。
例えばXHTMLの将来性をたたえた章の締めくくりで,「あなたがXHTMLに転換しない理由」としてあげているのは,
- 君は時間給で働いている
- 君の頭の中の小人がそうするなとささやいている
- 君はXHTMLの仕様を知らない
などと書かれています。それでいて「最後の一つは僕らが解決できる。次章に進もう」とうまく,次章につないでいきます。日本だったら,
- 既存のコンテンツの再構築に費用がかかるから
- 顧客の要望により制限があるから
- ブラウザによって表示が異なるおそれがあるから
などと,馬鹿正直に書くんだろうな。
大学で情報工学を習っていた頃(まさにWEBが発明された頃ですが),教科書はほとんど洋書でした。日本でも石田晴久さんのような優れた方もいたのですが,やはり,圧倒的に洋書の方が正確だし,なにより面白かったです。
「日本はいい研究はするんだけどプレゼンが…」とはよく言われますが,こういうところにも現れているんだろうなぁ,と感じてしまいます。
妙に話がでかくなってしまいましたが,W3Cの事務局に日本が入っていることを喜びつつ,とりあえずは,本ブログがW3Cの
XHTMLバリデーションチェックを通過できるように,これからせっせとあちこち直してみようっと。(本日現在,274エラー。ちょっと無理な気もする…)
- ■「本」カテゴリー内の前後記事
-
- 1件新しい記事:
Rachel Carson “The Sense of Wonder” - 1件古い記事 :
『覆面作家は二人いる』(北村薫)読み終わり
- 1件新しい記事:

自転車用カメラバッグ(?),エツミの『モジュールクッションボックス』
D90とスピードライト(その1:近接撮影時の改善)
『Camera People』
藤田一咲 『花と写真の時間』
藤田一咲 『ハッセルブラッドの時間』
藤田一咲 『お茶と写真の時間』
Ai AF Nikkor 35mm F2D
Single Focal Lense
Nikkor Club入会の辞
D70のバッテリー
We are plannning to go to OKINAWA!
過保護バッグ,Crumpler登場
ちょいと改善
まだ工事中…
D70入院… T_T
頭安定装置
画素にまつわるマメチシキ
小さきモノ
Monitor vs. Finder
スナップ用カメラとバッグとは?
やっとこ,MT様が動き始めたよ…。
夜景散歩@MM21
2012年3月の読書記録
2012年2月の読書記録
『銀輪の覇者』 中間地点快走中~♪
2012年1月の読書記録
2011年12月の読書記録
2011年11月の読書記録
白鳥和也,『素晴らしき自転車の旅』
長尾 藤三『快感自転車塾―速くはなくともカッコよく疲れず楽しく走る法。』
LOUIS GARNEAU BOOK
丹羽隆志他,『神奈川自転車散歩-横浜・三浦・湘南・富士箱根』
Return to Kiyoshi
重松清 『半パン・デイズ』読み始め
河合隼雄氏 逝く
安家達也 『ツール 伝説の峠』
白鳥 和也 『自転車依存症』
土肥志穂 『人はなぜツール・ド・フランスに魅せられるのか』
安家 達也 『ツール100話―ツール・ド・フランス100年の歴史』
緊急事態 - I have no books!!
重松清 『きよしこ』
やっぱり負けてしまいました,重松清 『卒業』
5年越しの栄養補給,重松清『ビタミンF』
宮部みゆき 『模倣犯』上下
内田ユキオ 『ライカとモノクロの日々』
赤瀬川原平 『新・正体不明』
宮部みゆき 『模倣犯』
渡部さとる 『旅するカメラ』『旅するカメラ2』
Elliott Erwitt, “Personal Exposures”
宮部みゆき『スナーク狩り』
宮部みゆき 『クロスファイア 上・下』
宮部みゆき『理由』
宮部みゆき『ブレイブ・ストーリー』
ただいま,冒険中
なかがわりえこ,おおむらゆりこ『そらいろのたね』
重松清 『舞姫通信』
『甲虫王者ムシキングカブトムシ・クワガタムシ大ずかん』
マリア・テルリコフスカ,『しずくのぼうけん』
Hans Fischer,『たんじょうび』,『こねこのぴっち』
Clay Carmichael, “くまシリーズ”
せなけいこ『おばけえほんシリーズ』
「絵本」コーナー新設
重松清『幼な子われらに生まれ』
重松清『エイジ』
重松清 『流星ワゴン』
角田光代『キッドナップツアー』
市川拓司 『そのときは彼によろしく』
角田光代 『対岸の彼女』
Dorothy Law Nolte, 『子どもが育つ魔法の言葉』
梨木香歩 『西の魔女が死んだ』
Rachel Carson “The Sense of Wonder”
『覆面作家は二人いる』(北村薫)読み終わり
『天国までの百マイル』(浅田次郎),読み終わり
『薔薇盗人』(浅田次郎)読み終わりました
『一瞬の光』(白石一文)
『霧笛荘夜話』(浅田次郎)読み終わり
続いて,東京湾景
アフターダーク読み終わりました

McCOCKさん
兄弟そろってお世話になります。m(_ _)m
おおぉ~~~,便利すぎます,Another HTML-lint。すばらしい!!
W3Cのバリデータを通したときは,山のようにエラーが出たのは良いのですが(良くないけど…),正直言って,「何言ってんだろ?」という感じでしたが,Another HTML-lint親切です~。
さ,始めてみるか……。
肩が凝ってきたら,「ハンドマッサージャー」だ!
おいら的にはW3Cチェックの前に、Another HTML-lintチェックをオススメします。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
ここで見てもらえば、直し方が一目瞭然に書かれてますから ;-)
ちなみに先日、自作BBSを立ち上げたばかりですが、Perlのほうばかり気にして、最終的な表示のHTMLのほうに気が回らないで公開したら、-181点と飛んでもない結果に・・・でもAnother-lintの指摘を順番に直していって2時間くらいで94点までアップ、そのままW3Cチェックで一発合格しましたよ :-D