albatrosary's blog

UI/UXとエンタープライズシステム

Advent立ち上げ人なので責任持って初日は書くよ。 - HTML5 Advent Calendar 2015

HTML5も昨年正式勧告となり次のHTMLを目指し色々と楽しんでいると思いますが各ブラウザの実装状況は今日時点でどうなっているでしょうと去年とまったく同じで。このエントリーは「HTML5 Advent Calendar 2015」12月1日の記事です。

HTML5 TESTとは

HTML5 TESTとは555のチェックポイントから各ブラウザの実装状況をチャックするツールです。これは W3C が行っているものではなく github アカウント"NielsLeenheer"氏によるものです。

HTML5test - How well does your browser support HTML5?

NielsLeenheer/html5test · GitHub

ブラウザを点数評価してみる

Google Chrome [バージョン 46.0.2490.86 (64-bit)]

f:id:albatrosary:20151130215352p:plain

昨年:

f:id:albatrosary:20141201161519p:plain

Google Chrome Canary [バージョン 49.0.2577.0 canary (64-bit)]

f:id:albatrosary:20151130215451p:plain

昨年:

f:id:albatrosary:20141201161646p:plain

Safari [バージョン 9.0.1]

f:id:albatrosary:20151130215607p:plain

昨年:

f:id:albatrosary:20141201161744p:plain

Opera [バージョン 31.0]

f:id:albatrosary:20151130215710p:plain

昨年:

f:id:albatrosary:20141201162132p:plain

Firefox [バージョン 39.0 ]

f:id:albatrosary:20151130215812p:plain

昨年:

f:id:albatrosary:20141201162328p:plain

Firefox Developer Edition [44.0]

f:id:albatrosary:20151130215942p:plain

昨年:

f:id:albatrosary:20141201162406p:plain

Firefox Nightly [45.0]

f:id:albatrosary:20151130220042p:plain

昨年:

f:id:albatrosary:20141201170007p:plain

バリデーションチェック

ブラウザの点数はともかく、実装したときに書いたものが正しいのかチェックするサイトがあります。HTML、CSS、JavaScriptと揃ってますので確認すると良いです。

HTMLバリデーション

W3Cによる「Markup Validation Service」がありますので開発後のマークアップチェックはこちらで行うと良いです。

The W3C Markup Validation Service

CCSバリデーション

W3Cによる「CSS Validation Service」がありますので開発後のCSSチェックはこちらで行うと良いです。

The W3C CSS Validation Service

JavaScriptバリデーション

Ecma InternationalのTechnical Committee 39 (TC39) が作っているサイトです。ECMA Scriptのチェックはこちらで。

ECMAScript Language – test262

ベンチマークテスト

SunSpider (JavaScript のベンチマーク)

SunSpider は JavaScript のベンチマークです。このベンチマークは、コアをテストするJavaScriptの言語のみではなく、DOMまたは他のブラウザのAPIをテストします。これは、同じブラウザの異なるバージョン、および互いに異なるブラウザを比較するように設計されています。

SunSpider 1.0.2 JavaScript Benchmark

octane (JavaScript のベンチマーク)

octane も JavaScript のベンチマークです。こちらは Google製で SunSpider はAppleのWebkitチームが使っていたベンチマークテストです。

Octane  |  Google Developers

最後に

色々と諸事情があるようでという結果ですね。