Submit Search
Upload
Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
•
247 likes
•
222,987 views
Hiroshi Kawada
Follow
ドキュメントモード、もうだめみたい。 http://furoshiki.hatenadiary.jp/entry/2013/11/26/032352
Read less
Read more
Technology
Report
Share
Report
Share
1 of 88
Download now
Download to read offline
Recommended
SeleniumConf16 UK参加報告
SeleniumConf16 UK参加報告
Osamu Shimoda
完全負け組なモバイルWebが、これから復活する(多分)
完全負け組なモバイルWebが、これから復活する(多分)
Hiroshi Kawada
真の爆速は速すぎて見えない 〜 大組織におけるリーン・スタートアップ
真の爆速は速すぎて見えない 〜 大組織におけるリーン・スタートアップ
Taro Kawai
TOCから俯瞰するリーンスタートアップ
TOCから俯瞰するリーンスタートアップ
Taro Kawai
リーンとかいろいろあるけどどう違うの
リーンとかいろいろあるけどどう違うの
Taro Kawai
What is and isn't lean startup
What is and isn't lean startup
Taro Kawai
ドキュメントを作りたくなってしまう魔法のツールSphinx
ドキュメントを作りたくなってしまう魔法のツールSphinx
Takayuki Shimizukawa
hbstudy#6LTyuzorock
hbstudy#6LTyuzorock
yuzorock
Recommended
SeleniumConf16 UK参加報告
SeleniumConf16 UK参加報告
Osamu Shimoda
完全負け組なモバイルWebが、これから復活する(多分)
完全負け組なモバイルWebが、これから復活する(多分)
Hiroshi Kawada
真の爆速は速すぎて見えない 〜 大組織におけるリーン・スタートアップ
真の爆速は速すぎて見えない 〜 大組織におけるリーン・スタートアップ
Taro Kawai
TOCから俯瞰するリーンスタートアップ
TOCから俯瞰するリーンスタートアップ
Taro Kawai
リーンとかいろいろあるけどどう違うの
リーンとかいろいろあるけどどう違うの
Taro Kawai
What is and isn't lean startup
What is and isn't lean startup
Taro Kawai
ドキュメントを作りたくなってしまう魔法のツールSphinx
ドキュメントを作りたくなってしまう魔法のツールSphinx
Takayuki Shimizukawa
hbstudy#6LTyuzorock
hbstudy#6LTyuzorock
yuzorock
Out systemsaichiusermeeting#5 lt2
Out systemsaichiusermeeting#5 lt2
潤司 渡部
おすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップ
Koichiro Sumi
Roo
Roo
terahide
Meets IT and PUSH 2015 東京キーノート
Meets IT and PUSH 2015 東京キーノート
Akira Hatsune
10/2勉強会資料 ~IaaSを知る前にサーバを知ろう~
10/2勉強会資料 ~IaaSを知る前にサーバを知ろう~
Dai Iwai
Eject-io (OSC2014 Tokyo/Fall 懇親会LT)
Eject-io (OSC2014 Tokyo/Fall 懇親会LT)
Takeshi HASEGAWA
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Osamu Shimoda
FxOSはウェアラブルデバイスの夢を見るか?
FxOSはウェアラブルデバイスの夢を見るか?
Masakazu Muraoka
CentOS7にD8を入れてみた
CentOS7にD8を入れてみた
masayoshi shiraishi
賢くツールを使って脱人海戦術駆動テスト
賢くツールを使って脱人海戦術駆動テスト
Mitsuru Ogawa
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
Mitsuru Ogawa
「ディープラーニングでは、エコシステムが大切よ!」
「ディープラーニングでは、エコシステムが大切よ!」
Mr. Vengineer
PCCC22:株式会社アックス テーマ1「俺ASICとロボットと論理推論AI」
PCCC22:株式会社アックス テーマ1「俺ASICとロボットと論理推論AI」
PC Cluster Consortium
Hyper-V エンタープライズ設計の現実解:2015 年版
Hyper-V エンタープライズ設計の現実解:2015 年版
Daichi Ogawa
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
Akihiro Kuwano
NoOps で変わる 人とシステムの関わりかた
NoOps で変わる 人とシステムの関わりかた
Hiromasa Oka
インフラエンジニア必見!勉強会の歩き方
インフラエンジニア必見!勉強会の歩き方
真俊 横田
第4回 SoftLayer勉強会 資料
第4回 SoftLayer勉強会 資料
Naoki Shibata
Ansibleはじめよぉ -Infrastructure as Codeを理解-
Ansibleはじめよぉ -Infrastructure as Codeを理解-
Shingo Kitayama
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol1
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol1
近藤 繁延
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
More Related Content
Similar to Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
Out systemsaichiusermeeting#5 lt2
Out systemsaichiusermeeting#5 lt2
潤司 渡部
おすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップ
Koichiro Sumi
Roo
Roo
terahide
Meets IT and PUSH 2015 東京キーノート
Meets IT and PUSH 2015 東京キーノート
Akira Hatsune
10/2勉強会資料 ~IaaSを知る前にサーバを知ろう~
10/2勉強会資料 ~IaaSを知る前にサーバを知ろう~
Dai Iwai
Eject-io (OSC2014 Tokyo/Fall 懇親会LT)
Eject-io (OSC2014 Tokyo/Fall 懇親会LT)
Takeshi HASEGAWA
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Osamu Shimoda
FxOSはウェアラブルデバイスの夢を見るか?
FxOSはウェアラブルデバイスの夢を見るか?
Masakazu Muraoka
CentOS7にD8を入れてみた
CentOS7にD8を入れてみた
masayoshi shiraishi
賢くツールを使って脱人海戦術駆動テスト
賢くツールを使って脱人海戦術駆動テスト
Mitsuru Ogawa
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
Mitsuru Ogawa
「ディープラーニングでは、エコシステムが大切よ!」
「ディープラーニングでは、エコシステムが大切よ!」
Mr. Vengineer
PCCC22:株式会社アックス テーマ1「俺ASICとロボットと論理推論AI」
PCCC22:株式会社アックス テーマ1「俺ASICとロボットと論理推論AI」
PC Cluster Consortium
Hyper-V エンタープライズ設計の現実解:2015 年版
Hyper-V エンタープライズ設計の現実解:2015 年版
Daichi Ogawa
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
Akihiro Kuwano
NoOps で変わる 人とシステムの関わりかた
NoOps で変わる 人とシステムの関わりかた
Hiromasa Oka
インフラエンジニア必見!勉強会の歩き方
インフラエンジニア必見!勉強会の歩き方
真俊 横田
第4回 SoftLayer勉強会 資料
第4回 SoftLayer勉強会 資料
Naoki Shibata
Ansibleはじめよぉ -Infrastructure as Codeを理解-
Ansibleはじめよぉ -Infrastructure as Codeを理解-
Shingo Kitayama
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol1
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol1
近藤 繁延
Similar to Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
(20)
Out systemsaichiusermeeting#5 lt2
Out systemsaichiusermeeting#5 lt2
おすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップ
Roo
Roo
Meets IT and PUSH 2015 東京キーノート
Meets IT and PUSH 2015 東京キーノート
10/2勉強会資料 ~IaaSを知る前にサーバを知ろう~
10/2勉強会資料 ~IaaSを知る前にサーバを知ろう~
Eject-io (OSC2014 Tokyo/Fall 懇親会LT)
Eject-io (OSC2014 Tokyo/Fall 懇親会LT)
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
FxOSはウェアラブルデバイスの夢を見るか?
FxOSはウェアラブルデバイスの夢を見るか?
CentOS7にD8を入れてみた
CentOS7にD8を入れてみた
賢くツールを使って脱人海戦術駆動テスト
賢くツールを使って脱人海戦術駆動テスト
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
「ディープラーニングでは、エコシステムが大切よ!」
「ディープラーニングでは、エコシステムが大切よ!」
PCCC22:株式会社アックス テーマ1「俺ASICとロボットと論理推論AI」
PCCC22:株式会社アックス テーマ1「俺ASICとロボットと論理推論AI」
Hyper-V エンタープライズ設計の現実解:2015 年版
Hyper-V エンタープライズ設計の現実解:2015 年版
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
NoOps で変わる 人とシステムの関わりかた
NoOps で変わる 人とシステムの関わりかた
インフラエンジニア必見!勉強会の歩き方
インフラエンジニア必見!勉強会の歩き方
第4回 SoftLayer勉強会 資料
第4回 SoftLayer勉強会 資料
Ansibleはじめよぉ -Infrastructure as Codeを理解-
Ansibleはじめよぉ -Infrastructure as Codeを理解-
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol1
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol1
Recently uploaded
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
Recently uploaded
(7)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
1.
Internet ExplorerはIE特化アプリから 一時的に日本を救ってくれたけど 次回はもう助けてくれないよという警告 @kawada_hiroshi 2013.11.22
2.
講演者紹介 NTTコムウェア株式会社 技術SE部 川田 寛 html5j Enterprise コミュニティ部長 業務システムのための HTML5勉強会 主催(計6回) 人間中心設計推進機構
正会員
3.
IE6が優秀過ぎて Perl, PHP, ASP,
Java 企業システムの Web化が加速した
4.
強者はサーバサイドエンジニア HTMLとかどうでもいいし! ブラウザなんて書けば動く IE6で動けばいい!!
5.
IE6での動作が前提な マークアップの嵐 あやしいコード・・・ 思考の停止
6.
思考の停止 テーブルレイアウト <html> <table> <tr> CSSでやってほしい・・・ <td> <table> <tr> <td> <table> <tr> <td> <!-- システム名 --> <h1>日本を支えるシステム</h1> </td> <td> <tr><frameset><frame=hoge.html></frameset>
7.
非推奨タグの利用 思考の停止 <html> <table> <tr> <td> <table> <tr> <td> <table> <tr> <td> <!-- システム名 --> <h1>日本を支えるシステム</h1> </td> <td> <tr><frameset><frame=hoge.html></frameset> スクロールバーが欲しいだけですよね・・・
8.
<!DOCTYPE html>と書いてほしい・・・ <html> <table> <tr> <td> <table> <tr> <td> <table> <tr> <td> <!-- システム名
--> <h1>日本を支えるシステム</h1> </td> <td> <tr><frameset><frame=hoge.html></frameset> DOCTYPE宣言の不在 思考の停止
9.
<head><body><title>と書いてほしい・・・ <html> <table> <tr> <td> <table> <tr> <td> <table> <tr> <td> <!-- システム名 --> <h1>日本を支えるシステム</h1> </td> <td> <tr><frameset><frame=hoge.html></frameset> 思考の停止 作法無視のマークアップ
10.
そして2014年4月・・・ とうとうWindowsXPの強引な延命が終了 IE6終了 SEがIE6に特化しWeb技術と向き合わない 失われた12年もここで終了
11.
IE移行に戸惑う企業システム ざわ… ざわ… ざわ… ざわ… ざわ… 日本の産業が窮地に立たされる!!
12.
動いた!? ビジネスが止まらずに済んだ 企業が、産業が、そして 国が守られた!!!!!
13.
今回もなんとかなったし これからもきっと大丈夫!! The Department for
Culture, Media and Sport http://www.flickr.com/photos/49429730@N08/
14.
適当でいいんだよ ブラウザ側なんて!!!
15.
めでたしめでたし!
16.
この時、誰もが平和を 自分たちの手によって勝ち取ったと 思い込んでいた…
17.
しかしこのストーリーには 知られざる秘話があったのです
18.
どうやって移行したのか?
19.
ドキュメントモード 古いIEの動作をエミュレートする機能 IEは過去のレンダリングエンジンを持っている IE8向け HTMLドキュメント Internet Explorer 10 5 7 8 9 Webページ
20.
HTML3.2以下のWebシステム (∼2002)
21.
IE5 HTMLドキュメント Internet Explorer 5 5 Webページ
22.
IE5→IE5.5→IE6 HTMLドキュメント Internet Explorer 6 Webページ Quirks 6 HTML3.2以前専用の レンダリングエンジン (ドキュメントモード)
23.
IE6→IE7 HTMLドキュメント Internet Explorer 7 Webページ Quirks 7 HTML3.2以前専用の レンダリングエンジン (ドキュメントモード)
24.
IE7→IE8 HTMLドキュメント Internet Explorer 8 Webページ Quirks 7 Standard ドキュメントモード HTML3.2以前専用の レンダリングエンジン (ドキュメントモード)
25.
IE8→IE9 HTMLドキュメント Internet Explorer 9 Webページ Quirks 7 8 Standard ドキュメントモード HTML3.2以前専用の レンダリングエンジン (ドキュメントモード)
26.
IE9→IE10 HTMLドキュメント Internet Explorer 10 Webページ 5quirks Quirks 7 8 9 Standard ドキュメントモード HTML3.2以前専用の レンダリングエンジン (ドキュメントモード)
27.
Quirksモード ※ IE10ではIE5 quirksという 3.2以下のHTMLドキュメントに対して IE5互換の動作を提供する機能 起動条件 ・IE6∼10でDOCTYPE宣言が無い場合はQuirks ・IE6∼10でDOCTYPE宣言が3.2以下
or 4.01の一部はQuirks ・IE8∼11でX-UA-CompatibleがIE=IE5∼6はQuirks ・IE8∼11でF12開発者ツールのドキュメントモードでQuirks
28.
あえてQuirksを指定することがある IE7までは独自仕様色が強くバージョン依存。 IE7までは互換表示機能が無い。 IE6を含め1ソースで同一動作させる方法は? Quirksモードがあるじゃないか!! ↑ Windows7が広がるまでの間横行していた。 だいたい2010年頃までのシステムに含まれるはず ↑ しかも設計書に書かれていない上テスト時にチェックして いないことが多く、発注元が意識していない可能性がある
29.
HTML4.01/XHTML1.0/HTML5 イントラネット内Webシステム (2002∼)
30.
IE6 HTMLドキュメント Internet Explorer 6 6 Webページ
31.
IE6→IE7 HTMLドキュメント Internet Explorer 9 Quirks 7 Webページ
32.
IE7→IE8 HTMLドキュメント Internet Explorer 9 Webページ Quirks 7 Standard ドキュメントモード [互換表示] IE独自実装を多く含む HTMLドキュメント専用 レンダリングエンジン (ドキュメントモード)
33.
IE8→IE9 HTMLドキュメント Internet Explorer 9 Webページ Quirks 7 8 Standard ドキュメントモード [互換表示] IE独自実装を多く含む HTMLドキュメント専用 レンダリングエンジン (ドキュメントモード)
34.
IE9→IE10 HTMLドキュメント Internet Explorer 10 Webページ Quirks 7 5quirks 8 9 Standard ドキュメントモード [互換表示] IE独自実装を多く含む HTMLドキュメント専用 レンダリングエンジン (ドキュメントモード)
35.
イントラネット互換表示 イントラネットゾーン上のWebシステムへ IE7の動作を提供する機能 IE8+ → IT管理者は、大抵これを有効化する!!
36.
業務システムに対する ドキュメントモードの状態
37.
各IE上でのドキュメントモード状況 5 5 6 7 8 9 10 6 7 8 9 10
38.
各IE上でのドキュメントモード状況 5 5 Standard 6 7 8 9 10 6 7 8 9 10
39.
各IE上でのドキュメントモード状況 5 6 7 Standard 5 Quirks 6 7 8 9 10 Quirks Standard Standard 8 9 10
40.
各IE上でのドキュメントモード状況 5 6 7 Standard 5 Quirks 6 7 8 9 10 8 9 10 Standard Quirks Quirks Quirks IE5 quirks Standard Standard Standard Standard イントラネット互換表示の利用で IE8以上へ進めない
41.
各IE上でのドキュメントモード状況 5 6 7 Standard 5 Quirks 6 Standard 独自実装 Standard 7 主義時代 Quirks Standard 8 Quirks ActiveXなど Standard 9 10 Quirks Quirks Standard 8 9 10 標準準拠 主義時代 HTML5など イントラネット互換表示の利用で IE8以上へ進めない
42.
イントラネット上の企業システムは 技術者が移行したのではなく 保守的なIEによって守られていただけだった
43.
私たちは一体、何を移行したのでしょう!? 実は企業システムのIE移行 まだ終わってませんでした!
44.
互換表示 ✕ Quirksモード 開発者とIT管理者による 2段構えのレガシーIEジェイル構造 つまりIEが日本を救った!!
45.
互換表示 ✕ Quirksモード これで万事解決!
46.
めでたしめでたし!
47.
本当の悪夢はここから始まる
48.
IE11が1ヶ月前にリリースされました http://blogs.msdn.com/b/ie/archive/2013/11/07/ie11-for-windows-7-globallyavailable-for-consumers-and-businesses.aspx
49.
各IE上でのドキュメントモード状況 5 6 7 Standard 5 Quirks 6 7 8 9 10 Quirks Quirks Quirks Quirks 8 9 Standard Standard Standard Standard Standard 互換表示機能 10
50.
各IE上でのドキュメントモード状況 5 6 7 Standard 5 Quirks 6 7 8 9 10 11 Quirks Quirks Quirks Quirks Standard Standard Standard Standard Standard 8 9 10 11 !? 互換表示機能
51.
IE11からドキュメントモード 非推奨 になりました!
52.
Quirksモード → 廃止 DOCTYPEスイッチ+X-UA-Compatibleという裏ワザあり。 参考:
http://furoshiki.hatenadiary.jp/entry/2013/11/27/203728 互換表示 → 機能制限化 イントラネットはOKギリ動作。互換表示ボタンはアウト。 ※次版以降から削除を仄めかしている ドキュメントモード、 次版から完全消滅かも。
53.
ドキュメント モードの非推奨(Internet Explorer) http://msdn.microsoft.com/ja-jp/library/ie/dn384051(v=vs.85).aspx
54.
ドキュメント モードの非推奨(Internet Explorer) http://msdn.microsoft.com/ja-jp/library/ie/dn384051(v=vs.85).aspx ざわ… ざわ… ざわ… ざわ…
55.
IE11 の互換性の変更点(MSDN) http://msdn.microsoft.com/ja-jp/library/dn384049.aspx
56.
IE11 の互換性の変更点(MSDN) http://msdn.microsoft.com/ja-jp/library/dn384049.aspx ざわ… ざわ… ざわ… ざわ… ざわ… ざわ… ざわ… ざわ… ざわ… ざわ… ざわ… ざわ… ざわ… ざわ… ざわ…
57.
大切な、大切な、 レガシーIEシステムを どうやって維持するのか?
58.
ドキュメント モードの非推奨 http://msdn.microsoft.com/ja-jp/library/ie/dn384051(v=vs.85).aspx
59.
ドキュメント モードの非推奨 http://msdn.microsoft.com/ja-jp/library/ie/dn384051(v=vs.85).aspx ・・・ 要改修です
60.
レガシー&IE特化システムを 改修するために 残された時間はあと何年?
61.
MicrosoftのN+1サポートから考えられる IE10が利用できる最長期間 Windows8(IE10) → 8.1(IE11) -
2023.1.10(約9年2ヶ月) 大抵の人はかなり後と… 後9年だと思っているが
62.
MicrosoftのN+1サポートから考えられる IE10が利用できる最長期間 ✕ Windows8(IE10) →
⃝ Windows8.1(IE11) - 2023.1.10(約9年2ヶ月) ※Win8.1はWin8のサービスパック扱い。(ライフライクルポリシー) リリース後2年以内にアップデート必須。つまりIE11へ強制アップグレード Win8は残り2年しか使えない 移行先はIE11+で確定です。
63.
MicrosoftのN+1サポートから考えられる IE10が利用できる最長期間 ✕ Windows8(IE10) →
⃝ Windows8.1(IE11) - 2023.1.10(約9年2ヶ月) Windows7(IE8) - 2020.1.14(約6年2ヶ月) → OS移行期間を1年とみなすと 正解:約5年
64.
5年で今度こそ レガシーIEシステムの完全移行を 完了させなくてはいけません!!
65.
エンタープライズの世界の5年とは? 概算で開発1年+運用5年の世界 なので・・・ 現在開発中のものも全部 IE11想定で開発が必要です。
66.
IE11=HTML5
67.
エンタープライズで HTML5特需が発生!
68.
Microsoft酷くね?
69.
これでも限界まで 引っ張った方です
70.
IE11のドキュメントモードが悲鳴を上げる EmulateIE5 Quirks EmulateIE7 EmulateIE8 EmulateIE9
EmulateIE10 Quirks Quirks Quirks Edge 5quirks Quirks Standard 7 Standard 7 8 Standard どうしよう、DOCTYPEスイッチが Quirks 7 8 9 7 8 9 10 Standard いくら頑張っても動かないの! 参考 → http://furoshiki.hatenadiary.jp/entry/2013/11/25/014726 Edge
71.
Microsoft的にはこうしたい Edgeのみ!
72.
Microsoftが守ろうとしているのは バッドプラクティスでなく テクノロジーの正しい進化です。
73.
可搬できるデスクトップ それがWin8です。
74.
企業システムを守るだけでなく 世の中へ適合させようとしている
75.
IEから見たWinOSの姿 Windows7 = デスクトップPC IE8は標準準拠に力を入れたデスクトップ向けブラウザ Windows8∼
≒ デスクトップPC Windows8∼ ≒ スマートデバイス IE10∼はモバイル環境下での利用も想定したブラウザ ※RTとかそういうの、IEから見れば些細な問題です。
76.
仕事をやり方を変えたくない人 =今までどおりに活用 ITの力でより最適化を行いたい人 =新しいプラットフォームとして活用 そんなOSになります。
77.
10秒で理解する忙しい人のための IE11対応のガイドライン 1. HTLM5標準で作る 2. マルチデバイスに配慮する 3.
NWは遅いという前提で作る
78.
互換性のガイドラインとベスト プラクティス http://msdn.microsoft.com/ja-jp/library/ie/gg130949(v=vs.85).aspx
79.
Microsoftの公式ドキュメントが あまりSI向けじゃないので・・・ SI環境に合わせてアレンジしてみました
80.
私のブログですみません・・・。 今不眠でガイドライン作ってます http://furoshiki.hatenadiary.jp/entry/guideline
81.
書籍化の予定 → 未定
82.
<<Appendix>> お客様説明時に使える Microsoft公式ドキュメント集
83.
お客様、Windows7のサポートはあと6年です! http://www.microsoft.com/ja-jp/windows/lifecycle/default.aspx#vista そして、次のOSはWindows8.1以上が確定です http://support.microsoft.com/gp/msl-Windows-81/ja Windows8.1の場合、IEのバージョンは11になります http://windows.microsoft.com/ja-jp/windows-8/browse-web-internetexplorer-tutorial IE11はドキュメントモードが非推奨になりました http://msdn.microsoft.com/ja-jp/library/ie/dn384051(v=vs.85).aspx → Quirks/互換表示モードを使っていると要改修です。
84.
Win8からデスクトップにもタブレットにもなります http://windows.microsoft.com/ja-jp/windows-8/meet IE10からは、動作がバージョン依存では無くなります http://msdn.microsoft.com/ja-jp/library/ie/ff986088(v=vs.85).aspx Web技術なら高いポータビリティで解決できます http://msdn.microsoft.com/ja-jp/library/ie/hh920754(v=vs.85).aspx → つまり、HTML5最強です。ってあれ?
85.
<<Appendix>> フロントエンドを正しく 作りたい人へ
86.
3行でわかる相互運用性 Compat Inspector Fiddler Modern.IE 発表時間が無いので、また今度!
87.
HTML5使えるのか?じゃなく使わざる得なくなった そんなお話でした。
88.
Thank You ! @kawada_hiroshi
Download now