出会い
Webサイト制作に足を踏み入れたのは2004年11月。有限会社アイエイトワンへの入社とともに僕のWeb制作はスタートしました。当時は、インターネットをつかうといろいろな情報を探すことができたり、無料でちょっとしたゲームができるという程度の認識でした。
はじめに教わったのはテーブルレイアウト。1枚のページを四角形で切り貼りしてつくっていく様を知り、「ホームページってExcelみたいにつくっていけばよいんだな」と思ったものです。同時に、文字サイズだけはCSSで管理していました。「.font10」（フォントサイズが10ピクセル）や「.font12」（フォントサイズが12ピクセル）などのクラス名をつかっていたころが、懐かしく思えます。
その後、はじめてWebサイトの新規制作案件を担当しました。右も左もわからずに、ひたすら必死に公開まで駆け抜けたというのが正直なところです。しかし、自分の思いとは裏腹に、公開後、クライアントさんから「サイトが全然検索に引っかからないんだけど」という言葉をもらいました。どうしたら検索に引っかかりやすいサイトにできるのか調べていると、h1要素やh2要素などの見出し要素がすごく重要らしいとのことです。すぐさま試してみましたが、文字サイズが大きくなったり、余白が大きくなってしまったりと問題だらけです。
そんなこんなで、「どうやらCSSは文字サイズの制御だけでなく、余白や背景画像の指定、さらにレイアウトの指定さえもできるみたいだ！」とわかったのがCSSとの出会いです。
苦難
その後、仕事の合間をぬってはCSSの情報をちょこちょこと探していたのですが、なかなかまとまった情報が見つかりません。そこで、書籍を購入してしみました。『スタイルシートスタンダード・デザインガイド』（エ・ビスコム・テック・ラボ著、毎日コミュニケーションズ）という本です。時間さえあれば、書籍に掲載されているサンプルソースを書きつつ、「これってこういうふうに変えたらどうなるのかな？」といろいろ試行錯誤してみました。
しかし、この本1冊だけはなかなか自分が思うようには行きませんでした。当時はInternet Explore 6が標準的なブラウザで、Firefoxのシェアが徐々に上がってきたころです。IE 6では思ったとおりになっているのに、CSSサポートが高いであろうFirefoxでは崩れてしまうという感じです。
暇さえあれば、CSSの勉強をしているつもりではいました。しかし、やっとpositionプロパティを覚えて、「これでなんでもレイアウトできるぜ！」と思ってみたものの、いま思えば「井の中の蛙」という言葉がピッタリです。当時つくったXHTMLやCSSファイルをいま見ると、嫌気が指してきます。
克服
そんな状況を打破したのは、2006年の「アックゼロヨンセミナー」でした。無料セミナーの情報を聞きつけ、ふと訪れてみただけですが、講師の方々のお話を聞き、打ち上げと称する飲み会ではわからないことを直接ドシドシと質問してみました。まさに「百聞は一見にしかず」「旅の恥はかきすて」よろしく、場の空気はなんのそのです。
「へえ、ボックスモデルっていうルールの解釈の違いで、IE 6の互換モードがおかしいんですね」「えっ、clearfixって何ですか？」からはじまり、その後、自分でも仕様書を読んでみたりと、水を得た魚のようにXHTML+CSSを学んでいた時期が数ヶ月。これを境に、とりあえずはCSSを克服したといえそうです。
いま思えば、そのころの自分が恥ずかしいったらありゃしないのですが、その時期がなければ、こうして原稿を書いている自分もいなかったでしょう。しかし、いまもまだ知らないことだらけです。「覚えなければ」と思うことがたくさんありますので、たまには嫌になったりすることもあります。しかし、「常に学ぶことが尽きない」というのも、XHTML+CSSの大きな魅力のひとつではないでしょうか。
コメントする