HTML5と

ブラウザ

レポートの趣旨

HTML5を利用するにあたり、それを解釈するブラウザについて簡単に触れたいと思います。ブラウザは、タグを解釈しレンダリングを行うことでボタンやテキストボックス等の「機能」を表示させます。HTML5を解釈できないブラウザは「機能」を表示することができません。jsを利用することで表示させる工夫があるようなので、いくつか触れてみます。

自己紹介

Name:

佐川　夫美雄@albatrosary

http://ameblo.jp/sgw3a/

Users Group:Tokyo.R/html5j.org/jsug/mybatis-users/（ソフトウェア品質技術者のための）データ分析会

ブラウザ・ベース

Internet Explorer 系 　　　　TridentFirfox 系　　　　　　　　　　GekkoSafari/Google Chrome 系　　WebKitOpera 系　　　　　　　　　　Presto

Google Chrome Frame

Google Chrome Frame は Internet Explorer で Google Chrome のHTMLレンダリングエンジン「WebKit」を動かすための追加機能

対象ブラウザは、ie7,8,9

つまり Trident 上で WebKit を動かす

これが「ブラウザ上でブラウザを動かしている」と言われる由来

使い方は簡単

インストールするだけで IE のアドオンとして追加される

「ツール」ー「アドオンの管理」に「ChromeFrame BHO」と表示されていれば「おk！」

Google Chromeエンジンの使用／不使用は「アドオンの管理」で「有効／無効」を切り替えるだけ

だけど・・・

そこまでして IE を使い続ける理由ってなんですか？

ちなみに、ブラウザ開発ではApple と Google はめっさ仲がいい

https://github.com/WebKit/webkit

ね！

逆もあるらしい

IE Tab

IE Tab を利用すると Firefox など他のブラウザの中で IE のレンダリングエンジンを利用することが出来る

Google Gears

Stopping the Gears です

現在、オープンソースとしては存在する

http://gearsblog.blogspot.jp/2011/03/stopping-gears.html

JavaScript による解釈HTML5タグ非対応のブラウザを JavaScript によりある程度解釈できる

html5.js

The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and provides basic HTML5 styling for Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x.

https://code.google.com/p/html5shiv/https://github.com/aFarkas/html5shiv

IE9.jsInternet Explorer の HTML/CSS表示を調整するライブラリIE5.5 から IE8 の表示を IE9 のようにW3C標準に近い形に補正する。

https://code.google.com/p/ie7-js/

ご清聴ありがとうございました