鍵っ子ブログ(Key Blog)：Keyが大好きな鍵っ子によるKeyのファンサイト。Keyに関する情報・コラム・考察・ニュースが中心

web屋を自称する人の主張が余りにも酷い。

「その余白、もったいなくない？」っていう自然な感覚とそれをなんとかしようとするWebデザイン魂を眼前にすると、「横幅はやはり800px基準でしょ」とか「いやそろそろ1024px基準でもいいかも」とかいう議論自体がなんだかむなしいと感じただけだ。

その余白がもったいないと思う感覚とどうにかしようとするデザイン魂 - Web屋のネタ帳

つまりweb屋のネタ帳氏の主張は「ディスプレイの解像度に合わせて動的に表示を変えるAmazonすげー。それに比べて楽天は左右に余白が出来てそのスペースがもったいない」らしい。

たしかにその主張は一理あるが、ではweb屋のネタ帳氏のサイトはどうか。
スペースがもったいないというだけあって、リキッドレイアウトを採用しているようだが、これが酷い。
フルHDの液晶（1920x1080）で見た時、こんな感じになってしまう。

横幅を固定するな！ − 後悔しないためのWebデザイン - web屋のネタ帳

クリックで原寸
URL：http://neta.ywcafe.net/000348.html

「ごらんの有様だよ」
はっきり言って読み難い。横にダラダラと長すぎる。
余白がもったいないからと言って、安易にリキッドレイアウトにするとこんな事になる。
読みやすいのはせいぜい横の解像度が1280pxまでだ。
そしてAmazonのような例は企業のサイトでもごく稀だ。例えば

Apple

クリックで原寸
URL：http://www.apple.com/

ebay

クリックで原寸
URL：http://www.ebay.com/

Google

クリックで原寸
URL：http://www.google.co.jp/

例を挙げればきりが無いが、多くのサイトが固定幅を採用している。
Googleはリキッドレイアウトだが、文章は読みやすい長さで改行される。

これらを見る限り、アマゾンは稀な例だ。
web屋のネタ帳氏の他のエントリは大変参考になるが、この余白に関しては納得できない。
解像度が低い場合はともかく、解像度が高いのに読み難いというのはテキストサイトとしてどうか。
Amazonを理想に掲げるのは良いが、まずは氏のサイトをAmazonやGoogleのようにして頂きたい。

次にもっと酷い例。

どうやら世の中の「リキッドレイアウト否定派」はリキッドレイアウトの真の姿をまるで知らないらしい。想像力が足りないのだろう。リキッドレイアウトというのは、ウィンドウ幅を小さくしても横スクロールバーがでないとか、本来そんなちんけなものではない。

リキッドレイアウトを否定するというのは、ウェブデザインを放棄することと同義だ。固定レイアウトというのは、例えば1024*768px向けデザインとでも言うべき代物で、ウェブデザインと呼ぶに相応しくない。

本物のリキッドレイアウトは隙間に流れ込む水のような振る舞いをする。

本物のリキッドレイアウト - Hatena::agenda

なるほど、先ほど僕が見たリキッドレイアウトは真の姿では無かったらしい。
Jintrick氏はリキッドレイアウトの真の姿を見せてくれるそうな。

クリックで原寸
URL：http://d.hatena.ne.jp/jintrick/20070827

Jintrick氏が主張する真のリキッドレイアウトとは、横の解像度にあわせてカラム数が動的に変わるレイアウトのようだ。
先ほど出来てたAmazonの例と根本は同じだろう。

ご覧の通りフルHD環境でも読みやすくなっているし、横が1024px程度でも十分読みやすい。
たしかにこれならばリキッドレイアウトを採用しても良いと思う。

しかし、このレイアウトはIEに対応していないという欠点を持つ。
IE6はもちろん、IE7にも対応していない。

IE6でのレンダリング

クリックで原寸
URL：http://d.hatena.ne.jp/jintrick/20070827

いくらなんでも、IE系（トライデント）や、その他多くのレンダリングレンジンを無視するのは酷い実装じゃないだろうか。
更にJintrick氏は固定幅について以下のような主張をしている。

私は固定幅デザインを絶対にウェブデザインとは認めない。だって、様々な媒体を選択可能なウェブの特性とは何の関係もないもの。そういった無数の固定幅デザインを各媒体向けにサーブする技術の一部としてありかもしれないけれども、それ単体をウェブデザインと思い込んでいるのは大間違いだ。特に日本ではウェブユーザビリティの専門家を名乗る連中がこれをやらかし始めている。リキッドレイアウト、及びウェブデザインというものの本質を最初から理解していなかった証拠だ。

本物のリキッドレイアウト - 補足 - Hatena::agenda

つまりはリキッドレイアウトが大好きなんだろうけど、固定幅をウェブデザインと認めないなんてのは明らかに言いすぎだ。
ブラウザを限定してまでリキッドレイアウトを採用して「これがデザインだ」などと言われても「ああそうですか」と。

Jintrick氏にとってweb制作はただの趣味だそうだから、それはそれで良いと思う。
だがそんな一般人が自分の理想を盾にして、ウェブユーザビリティの専門家を貶すのはおかしいだろう。
ウェブユーザビリティの専門家は多くの人に見てもらうためのサイトを作る必要があるのだ。

また、Jintrick氏は最近こんな事も言っている。

IE6に気を使わなくてもいい理由とか「そういう系」の話を聞くと、なんで非営利個人サイトが自分の嫌いなウェブブラウザなんかに一々気を遣わなきゃならないんだとか思う。もちろん気を遣うのには色々理由があるだろう。だが「気を遣わなくてもいい理由」というのもあっていいんじゃないか。

ウェブブラウザなんかに気を遣わなくてもいい理由 - (agenda)

なるほど、先ほどトライデントを無視した根拠はこれなんだろう。
Jintrick氏のサイトポリシーは分かったけど、僕にはとうてい理解できない。
そもそも極少数のレイアウトエンジン全てに対応するのは不可能だ。というのと、トライデントに対応させないのは話が別だろう。

Jintrick氏は本気で言ってる訳じゃなさそうなので（所々で「まあ俺の趣味だからね」と書いてる）良いとしても、web屋のネタ帳氏はそれを生業にしてるなら高解像度でも読みやすい工夫をして欲しい。

どうにも、彼らは理想を追い求めすぎているように思う。
デザインの理想を追い求めるのは良いが、それはただの理想であって現実にそのようなレイアウトを採用するのは無理だ。
現実的な問題から固定幅を採用しているサイトを非難するのもおかしいだろう。

そりゃ、横1920pxで僕のサイトを見た場合左右に余白が出来て「もったいない」かもしれない。しかし文章が横に間延びして読み難くなってしまうより余程良い。

「そもそもそんな大きな解像度でサイトを見る人がいるのか」と思った人が居るかもしれない。しかし彼らはそもそも横に広い人たちをターゲットにデザインを語っているのだから。Amazonにしても動的カラムにしても。

僕はこのブログの上下でリキッドレイアウトを使用している。固定幅信者(?)でも何でもない。
だがリキッドレイアウトを勧める人たちがこのような有様ではとてもリキッドレイアウトをメインコンテンツに組み込もうとは思えない。

追記：はてブでの生暖かいコメントありがとうございます。
　いくつか返信

>>横幅固定だと狭くて読みにくいからもっと広げたい、と思ったことはないか。ネタ帳が読みにくいのは字が小さすぎるからだと思う。
　でもフォントを多少大きくした所で読みやすくなるとは思えませんが。

>>誰がどう騙したのだろう。
　ちょっと釣りっぽいタイトルになっちゃいましたね。そこは反省してます。

ちなみに僕は普段はフルHDではなく、1024x1280を(17インチを縦に）2枚置いてます。フルHDディスプレイは専らアニメ鑑賞用とエロゲ用ですが、たまたまそのディスプレイでブラウジングしてた時の話です。
＊ここはエロゲ専門ブログです。エロゲの知識で書いたらすげー怒られて涙目です。（感涙という意味で）