今回はこんな結果に。
IEの使用率が微妙にあがって、Safariが下がってます。

Firefoxさがって、Chrome上昇。

IEのバージョン別です。
IE9が一気にあがってきました。全体の使用率をあげているのもIE9の活躍でしょう。（チッ）

残念なのが、IE6の使用率があがっていること。
IE6でこのブログにアクセスするととっても迷惑なアラートでるんだけど、なんでだろう。。。
※ アラートに関して詳しくはこちら

後、あいかわらずのIE10ユーザー一人。誰ですか。

気になるブラウザ使用率

ブログのコンテンツによって、すごく変動が見れるとおもいます。
私のブログは割とギーク（？）なのでIEの数値は低いですが、芸能人ブログとかIEの使用率が高いと思います。（勘）

いろんなコンテンツの使用率がみたいとおもってます。
どっかにないかなー。

面白い結果になってます。
SafariがFirefoxを抜きました。

そして、IEはどんどんシェアが落ちて行ってます。
それでいい！！！

さらに、バージョン別では、

IE6はまだ生き残ってます。しぶとい・・・。
IE9がじわじわ来てるのでいい傾向ですね。

IE10とかはやすぎです！

Firefoxもどんどん新しいのをリリースする予定ですが、ブラウザ戦争はいつまで続くのでしょうか・・・。

「Adobe BrowserLab」

とうとう出ました。
こういうのを待っていたんですよ。

Macユーザーにとって、ブラウザチェックは鬼門。
なぜかといいますと、WIndowsのIEがチェックできないから。

たかがそれだけの為に、Windowsを起動したりしないといけないので面倒。
それが解消されるというのは気持ち的にもすごくいいw

チェックできる項目は、

コチラですね。
これだけチェックできれば何も問題なさそうです。
なにげにIE9まであるのはうれしいw

チェックしている様子は、

こんな感じ。
シンプル設計だから、チェックだけに集中できます。

IETesterでIE6をチェックするよりいいかと思いました。

マカーなコーダーにはおすすめなサービスだと思います。

そろそろ恒例になってきました。

相変わらずInternet Explorerの使用率が多いですが、36％まで落ち込んできました。
次いで、Firefox、Safariと来ています。この辺は変わらずですね。

Internet Explorer内での使用率です。

73％というダントツでIE8の使用率がたかいです。
IE6は11％と落ち込んでいます。
このブログがIE6で見るとアラートがでるんで、その影響もあるかとおもいますw

まー、この調子でIE6がなくなるといいですね！

DN*BLOGをご覧いただいた方のブラウザの使用率です。
定期恒例行事になっていますが、なかなか面白い結果に。

IEとFirefoxがほとんど変わりません。
続いてSafari、Chromeと続いてます。

やはり、記事が記事なんでユーザーに使いやすいブラウザを選ぶ人が多いんだと思います。

次いで、IEのバージョン別での使用率。

先日、葬式をしたIE6は17％に。
IE8が着実に増えてきていますね。

しかし、4とか5を使っている人がまだいるんですね・・・。

ブログの総合的な内容によってだいぶ違った使用率になっていると思います。

DN*BLOGでは、IE6が17％程度なので透過PNGとかの処理は無視してよさそうかな。。。

1. IE (66.97%↓)
2. Firefox (22.98%↑)
3. Safari (4.07%＝)
4. Chrome (2.84%↑)
5. Opera (2.04%↑)

じわじわIEのシェアが下がってきています。
そして、バージョン別でのシェアは・・・、

1. IE6 (25.25%↓)
2. IE7 (21.10%↓)
3. IE8 (15.10%↑)
4. Firefox3.0 (12.48%↓)
5. Firefox3.5 (8.88%↑)
6. Safari4.0 (2.55%↑)
7. Chrome2.0 (2.50%↑)
8. IE8互換モード (2.46%↑)
9. Opera9x (1.76%↑)
10. Firefox2.0 (1.37%↓)

問題なIE6のシェアがだいぶ下がってきています。Windows7が発売されたらさらに減ると思いますが、まだターゲットブラウザなのはかわらないでしょう・・・。

Safariが軽くてすごくおすすめなんですけどね。
一般ユーザーはそういうの気にしないんでしょうね。。。

とは、言い過ぎたかもしれないですけど、それくらい便利な「@font-face」。
使い方は至って簡単です。

CSSソース

@font-face {
	font-family: monof;
	src: url("../monof55.ttf") format("truetype");
}

.fontFace {
	font-family: GTFont;
}

XHTMLソース

<p class="fontFace">abcdefghijklmnopqrstuvwxyz</p>

では、見てみましょう。
Safari3.1でみてください。

abcdefghijklmnopqrstuvwxyz

どうでしょうか？
ちゃんと表示されているでしょうか。

ブラウザの対応が普及されればとても便利になりそうですね。
でも、フォントのライセンスなどで問題がでてくるかも・・・。

ちなみにこの「@font-face」はAdobe MAX 2009でお話を伺いました。
ちょっとSafariが楽しすぎで困ってます・・・。Firefox使いとしてはSafariに同じようなアドオンがあればなー、って思いますね。
おまけですけど、Adobe MAX 2009のセッション資料や講演ストリーミングビデオ閲覧は2月の中旬を予定されているみたいです。
参加された方は2月中旬を待て！！！！！

お台場にある、グランパシフィックで開催された、「Adobe MAX 2009」。
その中の一つのセッションである、「CSS3とプログレッシブエンハンスメント。これからのWebに求められる事。」に参加しました。

スピーカーは菊池崇氏。
簡単にプログレッシブエンハンスメントを説明しますと、今までIE6などの古いブラウザを考慮しながらコーディング、制作をしていましたが、もっと上（新しいブラウザ、SafariやFirefoxなど）をみて最新技術を駆使して制作を行おう。という事です。（あってるかな・・・。）
IE6などの古いブラウザを捨てるのではなく、ユーザビリティなどは考慮しつつ、CSS3の最新技術を使ってもっと楽しんで制作をしようという試みです。

内容は、CSS3を使うとこんなことができるんだよ！って事が多かったです。
「box-shadow」、「background-origin」、「nth-child(n) 」等など・・・・。
後は、Safari独自のwebkitとか、の実例などをお話していました。

画像なしに、鏡面効果をしたり、Macのドックを再現したり、Appleのサイトのナビゲーションバーを画像なしで再現したりと。

個人的にはいい内容だったと思います。
新しい技術を取り入れて楽しくコーディングをしようじゃないか。と考えている方だったのですごく共感できた部分がありました。

なかなか最新技術を取り入れてコーディングをする事はないですけど、今後は気にかけてコーディングしようかな、って思っています。

ブログのデザインかえたばかりですけど、CSS3を使って作り直すかもしれないです(笑)

その時はIE6は白黒で作ります！

ちなみに、今回は「Adobe CS4」の発売がされて間もないので、CS4を使用した商品が会場に並ばれていました。
Dreamweaver CS4はだいぶかわっているみたいなので、気になるところです。
アップデートしようかな。。。

何はともあれ、
菊池崇様、今日はおつかれさまでした。そして、ありがとうございます。

やはり、IEが多いですね。。。
次いでFirefoxです。私もFirefoxを使っていますが自分のIPははじくように設定してあるので自分のアクセスは入っていないです。
もっともっと増えてくれればいいのに！（笑）

なにげにGoogleのブラウザ「chrome」ががんばっています。

さて、一位のIEですが、使用率をバージョン違いで見ると・・・、

以外に、IE7が多いんですね。IE6とほぼ互角の使用率！
IE5はMacの方でしょうか。
IE8がちらほら・・・。レイアウト崩れてたら申し訳ありません。

IEのシェアが70、80％って言われているのに他のブラウザはなにげにがんばっていますね。
内容がもっとWebデザイナーに役立ちそうな事だったりするとIEの使用率もさがってくるんでしょうかね？

IEのシェアを追い抜くブラウザは現れるのか！？

番外で、OS使用率も見てみました。

やはりWindowsですね。
iPodは、iPod touchだと思います。

もう少し、Macユーザーがおおいかなーって思っていたんですが、そうでもないみたいですね・・・。

iPhoneすくねw

Firefox3とくらべて若干早い気がする。

Google Chromeは他のブラウザとちょっとGUIが違うので始めて使うときは戸惑うかも・・・。
Windowsのブラウザなら大体がついているんですが、ファイルやブックマークなどのステータスバーがない。
アドレスバーの横にアイコンがあってそれらに収納されています。
ブックマークはその下ですね。

あとは、タブが一番上にあることでしょうか。

Google ChromeのレンダリングエンジンはSafariで用いられる「WebKit」およびMozilla Firefoxのコンポーネントを活用して開発されているのでWebサイトを制作している関係者に関してはさほど問題のないブラウザになりそうです。

また、アドレスバーの部分で検索も行えます。この部分を「Omnibox」と呼ぶみたいです。

さらに、ブラウザに表示されたWebページ上で右クリックをすると、メニューの下に「要素を検証」という項目があります。普通の「ソースを表示」とは別に用意されています。

これがChromeの「要素を検証」画面

ちょっとFirefoxの「Firebug」に似てるかな？って思いました。使い勝手が全然違うっぽいんで微妙ですけどw

もう一つの機能「アプリケーションのショートカットを作成」っていう項目があります。
Webサイトを開いてそれを選択するとデスクトップなどにそのブラウザに即座にアクセス出来るアイコンが作成されます。
iPhoneで言うなら、ホーム画面に追加みたいなものでしょうか。

Gmailなどに「アプリケーションのショートカットを作成」を使えばデスクトップ上のアイコンをWクリックするだけで即座にGmailのメールチェックができるというやり方ができると思います。

Gmailを「アプリケーションのショートカットを作成」すると、以下のようなアイコンが追加される。

と様々な機能を引っさげてやってきた「Google Chrome」
まだWindows版しかリリースされていませんが、近いうちにMac、Linuxとリリースするみたいです。
今後の動向に期待です。

追記です。
インストール先がApplication Dataなのはどうなんでしょうかねｗｗ