エライことになってます

まー、こんな辺鄙な所に来る人なんてほとんどいないだろうと言うことで書きましょう。

実はここ数ヶ月、某サイトさんのリニューアルを手伝って、というか無理矢理仕事奪っていましてですね。（その割に仕上げが遅いとか色々マズイ状況なのですが、、、

えー、来年に持ち越すのは流石にマズイと追い込んでいたワケですよ。

で、最後に簡単な解説をつけようとしたらアラ大変。簡単な解説っていいながらどんどんディープな部分に向かっていく……

解説を書くと言うことは、つまりその課程に置いて自分の書いたソースを読むわけですよ。

まあ日進月歩といいますように、制作が長期になると必然的に昔のソースと最新のソースで差が生じるわけですよ。

そんな点を見つけるたびにチマチマ直していましたらですね。

『……まてよ、この背景画像をこうやってこーやると、もっと素敵になるんじゃない？』

みたいな展開に当然なるわけですねー！＜普通ならねぇ！

で、まあこれくらいならちょっといじるだけで実装できるだろー。それがCSSの強みなんだからナー。

とかやってたらまんまとデスマーチに入りました。

これはヤバイ。何がヤバイってなぜレイアウトが崩れるのか分からない！！

CSSの指定がダブったりしてるんですよね。

こんな感じ↓

div.main_text{
width: 600px;}

～この間100行以上

body#content div.main_text{
width: 580px;}

みたいなね。なんでトップはちゃんと表示されるのに子ページになると表示ずれるかナー。っていう原因はだいたいこんな感じ。

まれにブラウザのバグもあるけどね。ほとんどのバグは設計の最初期から回避策をとっているから現れないのだけれど。

で、

ともかくある程度の実装を終わらせたわけですよ。

あーつかれた、これで寝れるなあと思った今日未明、午前3時45分頃。

最後にトップの表示でも見るか、と思ってレンダリングしたら

恐怖の、表示ズレ！

まったく、どこに原因があるというのだっ！

まあなにが原因かってそりゃー長びいた制作期間と冗長化されたＣＳＳファイルで、つまりまったく分割せずにつくった僕が悪いんですけど。

実際こんなにデカイファイルになると思わなかったんだもの。

わかってたらモジュール毎にＣＳＳ分割してたよ、、、

んで、ともかく何が言いたいかというと

　 _ 　 ∩
(　ﾟ∀ﾟ)彡　デスマ！　デスマ！
　⊂彡
















　　　 ∧ ∧　 　　　　　 　／￣￣￣￣￣￣￣￣￣
|￣￣（ ﾟДﾟ)￣￣|　　　＜　　もう寝る！
|＼⌒⌒⌒⌒⌒⌒＼ 　　＼
|　 ＼ 　　　　　 　 　 ＼ 　　￣￣￣￣￣￣￣￣￣
＼　 ｜⌒⌒⌒⌒⌒⌒｜
　 ＼ |＿＿＿＿＿＿＿|