表現者のためのHTML・JavaScript

その８　推奨環境について
　ＨＰのトップページでよく見かけるのが“このページはＩＥX.XとＮＮX.Xで表示確認しています”とか“推奨環境はXX(ブラウザ名やディスプレイ解像度、フォント名などなど)です”といった記述です。おそらくＨＰオーナーさんの環境だと思うのですが、ちょっと考えてみて下さい。
■■■■■■■■■

　インターネットは「いつでも、どこでも、誰からでも」アクセスできるのが基本です。小難しいいい方をすると「完全な情報的平等」とでも言うんでしょうか？一局集中型の情報管理ではなく、点在するサーバーで情報を管理し、どんなに人里離れた所に住んでいる人でも欲しい情報を得ることができる。年齢や性別や身体のハンデキャップの有無の条件に関係なく、欲しい情報を得ることが可能なのです。Ｅコーマスだのネットバンキングだのと言った便利な技術があるのは認めます。けれどネットの一番の意義は、この「情報の平等性」じゃないでしょうか。
　古い機械を使っている人でも、ＯＳが違う人でも、通信速度が遅い人でも、同じ情報を得ることができる。だからこそ「たくさんの人に読んで欲しい」という書き手さんの格好の活躍の場になるのでは、と私は考えました。もしこの考えが正しいなら、推奨のブラウザを決める事はそれだけ読んでもらえる可能性を狭める行為だと思いませんか？
　そんなこんなもあって、私はこのページに推奨ブラウザを指定していません。できる限り色々な人に読んで欲しいから“このブラウザでないと読めません”というページは作りたくなかったのです。たとえどんなに一般的でないブラウザであっても「読めません」と言われれば対応するつもりでいます。別に難しい事ではありません。文章だけを表示する事は、どんなブラウザだってできる事なのですから。
■■■■■■■■■

　最初にＨＰを作る時、皆さんは一体どんな事を考えますか？お友達のカッコいいページを見て「こういうの作りたいな」と思ったのがきっかけですか？あるいは「我が家のペットの○○クンをみんなに見てもらいたい」とか「ＨＰでお店を持って商売をしたい」と考えたのが始まりでしたか？
　まず考えなければいけないのは「何が目的か」という事です。たとえば「可愛いページを作って誉めてもらいたい」とか「アニメーションを公開したい」「人をあっと言わせるような印象的なページを作りたい」というのであれば、対象ブラウザを限定する必要が出てきます。場合によっては動画再生や音声再生のプラグインも必要かも知れません。
　Windowsソフトをネット販売する会社のＨＰがMacで見たらぐちゃぐちゃであっても、それは決して間違いじゃありません。そのページの目的は「Windowsユーザーにソフトを買ってもらう事」なのですから、その目的さえ果たせればいいのです。
■■■■■■■■■

　では「大勢の人に自分の作品を読んでもらいたい」という目的があるなら、どんなページを作るべきでしょう？Macにないフォントを使ってページを作ったり、古いブラウザでは読めないような凝ったデザインのページを作ってよいのでしょうか？

　表示を確認する時は、できる限り古いブラウザを使用して下さい（古いブラウザで表示できれば、新しいブラウザでも表示できるはずです）。ついでに言うと、WinとMacではバージョンの同じブラウザでも、表示は同じになりません。誤表示を避けたければ、ＨＴＭＬの文法に忠実にページを作ることです。市販のホームページ作成ソフトでページを作成するのであれば、作ったページはさほど問題なくどのブラウザでも表示することができるハズです。
　ページを作成したら、最低ＩＥとＮＮの両ブラウザで表示確認する事をお勧めします。Macの場合はＩＥ・ＮＮ共標準で入っています。Windousの場合、ＩＥは標準でついてきますがＮＮは入っていません。ＮＮも雑誌の付録のCD-ROMに入っていて無料ですので、ぜひインストールして下さい。実はＮＮの方が文法チェックが厳しいので、ＩＥで表示される文書がＮＮで見ると真っ白ページになる事があるのです。反対にＮＮでちゃんと表示されているならば、ＩＥでもちゃんと表示される確立は高いです。
　ＨＰ文書を作成したらまずＮＮで表示確認して、それからＩＥで確認するのがいいと思います。

　ＩＥはWindowsのシステムの一部であり、新バージョンをインストールする事によってシステムが不安定になる事がまれではありません。会社によっては一切の個人的バージョンアップを禁止している所さえあります。ＩＥの表示確認を行う場合は、できるだけ古いバージョンの物を使う事をお勧めします。最新バージョンではなく、ver4.0あたりの物を使うのがベストでしょう。
■■■■■■■■■

　もしも推奨ブラウザを定めるのであれば“このページはスタイルシートを使用しています。スタイルシート対応のブラウザ（ＩＥ４以上ＮＮ４以上）を推奨とします”とするのが親切です。“このコンテンツはＪａｖａＳｃｒｉｐｔを使用しています。お使いのブラウザのスクリプト実行をＯＮにしてご覧下さい”のような注意書きも必要でしょう。ヘビーネットユーザーでひんぱんに海外サイトへアクセスしていらっしゃる方は、ウイルスよけのためにJavaもScriptもＯＦＦ指定していらっしゃる方が少なくありません。
　「文章と動画で一つの作品だから、ちゃんと両方表示できるブラウザを推奨したい」と言うのであれば、それでもいいと思います。ただ動画を表示できないブラウザでも、文章だけ読んでもらえるようにする事は可能です。
    <HTML>
    <HEAD>
    <TITLE>文書タイトル</TITLE>
    <META HTTP-EQUIV="Content-Type"CONTENT="text/html;charset=x-sjis">
    </HEAD>
    
    <BODY>
    <SCRIPT LANGUAGE="JavaScript">
    
    </SCRIPT>
    お使いのブラウザではJavaScriptが動作しません。<BR>
    <A HREF="その他.htm">こちら</A>をクリックして下さい。<BR>
    </BODY>
    </HTML>
　ちょっと長いですが、上の枠内にあるのがＯＳとブラウザの種類・バージョンを判定して表示するページを振り分けるための仕掛けです。<SCRIPT LANGUAGE="JavaScript">から</SCRIPT>までの間が自動で表示を振り分けるスクリプト、その下の紫の文字はスクリプトが動かない場合の文章へのリンクです。
　if(navigator.appVersion.indexOf("Win") != -1)は「この文章を見ているのがWindousだったら」の意味。その下のif(navigator.appName.charAt(0)=="M")は「ＩＥだったら」という意味です（"M"は、MicrosoftのMです）。そしてif(navigator.appVersion.charAt(0)<=2)が「バージョンが３以下だったら」という意味。同じくif(navigator.appVersion.charAt(0)>=3)は「バージョン４以上だったら」という意味です。
　lication.html="WinIE3.htm"は「WinIE3.htmという文書を表示して下さい」という意味です。つまりこの仕掛けは、見ている人に合わせて表示する文書を変えているんですね。スタイルシートに対応しているＩＥｖｅｒ３以上と以下で、表示する文書を変えるのに有効です。
　あとは全部一緒です。if(navigator.appName.charAt(0)=="N")は「ＮＮだったら」でif(navigator.appVersion.indexOf("Mac")!= -1)が「マックだったら」という意味。最後のelse{が「WinでもMacでもなかったら」。…どうですか。ＨＰを見る人にはこんなにたくさんの種類の人がいるんですよ。その全部の人に文章を読んでもらえたらすごいと思いませんか？

　自分の環境と同じ環境で見る人全てが見てくれる訳ではありません。ＨＰのトップページに来てもらう事は、誰にでも訪れるチャンスでしょう。けれど「立ち止まって読んでもらう」事は、努力しなければ訪れないチャンスです。
　自分と違う人への思いやりは、想像力と知識の産物です。――精進を続けましょう（偉そうに…）。