« JavaScript難読化のためのヒント | トップページ | TigerユーザーのOS10.4.8移行度は75%超え(FlashによるOS判別) »

2006/10/13

Windowsで入力した半角円マークは、Macブラウザでどのように見えるか?



「ヒアリングマラソン中級コース」新開講受付中!

半角円マークと半角バックスラッシュをめぐるMac版ブラウザの混乱ぶりの原因はどこにあるのか、自分なりにまとめてみたいと思います。なお、とても複雑な問題なので、私の勘違いや書き間違いがあるかもしれません。その場合は、どなたか、コメントをください。

まず、Windows端末(日本語キーボード)で半角円マークが刻印されたキーを入力し、メモ帳や秀丸エディターで保存した場合に、Macブラウザでどのように表示されるかを検証してみました。話が複雑になりますので、まずはShift_JISで保存したファイルについて検証してみました。

たとえば、「筆まめ Ver.17 アップグレード・乗り換え専用(DVD-ROM版)\3,472(2006年10月13日現在)」と書いた半角円マークがバックスラッシュで表示されていると、かなりがっかりですので、何とか半角円マークをすべてのブラウザで表示させたいと考えているケースだとします。

「赤字は予想外で、注意が必要」と筆者が感じたものです。Windowsで入力した半角円マークは当然Windowsブラウザでは、半角円マークで表示されるべきだと思いましたが、Windows版Operaは違いました。また、英数字用フォント(「Arial」など)を指定すれば、Windows用ブラウザでもすべてのブラウザでバックスラッシュが表示可能と思っていましたが、Netscapeだけは違ったようです。

また、Windowsで入力した半角円マークは0x5cですので、charcodeを基準に考えれば、Macでは半角バックスラッシュが表示されるのが正しいと言えるでしょうが、Windowsとの互換性を重視した(or 見た目を重視した)ブラウザの中には、半角円マークを表示するブラウザが存在します。

1.普通に半角円マークのキーを入力
Windows IE6・Firefox 1.5.0.7・Netscape 7.1
Opera 9.02
Mac IE 5.23・Netscape 7.1
Safari 2.04・Firefox 1.5.0.7・Opera 9.02・Camino 1.03・iCab 3.03

OperaではWindows版であっても、バックスラッシュとして表示されます。Windows版Operaで半角円マークを表示するには、後述する「4.」もしくは「5.」の方法を取る必要があります。


2.半角円マークのキーで入力した文字を、フォント設定で「Arial」を指定して、バックスラッシュに見せた(つもりでいる)場合
Windows Netscape 7.1
IE6・Firefox 1.5.0.7・Opera 9.02
Mac IE 5.23・Netscape 7.1
Safari 2.04・Firefox 1.5.0.7・Opera 9.02・Camino 1.03・iCab 3.03

Macでは、フォントを指定していない場合(「1.」のケース)と同じ結果になるのは当然として、Windows版Netscape 7.1ではなぜかフォント設定が無視されているのか、半角円マークが表示されてしまいます。


3.数値参照文字で92番の入力(\)
Windows IE6・Firefox 1.5.0.7・Netscape 7.1
Opera 9.02
Mac IE 5.23・Netscape 7.1
Safari 2.04・Firefox 1.5.0.7・Opera 9.02・Camino 1.03・iCab 3.03

つまり、「1.」と全く同じです。




4.数値参照文字で165番の入力(¥)
Windows IE6・Firefox 1.5.0.7・Netscape 7.1・Opera 9.02
なし
Mac IE 5.23・Netscape 7.1・Safari 2.04・Firefox 1.5.0.7・Opera 9.02・Camino 1.03・iCab 3.03
なし

やっと完全制覇です。


5.半角円マークのキーで入力した文字を、さらに「MS ゴシック」をフォント設定として明示的に指定した場合
Windows IE6・Firefox 1.5.0.7・Netscape 7.1・Opera 9.02
なし
Mac IE 5.23・Netscape 7.1・Safari 2.04・Firefox 1.5.0.7・Opera 9.02・Camino 1.03・iCab 3.03
なし

「4.」と同じ結果です。

ここから言えることは、半角円マークをどのブラウザでも表示させたい場合には、数値参照文字で「&#165;」とするか、「<font face="MS ゴシック">\</font>」のようにフォントを明示的に指定してあげると良いようです。逆に、半角バックスラッシュをどのブラウザでも表示させる方法は、「2.」のようにするのが一番近いですが、「全て」とは言えません。何か方法があるのかもしれませんが、分かりません。

ただ、見た目だけ、Macブラウザで半角円マークを表示させることに完全制覇できて、お金の値段を表す半角円マークがバックスラッシュに"化け"ないようにできたとしても、実は困る場合があります。それは、プログラムのソースコードをホームページ上に表示させるような場合です。見た目がいくら半角円マークになったとしても、コピー&ペーストで保存した場合におかしなことになるテキストエディタ(初期設定の場合)が存在するのです。これについては後日、ご紹介します。

今日の記事とは逆の、Macで入力した半角円マーク・半角バックスラッシュは、Windowsで見るとどうなるかは、まさしく、このテキストエディタの設定・仕様にかかっているわけです。



【格安パソコンなら!ソーテックオンラインショップ!】

|

« JavaScript難読化のためのヒント | トップページ | TigerユーザーのOS10.4.8移行度は75%超え(FlashによるOS判別) »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/67411/12270540

この記事へのトラックバック一覧です: Windowsで入力した半角円マークは、Macブラウザでどのように見えるか?:

« JavaScript難読化のためのヒント | トップページ | TigerユーザーのOS10.4.8移行度は75%超え(FlashによるOS判別) »