• CSS Nite ビギナーズとは

↑んなかんじで、昨日まで当たり前だったものが今日にはすでに「それはないわ」的なことが非常に多いウェブの世界ですけども、HTML、スタイルシートへの正しい理解と使い方にも同じことがいえ、だがしかし決しておろそかにしてはならぬものもあります。いま一度、基本のキから学べるとてもよいきっかけになるだろう講習会ではないかと思います。

私にもそれはいえることで、今まで本やら解説系サイトやら現場で勉強してきましたが、まだまだ足りぬ。知らんことのほうが絶対に多い。つまるところ大切なのは基本姿勢、ということで参加します。

連動書籍もついて、かつスピーカーの方々もすてき（今んとこ、全員の方が出演されるわけではないようですが）。非常に楽しみであります。

いきなり疑問を投げかけちゃうのですが、みなさんはウェブサイトを印刷するときに、ウェブページに表示されている文章はもちろんのこと、画像からなにから、ディスプレイに表示されているすべて、そのまんまを印刷できた方がいいなぁとお考えでしょうか。

たとえば、遊園地にいくとして、電車でいくなら○○線で○○分、○○駅で下車、徒歩○○分。
車でいくなら国道○○線で○○交差点を左折、所要時間○○分、駐車場はココ、などという文字の情報。
それに加えて、地図の画像とか Google Maps などで表示される情報。

これら、つまり目的地までの道のりを文字で表現したものと地図が印刷できていれば十分なのでしょうか。
それとも、できればブラウザ上で表示されているサイトロゴまわりのデザインやメニューボタン、文章を装飾している画像も印刷したいのでしょうか。

ユーザが知りたい情報って、どこまでなんだろう

印刷用 CSS は、ウェブページを印刷した際に、読みやすいように最適化するためのものです。なので、普段私たちが見ているウェブサイトの見栄え（デザイン）とは、必ずしも同一ではありません。

文書構造を (X)HTML でしっかり作りこみ、視覚的なデザインを パソコンで見るウェブページ向けの CSS（media=”screen” で指定したもの） で構築したウェブサイトの場合、CSS で画像置換や背景画像の指定など、必ずなんらかの操作をしています。だけど私が知る限りでは、CSS で画像を背景的な役割（デザイン的に、という意味。しつこいけど念のため）で使用した際、それらは印刷したときには紙の上には表示されません。

私個人としては、読む人に伝えたい情報、読む人が知りたい情報さえ印刷できれば、そこにはデザイン的なものは必要ないんじゃないのかなーとおもってたんですが、ページをそのまままるごと印刷したいとおもっている方も意外に多いよね…とか、ふとおもったのですよ。そんなの、私だけの勝手な思い込みかもなぁって。実際にそのような要望をうけることがあったものですから、どうしたものか、と、仕事をしているバージョンの私は、あれこれ試行錯誤しとるわけです。

ディスプレイ上に表示されているすべてを印刷するとなれば、文章はともかく、使用している画像もすべて HTML ソースとして書き出さねばなりません。実際のとこ、必要な箇所には画像ソースを HTML 文書内に書きますが、デザインに関していえば、あくまでもブラウザ上での視覚的なデザインをするための役割として CSS という存在があるわけだから、すべてを HTML に書き出すことはしません。というか、そんなのまずないでしょうし、HTML 文書として NG といった方が正しいかも。

印刷用 CSS のために、HTML と CSS の本来の役割を無視するのはちょっとなぁ…とおもったりします。時間と労力をかけて目的を果たせたとしても、印刷物として出力したときに、そこにどれだけの価値があるんだろう、とか。考えちゃう。極端な話ね。

だけどだけど、きっちりかっちり「見たまんま」を印刷したいときだってあるわけですよね。

そんなときはユーザ側でスクリーンキャプチャして印刷するとか、ブラウザの設定ですべてを印刷できるようにする。
制作者側としては最初から PDF 化したデータを用意するか、スクリーンキャプチャした画像を別に用意する。

とかおもったんですが、前者は手間ひまかかってめんどくさい（＝スクリーンキャプチャやブラウザの設定のやり方がわからない、そのまま印刷できればいいのに！というユーザの思い）、後者の場合、PDF を見るためにアクロバットリーダがいちいち立ち上がるのがイヤだとか、画像にしたら文字がつぶれて読みにくいとか、どっちもどっちなんですよね…

ユーザの思いと制作者の限界

なので、そんなことをあーでもないこーでもないと考えてるうちに、いやー答えが出ないなぁという思いに私は至っているわけですが、どうなんでしょうね。

ユーザとしては、めんどくさい手順を踏まずに印刷したい。その中には、必要なことが印刷されていればまったく問題がないという人もいれば、いやいや全部印刷していこうよとおもっている人もいる。

だけど、実際問題、制作上での限界があります。それは技術的な問題でもあるし、ブラウザ的な問題でもある。できるだけウェブページを読む人には内容をわかりやすく、環境を選ばず使いやすくしてあげたいという気持ちはモチのロンであるけど、でもでも。でも、なんですよ。だから答えが出ない。というか、わからない、といったほうが近いのかも…

どっかで妥協点を見つけるか、もしかしたら私が知らないだけで「そんなの楽勝でできるよー」な答えがあるのかもしれません。だとしたら単なる勉強不足でごめんなさい、なのですが…ほんと、どうなんだろう。