初代編集長ブログ―安田英久

IE 9とIE 10を無視できる日まであと40日! これでCSS3も心置きなく実装できる!?

Windows Vistaのサポート終了で、IE 9もIE 10もサポートすべきブラウザから消えます!
Web担のなかの人

今日は小ネタですが、内容は大きいです。サイトでサポートするブラウザからIE 9やIE 10をを切り捨てて、IE 11だけ気にすればよくなる日が近づいています。つまり、HTML5やCSS 3を安心して使えるようになるということです。Vistaのサポートが終了する4月11日が待ち遠しいですね!

Windows Vista SP2の延長サポートは2017年4月11日に終了

4月11日から、IE 9もIE 10もサイトでサポートしなくてよくなります。

というのも、マイクロソフトは、Windows Vista Service Pack 2(Vistaの最終バージョン)の延長サポートを2017年4月11日に終了するのです。

「延長サポート」とは、メインストリームサポートが終了したあとに、セキュリティ更新プログラムを提供するサポート期間です。延長サポートが終了するということは、セキュリティに問題があっても修正されなくなるということであり、その製品を使い続けることのリスクが非常に大きくなることを意味します。

つまり、今年の4月11日以降は、サイトとしても公式な推奨環境(閲覧環境)としてWindows Vistaをサポートする必要がなくなります。

そして、これにより、デスクトップ向けWindowsでサポートされるIEはすべてIE 11になります。あなたのサイトでは、IE 9もIE 10もサポートする必要がなくなるのです。サイト制作のときに気にする必要があるIEはInternet Explorer 11だけになるのです!

Vistaのサポートが正式に終了すれば、残るデスクトップ向けWindowsがサポートするIEは11だけになります。

※実際にはサーバー向けWindowsでは4月11日以降もIE 9やIE 10を使えるOSがマイクロソフトのサポート対象として残っているのですが、一般の人が使うOSではないので、ここでは対象外としています。

IE 11で使えるようになるCSSやHTML5の機能

では、IE 9とIE 10を無視してよくなれば、サイト制作でどんな良いことがあるのでしょうか。

端的に言えば、これまでは「まだIE 9とか使ってる人にはうまく表示できないからなー、数は少ないけど存在することはするし」と遠慮していたCSS 3やHTML5の機能を、かなり安心して使えるようになり、さらにhtml5shiv.jsなどを使う必要もなくなります。

IE 9では使えなかったけれどもIE 11で使えるものには、たとえばこんなものがあります。

CSS

HTML5

ここで挙げたものは一部です。詳細な比較は、「Can I use...」のブラウザ比較などで確認してください。

calc() as CSS unit value
Resource Hints: dns-prefetch
defer attribute for external scripts
input event
maxlength attribute for input and textarea elements
DOM Parsing and Serialization
Basic console logging functions
ECMAScript 5
Element.insertAdjacentHTML()
rem (root em) units
dataset & data-* attributes
Cross-Origin Resource Sharing
CSS page-break properties
CSS writing-mode property
CSS text-justify
CSS scrollbar styling
:indeterminate CSS pseudo-class
CSS text-indent
CSS3 Overflow-wrap
TTF/OTF - TrueType and OpenType font support
Viewport units: vw, vh, vmin, vmax
Font unicode-range subsetting
CSS3 text-align-last
ch (character) unit
Media Queries: resolution feature
Crisp edges/pixelated images
Mutation events
disabled attribute of the fieldset element
matches() DOM method
CustomEvent
scrollIntoView
Drag and Drop
New semantic elements
Ruby annotation
Cross-document messaging
Clipboard API
Data URIs
WAI-ARIA Accessibility features
CSS Paged Media (@page)
SVG effects for HTML
CSS Exclusions Level 1
CSS user-select: none
CSS touch-action property
:optional CSS pseudo-class
CSS3 Text-shadow
CSS3 Multiple column layout
CSS Hyphenation
CSS3 Transitions
CSS font-feature-settings
CSS Animation
CSS Gradients
CSS Repeating Gradients
async attribute for external scripts
matchMedia
Offline web applications
Form validation
Session history management
Spellcheck attribute
Range input type
Number input type
sandbox attribute for iframes
input placeholder attribute
accept attribute for file input
Multiple file selection
Autofocus attribute
Pattern attribute for input fields
Audio Tracks
Email, telephone & URL input types
progress element
Search input type
Attributes for form submission
Web Workers
Web Sockets
Blob constructing
Blob URLs
requestAnimationFrame
Page Visibility
Channel messaging
High Resolution Time API
User Timing API
Resource Timing
Base64 encoding and decoding
Efficient Script Yielding: setImmediate()
FileReaderSync
ECMAScript 5 Strict Mode
WebVTT - Web Video Text Tracks
SVG filters
Pointer events
Typed Arrays
CSS Grid Layout
::placeholder CSS pseudo-element
CSS Device Adaptation
CSS Scroll snap points
CSS3 3D Transforms
Flexible Box Layout Module
CSS Regions
classList (DOMTokenList)
XMLHttpRequest advanced features
HTML5 form features
Datalist element
IndexedDB
File API
FileReader API
Content Security Policy 1.0
CSS3 Border images
CSS pointer-events (for HTML)
Window.devicePixelRatio
WebGL - 3D Canvas graphics
Resource Hints: prefetch
Resource Hints: Lazyload
Resource Hints: prerender
Mutation Observer
hidden attribute
PNG favicons
PageTransitionEvent
Internationalization API
crypto.getRandomValues()
Input Method Editor API
const
let
SPDY protocol
Strict Transport Security
TLS 1.2
TLS 1.1
Media Source Extensions
DeviceOrientation & DeviceMotion events
Full Screen API
Web Cryptography
Screen Orientation
HTTP/2 protocol
IE 9、IE 10、IE 11がサポートしている機能の比較(Can I use...より)
この記事が役に立ったらシェア!
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

リテンション
既存顧客との良好な関係を保つこと。それを目的とした施策を、リテンションマーケティ ...→用語集へ

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]