カテゴリー: ネット&PC&Mac

前回の今日の一言では、「いろんな人が、いろんなブラウザで見られるページをつくってはいかがか」ということを書いた。じゃあ、具体的にはどうやるのだ、というのが今回の話。

---

とりあえず、簡単に自分のページのアクセシビリティーを測るには、出来合いの文法チェッカを使うのが良いだろう。例えば、Another HTML-lint を使えば、自分のページが、どの程度 W3C, WAI その他の勧告に準拠しているのかが分かる。

実は、最初に羊ページを採点させてみたら、エラーが 200ヶ所・得点 -300点と、惨憺たる結果。「HTML 洗って出直してこい！」ぐらいの勢いだ。抱いた感想は、「こんな机上の空論みたいな、アホ規格に準拠させたって仕方ないだろ。ブラウザ上では、今のコードでちゃんと見えてるのに、なんでこんなに点が悪いんだボケェ！」

でも、冷静に考えてみれば、当のブラウザは「机上の空論みたいな、アホ規格」の方に準拠しているのであって、間違っても僕に準拠しているわけではな い。僕が適当に書き上げたコードがきちんと表示されているのは、むしろ、たまたまという割合が高いのである。で、山ほどあるエラーを、一つ一つ潰していくと、確かに綺麗なコードになるし、互換性も（いくつかの例外を除けば）落ちない。前述の Another HTML-lint を運営する石野さんが FAQ で書かれている「文法よりも、内容が大事なことは明々白々ですが、文法を正したからといって、内容が損なわれることはありません。*1」というのは、まさ しくその通りだと思う。

ということで、最近、徐々に羊ページを書き直し中だ。羊ページは、フレームのタグも無い頃からつくってきたので、未だあちこちに(文字通り）前世紀 の遺物と言うべきコードが残っている。今となっては誰も使っていない Netscape Navigator 1.0 用のコードとか。

---

さて、文法のチェックというのは、あくまで HTML の話で、サイトのデザインとなると、これは何かで自動的に判断するというのは難しい。むしろ、余計なお世話と言っても良い。文字のポイント数の固定程度の ことは、ちゃんと文法チェッカがひっかけてくれるので良いのだが、サイトの構造とか、配色とか、そういう部分はやはり個人の主観が大きいし、むしろそこは 各自が「勝手にやる」べきだろう。それに、サイトというのは、割と最初の頃はいろいろ豪華絢爛にやってみたりもするものの、やがて枯れてきたりもする生き物なので、一概に「こうあるべき」なんて事は言いようがない。

ただ、絶えず自分なりに改良していくことで、なんとなく自分のスタイルにあった、なおかつ、訪問者のことにも気を配ったものが、作れるようになって くる気はする。最近ではホームページのトップに「ようこそ」と書くのはなんとなく恥ずかしい感じではあるのだが、そういう「もてなす感覚」みたいなもの が、今はむしろ必要なんじゃないかと思う。

---

最後に、右上の写真は、サイパンの日本人向けラーメン屋。いくら「もてなし」と言っても、ここまでユーザーフレンドリーだとかえって嫌だろ、という例。立っている男は紛れ込んで写った現地ガイドで、作者ではない。なんとなく載せた写真なので、特に意味は無い。「やしがに」が入荷しているらしい。

*1:引用 [Another HTML-lint] – [FAQ], 石野 恵一郎, Jun 06 1999
注1：机上の空論みたいな、アホ規格：真に受けないように。
注2：「コード」というほどのモノか、という気もするが、「タグ」でもないよなぁと思う。
注3：チェックとか一切してないのですが、トップに「ようこそ」って書いている方、ごめんなさい。
注4：もて‐な・す【持て成す】＃3 歓待する。ご馳走する。平家物語11「御前へ召されまゐらせて、御引出物をたまはつて―・され給ひしありさま」。「心づくしの料理で―・す」[株式会社岩波書店 広辞苑第五版]

Web は、表現の道具であって、表現そのものではない。だから、まずは誰にでも見やすい Web であるべきだ。最近、使用するブラウザをちょっとマイナーな Opera に変えてみて、改めて、そんなことを考えた。（このページも、Opera 用にちょっと直すはめになったのです）

僕がこのページのデザインを決めるときに、まず念頭に置くのは、手があまり自由に動かない友達のこと。要求されるクリック数・カーソル移動量は極力 少なく、リンクの場所は明確に。操作すべき場所は左側に集めて、、。そんな配慮と工夫は、もちろん手が自由に動く人にとっても快適なはず。

あるいは、字の大きさ。Web の情報の基本は文字、人によって快適に感じる大きさも、使用フォントも、アンチエリアシングの有無も、まるで違う。だから、羊ページでは、フォントに関し ては、一切、絶対値による指定を行っていない。大きさや行間などは、全て、相対値で指定し、使用フォントもユーザーの設定が適用される。ただし、この場 合、どんなユーザー設定の状態に於いても、デザインやレイアウトを維持できるように注意する必要がある。

---

Web というのは、建築に似ている。デザインは、機能性と表裏一体であり、美しい Web デザインは、美しい機能性と密接に関係している。建築にはアクセシビリティーという概念があるが、これは Web にもそのまま当てはまる話である。幸いにして、個人が行う程度の Web サイトの構築は、現実の建築に比べれば遙かに少ないコストで、いろいろなことができる。手間さえ惜しまなければ、様々なブラウザでの閲覧をサポートさせた り、多様なユーザー設定に対しても見た目の美しさを保つようなコーディングをすることができる。

まずはその手間をかけてから、自分なりの表現をしてはどうだろうか。ロッククライマーしか入れないような建築にしてしまうのか、あるいは、いろいろな人が、自分なりのアプローチでくつろげる建築にするのか。それは、ひとえに管理者の手腕にかかっている。

注1：羊ページは、Lynx から Opera に至るまで、多種のプラットフォーム上の多種のブラウザから閲覧されることを前提としているが、限界もある。特に手元の環境では、Mac からの閲覧をチェックできないので、もしおかしかったら教えてください。
注2：「ユーザー CSS で強制的に設定すればフォントは好きに変えられる」という意見もあるかもしれない。しかし、実際には、文字を拡大してもちゃんと見られるように最初からつくっておかないと、レイアウトが崩れて閲覧は難しい場合が多いと思う。
注3：羊ページでは、読みやすいという理由から、文字の大きさに対する相対値で行間指定をしている。ところが、「行間が空いていると読みにくい」という人 も居たりするので、やっぱり難しい。今のデザインは、2年以上かけて改良してきたものだが、それでもまだ問題は残っている。
注4：「（一部のブラウザで）ウインドウ幅が狭いときに、写真と文字が重なってしまうのは回避できないのか」とのご指摘があります。散々、試行錯誤しているのですが、現状、回避策は見つかっていません。申し訳ないです。
注5：マルチプラットフォームサポートには、技術力と知識が必要な場合もあり、閲覧対象環境が狭いからと言って、一概に非難できるものではないと思ってい る。実際、W3C 勧告に従ったから良いというわけでもなく（ブラウザ毎の実装状況があまりにも違う）、実地にテストしないといけないので、とにかく難しいし疲れる。
注6：本稿は、特定のサイトについて非難しているものではありません。また、サイトのデザインポリシーに関して、何ら意見を押しつけるものではありません。

Web ブラウザを Opera 6.01 日本語版に変えた。

Web ブラウザ？いまさら？という気は確かにするのだが、この Opera は久々に面白いブラウザ。面白いので、ここ数日間ずーっと使っていて、気が付いたら、Web で正規ユーザーライセンスを買っていた。別に金を払わなくても使えるのだが、フリー版はウインドウの右上に広告が出てしまう。気にしなければそれで済むの だが、なんかこう、スッキリしない、気になる。キャンペーン中につき、今ならライセンス料が 1,000円引き？なるほど、、。あー、簡単に買えるなぁ、、。おー広告が無いだけで、格段にスッキリしたぞ。いや、快適だなぁ。（別に読者の方に買わせ たいわけじゃないです）

---

さて、Opera はなんと、Internet Explorer、Netscape Communicator に次いで、世界シェア No.3 のブラウザ。とは言っても、上位の 2つで寡占状態なので、そのシェアは 0.67% だ。つまり、ほとんど無いって事。日本語がまともに使えず、最近まで国内ではマイナーな存在だったが、日本語版の登場で状況も変わると思う。なにより、出 来が非常に良い。

僕にとって、フリーソフトの精神とか、Microsoft の独占は業界の健全な、、とか、そういう話はどうでもいい。問題は、レンダリングエンジンが、どれだけ綺麗で安定しているかだ。今のところ、IEのレンダ リングエンジンは、数あるブラウザの中で、最も安定しているし、最も美しい表示をする。そのインターフェイスも含め、万人向けのWebブラウザとしての完 成度とバランスは、とても良い。

それでも、万人がいるところ、万人じゃない人がいる。そういうひねくれ者のために、何か良いブラウザは無いか。なんか、IE も飽きてきたし、、。

---

ポイントは、Opera のレンダリングというのは、IE に次ぐ綺麗さで、実用レベルに達してるということ。Opera を意識していない（大半の）サイトを、問題なく表示できる。

Opera のレンダリングエンジンは、IE に比べれば安定度に欠け、一部サポートされない機能があり、構文解析もちょっと弱いが、とにかく圧倒的に速い。速さがウリだったはずの Gecko を使った Mozilla よりも速い。そればかりか Opera は、ひねくれ者のインターネットヘビーユーザーが喜ぶ、様々な機能を持っている。特に気に入ってしまったのがマウスジェスチャー機能。

普段、Web で最も使う機能は、「進む」「戻る」「リロード」である。今までは、画面上のボタンを押したり、せいぜい、ショートカットキーを組み合わせたりして操作し てきた。マウスジェスチャーとは、これを、マウスだけでやってしまう機能だ。具体的には、右ボタンを押しながら←にマウスを少し動かすと「戻る」、→にマ ウスを動かすと「進む」、↓↑に動かすと「リロード」となる。僕の場合は、トラックポイントを使っているから、ほとんど手を動かさずに、Web ブラウジングが可能になる。

これは、ホイールマウス以来のエポックメイキングなアイディア。マウスジェスチャーに慣れてしまうと、時々他のソフトに向かって、意味のないジェス チャーを送っている自分に気が付く。実際、マウスジェスチャーと高速レンダリングを駆使して、矢のように Web を巡っていると（巡る必要があるのか？というのは別の問題）、もう他のブラウザを使う気がしなくなる。

---

他にも、超速いブックマーク編集とか、フォントの指定が細かく出来るので無敵とか、ポップアップウインドウを開かせない設定が便利とか、日ごろ「こ う出来たらいいのに、、」という機能が実装されていて気分がよい。デザインは端正なあっさり系だが、スキン対応だからいくらでも悪趣味にできる。やたら設 定が細かかったり、まだ Beta なので時々動きが怪しかったりして、万人に勧められるものではないけれど、とにかく久しぶりに面白いブラウザなのだ。

注1：Opera 6.01 beta 日本語版は、残念ながら いまのところ Windows 版のみ公開中です。
注2：ちなみに、羊ページは Internet Explorer 6.0.2600.0000 jp (Win32), Netscape 6.2.1 jp (Win32),Netscape Communicator 4.78 jp (Win32), Netscape Navigator 3.03 jp (Win32), Mozilla 0.9.7 en (Win32), Opera 6.01beta jp Build 1039 (Win32) の 6種類のブラウザで表示を確認していますので、たいていの環境で閲覧できると思います。
注3：ばん‐にん【万人】多くの人。すべての人。ばんじん。[株式会社岩波書店 広辞苑第五版]