以下のサイトに自身の運営しているサイト、ブログのurlを入力すると、他のOS、ブラウザでどのように表示されるかが一目で解ります。

自身で運営しているウェブサイト、ブログ等を、htmlやcssの知識が中途半端なまま自力でデザインしている人には嬉しいサイトです。

test your site
▲Testyour web design in different browsers

上記サイトで自身のブログ・サイト等のurlを入力し、数時間待つと、色々なOS・ブラウザで「自分のサイトがどう表示されるのか」が一目で解る様になります。

Test your designを試してみた

Test your designで、実際にこのブログがどう表示されるか確認してみました。
詳細は以下です。

URL入力
▲上記サイトに飛んだら、urlを入力します。

ブラウザ選択
▲確認したいOS、ブラウザのチェックボックスをオンにします。

Linuxをメインに使用している人って、ブラウザは何使っているんだろ？
FireFoxかOperaだよね、きっと。。。。
非常に時間のかかるサービスですので、チェックボックスオンは必要最低限にしておきましょう。

Submit
▲入力が終わったら画面右上の「Submit」ボタンを押します。

待ち時間表示
▲すると、こんな画面が表示されます。

翻訳すると、「0分前に送信を受けました。30分で無効になります（延長ボタン）。出力予想時間3～35分。11のブラウザが選択されています」と書いてあります。
一旦ブックマークに入れるなどして、後から確認しに行って見ましょう。

ちなみにMACブラウザへの変換には時間がかかり、失敗が多いです。こまめにチェックし、延長ボタンを押す必要があります。（私は何度かトライしましたが、結局MACのsafariで確認出来ませんでした。何度も30分以内に確認し、延長ボタンを押すのも大変です。）

また、LivedoorやFC2などの人気無料ブログサイトのurlを入力すると、「今日は既に100件以上の診断をしました」みたいなメッセージが出て受付できません。時間や日を改めて試してみましょう。

約1時間後、完成。

overview
▲ブックマークしておいたページに飛ぶと、こんな感じに画像が数点表示されます。
各々の画像をクリックすると、他のOSやブラウザで、自分のサイトがどう表示されているのか確認する事が出来ます。

「3expired」とあるのは、「3点が時間切れで画像が作れませんでした」と云う事。
ちなみに1回「延長」ボタンを押し、その後放置してました。

以下、確認した画像の中から、何点か紹介。

以下、リンク先の画像は大きいので注意です

  1. Linux、Opera
    ▲本文が明朝体に。平仮名のみアンチエイリアスが掛かっていたり、所々文字化けしていて、気持ち悪いです。cssの文字指定が甘かったみたい。修行が足りません。
  2. Mac、FireFox2.0
    ▲さすがMacはフォントがキレイです。WindowsもXP以降、「メイリオ」と云う美しいフォントを使用することでキレイな文字を表示できます。ウチのブログもメイリオ対応にしなきゃダメかな？
    ちなみにsafariへの変換、数日前から3回チャレンジでして3回とも失敗。また日を改めて確認します。
  3. Windows、IE6.0
    ▲ウチの環境で見るのと同じ表示。正確に再現してくれている事が解ります。
  4. Windows、IE7.0
    ▲ええっ！？マジで？
    凄い文字化け。しかもスタイルシートの記述が無視され、プレーンなテキストベースのブログになっています。これは心配です。

心配なのでサブのノートPC のブラウザをIE7にアップグレードし、確認してみました。
IE7で表示
▲英数字にのみアンチエイリアスが掛かっていて多少読みづらいですが、無事表示されています。ホッとしました。

あまりに酷い表示になっている場合は、回線の込み具合やサーバーの処理能力を超えたためにエラーが出ていると考えたほうが良さそうです。

それにしても私のブログ、ギリギリに文字を詰め込みすぎてレイアウトが崩れている部分があったり、読みにくいフォント構成になっていたり、まだまだスタイルシートの文字指定が甘いと云う事ですね。精進します

 

現在、どれ位の人がIE7に乗り換えてる？

IE7の自動更新が開始されて2日。ネット上では大きな不具合発生の報告もなく、皆さん順調にIE7へ乗り換えているのでしょうか？

私は上記のような理由でサブPCのブラウザをIE7に変更したのですが、今の所全く不具合も無く、安定して使えています。

では実際、どれ位の人がIE7にバージョンアップしているのでしょうか。
私の運営しているブログでアクセス解析を行うと。。。。

IE6 IE7 2月12日
▲2008年2月12日のアクセス解析。
IE6の使用者が50％を占めています。IE7は25%程度。

既にIE7に切り替えている人は、思ったより多いですね。。。。。

IE7 IE6 2月15日
▲本日2008年2月15日のアクセス解析。
利用者のブラウザ比率、ほとんど変化ありません。

IE7の自動更新が始まったとは言え、殆どの人がまだ様子を見ているのですね。
それとも、動画エンコードやフリーソフト関連の話題を好きな人は慎重な人が多いからなのでしょうか。

私はサブPCでIE7の安定度を確認しながら、このブログのスタイルシート修正を行い、その後IE7に乗り換えようと思います。