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
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 88
Download now
Download to read offline
Recommended
2016/12/18 第4回 日本Seleniumユーザーコミュニティ勉強会 で発表したSeleniumConf16 UKの参加報告資料です。 (発表者:石川真也@hifive Team, NSSOL)
SeleniumConf16 UK参加報告
SeleniumConf16 UK参加報告
Osamu Shimoda
Googleさんならきっと、やってくれる(多分)
完全負け組なモバイルWebが、これから復活する(多分)
完全負け組なモバイルWebが、これから復活する(多分)
Hiroshi Kawada
IBMが2013年10月28日に都内で開催したイベント「IBM Innovate 2013」の特別講演のスライド。 ・スループットは瞬間値ではなく積分値 ・言霊としての爆速
真の爆速は速すぎて見えない 〜 大組織におけるリーン・スタートアップ
真の爆速は速すぎて見えない 〜 大組織におけるリーン・スタートアップ
Taro Kawai
「Lean Startup Update!! 2015」で発表したプレゼンです。 TOC(Theory Of Constraints)の視点からリーンスタートアップを再構成してみました。 https://atnd.org/events/60368?k=14c762c0fefa29d590d551107762a408
TOCから俯瞰するリーンスタートアップ
TOCから俯瞰するリーンスタートアップ
Taro Kawai
リーンとかスクラムとかデザイン思考とかいろいろあるけど、どう違うのかといったら実は根っこは全部同じで、違うのはフォーカスする部分です。この視点を持てばリーンの本質的な部分が理解できます。
リーンとかいろいろあるけどどう違うの
リーンとかいろいろあるけどどう違うの
Taro Kawai
What is and isn't lean startup
What is and isn't lean startup
Taro Kawai
http://sphinx-users.jp/event/20101203_jus_benkyoukai.html 日本UNIXユーザ会 2010年12月勉強会 (2010/12/3) 日本UNIXユーザ会の2010年12月の勉強会にて、以下の内容で発表させていただきました。 「ドキュメントを作りたくなってしまう魔法のツール Sphinx」
ドキュメントを作りたくなってしまう魔法のツールSphinx
ドキュメントを作りたくなってしまう魔法のツールSphinx
Takayuki Shimizukawa
hbstudy#6LTyuzorock
hbstudy#6LTyuzorock
yuzorock
Recommended
2016/12/18 第4回 日本Seleniumユーザーコミュニティ勉強会 で発表したSeleniumConf16 UKの参加報告資料です。 (発表者:石川真也@hifive Team, NSSOL)
SeleniumConf16 UK参加報告
SeleniumConf16 UK参加報告
Osamu Shimoda
Googleさんならきっと、やってくれる(多分)
完全負け組なモバイルWebが、これから復活する(多分)
完全負け組なモバイルWebが、これから復活する(多分)
Hiroshi Kawada
IBMが2013年10月28日に都内で開催したイベント「IBM Innovate 2013」の特別講演のスライド。 ・スループットは瞬間値ではなく積分値 ・言霊としての爆速
真の爆速は速すぎて見えない 〜 大組織におけるリーン・スタートアップ
真の爆速は速すぎて見えない 〜 大組織におけるリーン・スタートアップ
Taro Kawai
「Lean Startup Update!! 2015」で発表したプレゼンです。 TOC(Theory Of Constraints)の視点からリーンスタートアップを再構成してみました。 https://atnd.org/events/60368?k=14c762c0fefa29d590d551107762a408
TOCから俯瞰するリーンスタートアップ
TOCから俯瞰するリーンスタートアップ
Taro Kawai
リーンとかスクラムとかデザイン思考とかいろいろあるけど、どう違うのかといったら実は根っこは全部同じで、違うのはフォーカスする部分です。この視点を持てばリーンの本質的な部分が理解できます。
リーンとかいろいろあるけどどう違うの
リーンとかいろいろあるけどどう違うの
Taro Kawai
What is and isn't lean startup
What is and isn't lean startup
Taro Kawai
http://sphinx-users.jp/event/20101203_jus_benkyoukai.html 日本UNIXユーザ会 2010年12月勉強会 (2010/12/3) 日本UNIXユーザ会の2010年12月の勉強会にて、以下の内容で発表させていただきました。 「ドキュメントを作りたくなってしまう魔法のツール Sphinx」
ドキュメントを作りたくなってしまう魔法のツールSphinx
ドキュメントを作りたくなってしまう魔法のツールSphinx
Takayuki Shimizukawa
hbstudy#6LTyuzorock
hbstudy#6LTyuzorock
yuzorock
OutSystems愛知ユーザー会 #5のLT用スライド。OutSystemsで日本語を扱う際のポイント
Out systemsaichiusermeeting#5 lt2
Out systemsaichiusermeeting#5 lt2
潤司 渡部
スタートアップに勝手にオススメなインフラをまとめてみました。 https://www.facebook.com/actcatinc ↑ぜひFBページいいねおねがいします!w。定期的に情報シェアさせて頂きます。
おすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップ
Koichiro Sumi
2011/08/01のJSUGでプレゼンテーションした資料です。
Roo
Roo
terahide
本日の主旨 AED設置状況 AED使用率 AEDオープンデータプラットフォームの状況
Meets IT and PUSH 2015 東京キーノート
Meets IT and PUSH 2015 東京キーノート
Akira Hatsune
2020/10/2に社内の有志向け勉強会で若手から「IaaSのスペックをどうするかを決めるための材料にしたいのでサーバの事を一度教えて欲しい」というリクエストで作成しました。 ※ありきたりな話ばっかですが、最近は物理サーバを組むなんて事も少なくなってきたのでそれはそれで新鮮だったようです。
10/2勉強会資料 ~IaaSを知る前にサーバを知ろう~
10/2勉強会資料 ~IaaSを知る前にサーバを知ろう~
Dai Iwai
Eject-io is a general purpose I/O interface that uses CD-ROM interface on USB Mass Storage class. This presentation is designed for two minutes lightning talk at Open Source Conference 2014 Tokyo Fall, held in Oct 2014 at Meisei University. Thanks for @akkiesoft!
Eject-io (OSC2014 Tokyo/Fall 懇親会LT)
Eject-io (OSC2014 Tokyo/Fall 懇親会LT)
Takeshi HASEGAWA
http://www.htmlhifive.com/ 第3回企業Webシステム開発セミナー 資料 「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Osamu Shimoda
FxOSはウェアラブルデバイスの夢を見るか?
FxOSはウェアラブルデバイスの夢を見るか?
Masakazu Muraoka
Drupal8 Release PartyでLTをした資料です。
CentOS7にD8を入れてみた
CentOS7にD8を入れてみた
masayoshi shiraishi
社内で話した内容です。テストもっと楽したいな〜^^
賢くツールを使って脱人海戦術駆動テスト
賢くツールを使って脱人海戦術駆動テスト
Mitsuru Ogawa
2013/11/09 JJUG CCCでの発表資料です。
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
Mitsuru Ogawa
2018年2月16日(金)に開催された雑誌インターフェース2018年2月号オフ会にてお話した内容です。 「ディープラーニングでは、エコシステムが大切よ!」 雑誌インターフェース2018年2月号オフ会 http://www.kumikomi.net/interface/contents/201802_off.php
「ディープラーニングでは、エコシステムが大切よ!」
「ディープラーニングでは、エコシステムが大切よ!」
Mr. Vengineer
PCクラスタコンソーシアムの開催する PCCC22(第22回PCクラスタシンポジウム)「HPCシステム技術の最前線」 会員展示として公開中のスライドです。 詳細は下記のWebサイトへお越しください。 ▽PCCC22 「HPCシステム技術の最前線」 (2022年12月5日~6日) https://www.pccluster.org/ja/event/pccc22/
PCCC22:株式会社アックス テーマ1「俺ASICとロボットと論理推論AI」
PCCC22:株式会社アックス テーマ1「俺ASICとロボットと論理推論AI」
PC Cluster Consortium
2015 年 2 月 28 日 (金) に開催した、第 1 回 Tech Fielders × Cloud Samurai Roadshow でのセッション資料です。
Hyper-V エンタープライズ設計の現実解:2015 年版
Hyper-V エンタープライズ設計の現実解:2015 年版
Daichi Ogawa
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
Akihiro Kuwano
2018年6月8日に京都でお話した資料です。
NoOps で変わる 人とシステムの関わりかた
NoOps で変わる 人とシステムの関わりかた
Hiromasa Oka
ITに関係する勉強会は毎日のように開催されています。 これだけ勉強会の数が多いと、どのようなIT系の勉強会があって、自分が関心がある勉強会がいつ開催されるのか、わからない人も多いですよね。 今回は、近年人気のある勉強会の紹介から始め、勉強会という視点以外からも、技術情報のキャッチアップする方法やその心構えについて紹介します。 さらに、より踏み込んだ勉強会への参加のためにはLTへの参加など、登壇することも重要な一つです。 今まで踏み込めなかった皆さんでも、すこしだけ発表がしやすくなるような、登壇のコツも紹介できればと思っています。
インフラエンジニア必見!勉強会の歩き方
インフラエンジニア必見!勉強会の歩き方
真俊 横田
第4回 SoftLayer勉強会 資料
第4回 SoftLayer勉強会 資料
Naoki Shibata
■Description Ansible実践ガイド -入門編- http://amzn.asia/ebi7wIz ※上記の書籍内容に基づいて作成を行っています。 ■Target ・これからAnsibleを学びたい方 ・Ansibleとは何かを知りたい方 ・Ansibleと他の構成管理ツールとの違いを知りたい方
Ansibleはじめよぉ -Infrastructure as Codeを理解-
Ansibleはじめよぉ -Infrastructure as Codeを理解-
Shingo Kitayama
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」シリーズ 第1回
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol1
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol1
近藤 繁延
More Related Content
Similar to Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
OutSystems愛知ユーザー会 #5のLT用スライド。OutSystemsで日本語を扱う際のポイント
Out systemsaichiusermeeting#5 lt2
Out systemsaichiusermeeting#5 lt2
潤司 渡部
スタートアップに勝手にオススメなインフラをまとめてみました。 https://www.facebook.com/actcatinc ↑ぜひFBページいいねおねがいします!w。定期的に情報シェアさせて頂きます。
おすすめインフラ! for スタートアップ
おすすめインフラ! for スタートアップ
Koichiro Sumi
2011/08/01のJSUGでプレゼンテーションした資料です。
Roo
Roo
terahide
本日の主旨 AED設置状況 AED使用率 AEDオープンデータプラットフォームの状況
Meets IT and PUSH 2015 東京キーノート
Meets IT and PUSH 2015 東京キーノート
Akira Hatsune
2020/10/2に社内の有志向け勉強会で若手から「IaaSのスペックをどうするかを決めるための材料にしたいのでサーバの事を一度教えて欲しい」というリクエストで作成しました。 ※ありきたりな話ばっかですが、最近は物理サーバを組むなんて事も少なくなってきたのでそれはそれで新鮮だったようです。
10/2勉強会資料 ~IaaSを知る前にサーバを知ろう~
10/2勉強会資料 ~IaaSを知る前にサーバを知ろう~
Dai Iwai
Eject-io is a general purpose I/O interface that uses CD-ROM interface on USB Mass Storage class. This presentation is designed for two minutes lightning talk at Open Source Conference 2014 Tokyo Fall, held in Oct 2014 at Meisei University. Thanks for @akkiesoft!
Eject-io (OSC2014 Tokyo/Fall 懇親会LT)
Eject-io (OSC2014 Tokyo/Fall 懇親会LT)
Takeshi HASEGAWA
http://www.htmlhifive.com/ 第3回企業Webシステム開発セミナー 資料 「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Osamu Shimoda
FxOSはウェアラブルデバイスの夢を見るか?
FxOSはウェアラブルデバイスの夢を見るか?
Masakazu Muraoka
Drupal8 Release PartyでLTをした資料です。
CentOS7にD8を入れてみた
CentOS7にD8を入れてみた
masayoshi shiraishi
社内で話した内容です。テストもっと楽したいな〜^^
賢くツールを使って脱人海戦術駆動テスト
賢くツールを使って脱人海戦術駆動テスト
Mitsuru Ogawa
2013/11/09 JJUG CCCでの発表資料です。
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
Mitsuru Ogawa
2018年2月16日(金)に開催された雑誌インターフェース2018年2月号オフ会にてお話した内容です。 「ディープラーニングでは、エコシステムが大切よ!」 雑誌インターフェース2018年2月号オフ会 http://www.kumikomi.net/interface/contents/201802_off.php
「ディープラーニングでは、エコシステムが大切よ!」
「ディープラーニングでは、エコシステムが大切よ!」
Mr. Vengineer
PCクラスタコンソーシアムの開催する PCCC22(第22回PCクラスタシンポジウム)「HPCシステム技術の最前線」 会員展示として公開中のスライドです。 詳細は下記のWebサイトへお越しください。 ▽PCCC22 「HPCシステム技術の最前線」 (2022年12月5日~6日) https://www.pccluster.org/ja/event/pccc22/
PCCC22:株式会社アックス テーマ1「俺ASICとロボットと論理推論AI」
PCCC22:株式会社アックス テーマ1「俺ASICとロボットと論理推論AI」
PC Cluster Consortium
2015 年 2 月 28 日 (金) に開催した、第 1 回 Tech Fielders × Cloud Samurai Roadshow でのセッション資料です。
Hyper-V エンタープライズ設計の現実解:2015 年版
Hyper-V エンタープライズ設計の現実解:2015 年版
Daichi Ogawa
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
オンプレエンジニアがクラウドエンジニアを夢見て。じっと手を見る。
Akihiro Kuwano
2018年6月8日に京都でお話した資料です。
NoOps で変わる 人とシステムの関わりかた
NoOps で変わる 人とシステムの関わりかた
Hiromasa Oka
ITに関係する勉強会は毎日のように開催されています。 これだけ勉強会の数が多いと、どのようなIT系の勉強会があって、自分が関心がある勉強会がいつ開催されるのか、わからない人も多いですよね。 今回は、近年人気のある勉強会の紹介から始め、勉強会という視点以外からも、技術情報のキャッチアップする方法やその心構えについて紹介します。 さらに、より踏み込んだ勉強会への参加のためにはLTへの参加など、登壇することも重要な一つです。 今まで踏み込めなかった皆さんでも、すこしだけ発表がしやすくなるような、登壇のコツも紹介できればと思っています。
インフラエンジニア必見!勉強会の歩き方
インフラエンジニア必見!勉強会の歩き方
真俊 横田
第4回 SoftLayer勉強会 資料
第4回 SoftLayer勉強会 資料
Naoki Shibata
■Description Ansible実践ガイド -入門編- http://amzn.asia/ebi7wIz ※上記の書籍内容に基づいて作成を行っています。 ■Target ・これからAnsibleを学びたい方 ・Ansibleとは何かを知りたい方 ・Ansibleと他の構成管理ツールとの違いを知りたい方
Ansibleはじめよぉ -Infrastructure as Codeを理解-
Ansibleはじめよぉ -Infrastructure as Codeを理解-
Shingo Kitayama
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」シリーズ 第1回
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
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