Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
新しい IE とJavaScript で動く最近の Web アプリケーション
Search
yomotsu
August 01, 2013
Programming
0
220
新しい IE とJavaScript で動く最近の Web アプリケーション
yomotsu
August 01, 2013
Tweet
Share
More Decks by yomotsu
See All by yomotsu
three.jsとRapierでレースゲームが3日でできた話
yomotsu
0
690
PBR in three.js
yomotsu
1
960
dialog要素でつくるモーダルダイアログ
yomotsu
0
1k
IE to Edge
yomotsu
1
360
A Camera Control Library for three.js
yomotsu
1
1.3k
Let’s try AR on mobile Web with <model-viewer>
yomotsu
0
560
WebXR: Beyond WebGL
yomotsu
2
1.9k
Non-DOM components with WebGL in Vue.js
yomotsu
5
13k
WebGL Libs for WebApp Frameworks
yomotsu
4
7.8k
Other Decks in Programming
See All in Programming
テーブル定義書の構造化抽出して、生成AIでDWH分析を試してみた / devio2025tokyo
kasacchiful
0
230
EMこそClaude Codeでコード調査しよう
shibayu36
0
280
コード生成なしでモック処理を実現!ovechkin-dm/mockioで学ぶメタプログラミング
qualiarts
0
220
Devoxx BE 2025 Loom lab
josepaumard
0
110
理論と実務のギャップを超える
eycjur
0
170
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
310
TFLintカスタムプラグインで始める Terraformコード品質管理
bells17
2
340
Go言語はstack overflowの夢を見るか?
logica0419
0
500
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
240
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
510
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
geniee_inc
0
120
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
350
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Six Lessons from altMBA
skipperchong
29
4k
It's Worth the Effort
3n
187
28k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Docker and Python
trallard
46
3.6k
Site-Speed That Sticks
csswizardry
13
920
The Art of Programming - Codeland 2020
erikaheidi
56
14k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
KATA
mclloyd
PRO
32
15k
Transcript
新しいIEとHTML5JavaScriptで動く 最近のWebアプリケーション 小山田 晃浩 | @yomotsu | (株)ピクセルグリッド
None
新しいIEで動かない?
None
None
None
None
•Quirks Modeで実装している •IE独自拡張を使っている •プラグインに頼っている •よくわからないけど動作保証できない
Quirks Mode
div{ width: 300px; padding: 100px; border: 3px solid #000; background:
#EEEEEE; }
Standards Mode
Standards Mode Quirks Mode
None
DOCTYPE宣言 モード なし <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html> Q Q S S S
IE独自拡張
•ActiveXObject •VBScript •Data Binding •VML and others...
•ActiveXObject •VBScript •Data Binding •VML and others... •Data属性 •SVG •JavaScript
ଟ͘)5.-ͰͰ͖·͢
要プラグイン技術
ಈըετϦʔϛϯάͳͲ·ͩґଘͤ͟ΔΛಘ·ͤΜ͕ ଟ͘ͷ͜ͱ+BWB4DSJQUͰՄೳͰ͢
None
•Doctypeをしっかり宣言 •IE独自拡張に頼らない •プラグインに頼らない
Quirks Modeと IE独自拡張の延命
*&ݹ͍Τϯδϯඋ͍͑ͯ·͢
None
None
None
... <head> ... <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <title>...<title> ... </head> ...
... ...
None
http://blogs.msdn.com/b/ie/archive/2010/03/02/how-ie8-determines-document-mode.aspx
•古いIEをほぼ再現できる •Tridentのバージョンは変わる •JScriptのバージョンは変わらない
Trident (MSHTML) JScript IE6 IE7 IE8 IE9 IE10 3.0? (6.0)
5.6 3.1? (7.0) 5.7 4.0 (8.0) 5.8 5.0 (9.0) 9 6.0 (10.0) 10
demo navigator.userAgent document.compatMode document.documentMode ScriptEngineMajorVersion() の比較
これからの Webシステム構築
None
None
最近のIE
0 2500 5000 7500 10000 IE7 IE8 IE9 IE10 IE11
SunSpider JavaScript Benchmark Results
早くなった
None
新技術をサポート (主にIE9以降)
None
None
None
None
ほぼ 標準技術だけで Webアプリケーションを作れる
None
None
None
None
None
•サーバーからはJSONを吐き出す •ブラウザーはJSONを受け取る •画面はJavaScriptで構築
None
None
None
None
None
None
None
最近のJavaScriptに注目を
まとめ
政府専用メールサービスを作ることになったとしても フロントエンドでは 標準の技術を使おう
www.codegrid.net
Thank you @yomotsu