Download pdf - Html5 and Browser

Transcript
Page 1: Html5 and Browser

HTML5と

ブラウザ

Page 2: Html5 and Browser

レポートの趣旨

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

Page 3: Html5 and Browser

自己紹介

Page 4: Html5 and Browser

Name:

佐川 夫美雄@albatrosary

http://ameblo.jp/sgw3a/

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

Page 5: Html5 and Browser

ブラウザ・ベース

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

Page 6: Html5 and Browser

Google Chrome Frame

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

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

つまり Trident 上で WebKit を動かす

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

Page 7: Html5 and Browser

使い方は簡単

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

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

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

Page 8: Html5 and Browser

だけど・・・

Page 9: Html5 and Browser

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

Page 10: Html5 and Browser

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

Page 12: Html5 and Browser

ね!

Page 13: Html5 and Browser

逆もあるらしい

Page 14: Html5 and Browser

IE Tab

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

Page 15: Html5 and Browser

Google Gears

Stopping the Gears です

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

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

Page 16: Html5 and Browser

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/

Page 17: Html5 and Browser

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


Recommended