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
ざっくりブラウザ
Search
8845musign
October 06, 2016
Technology
0
63
ざっくりブラウザ
2015年に社内向けに実施した勉強会資料です
8845musign
October 06, 2016
Tweet
Share
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
0
780
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
230
業務システムに必要なアクセシビリティ
8845musign
1
1k
業務システム狂詩曲
8845musign
4
2k
READING The Atomic Workflow
8845musign
3
670
いまさら styled components 入門した
8845musign
3
860
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.7k
チームをかえていくこと そして、泥臭さについて
8845musign
1
2k
感性デザインとは?
8845musign
4
1.8k
Other Decks in Technology
See All in Technology
Aurora PostgreSQLがCloudWatch Logsに 出力するログの課金を削減してみる #jawsdays2025
non97
1
200
生成AI “再”入門 2025年春@WIRED TUESDAY EDITOR'S LOUNGE
kajikent
0
110
AWSではじめる Web APIテスト実践ガイド / A practical guide to testing Web APIs on AWS
yokawasa
8
680
Goで作って学ぶWebSocket
ryuichi1208
3
2.8k
4th place solution Eedi - Mining Misconceptions in Mathematics
rist
0
140
日経のデータベース事業とElasticsearch
hinatades
PRO
0
230
システム・ML活用を広げるdbtのデータモデリング / Expanding System & ML Use with dbt Modeling
i125
1
320
AWSアカウントのセキュリティ自動化、どこまで進める? 最適な設計と実践ポイント
yuobayashi
7
610
30→150人のエンジニア組織拡大に伴うアジャイル文化を醸成する役割と取り組みの変化
nagata03
0
170
EDRの検知の仕組みと検知回避について
chayakonanaika
12
4.9k
OCI Success Journey OCIの何が評価されてる?疑問に答える事例セミナー(2025年2月実施)
oracle4engineer
PRO
2
150
生成AI×財務経理:PoCで挑むSlack AI Bot開発と現場巻き込みのリアル
pohdccoe
1
700
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
98
5.4k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Music & Morning Musume
bryan
46
6.4k
A Philosophy of Restraint
colly
203
16k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Git: the NoSQL Database
bkeepers
PRO
427
65k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Speed Design
sergeychernyshev
27
810
Transcript
ͬ͟ ͘ Γ ϒϥβ w w w w ϨϯμϦ ϯάΤϯδϯΛத৺ʹ
ϒϥβͬ ͯ৭ʑ͋ Γ ·͢Ͷ
None
Ѳ͖͠Ε·ͤΜ…
ϨϯμϦϯάΤϯδϯʹϑ ΥʔΧε Λ ͯΔ͜ ͱͰͬ͟ ͘ Γཧ͢Δ͜ ͱ͕Ͱ͖·͢ w w
w w
HTMLϨ ϯμϦ ϯάΤϯδϯ
HTMLϨ ϯμϦ ϯάΤϯ δϯ • HTMLϨϯμϦϯάΤϯδϯʢҎԼϨϯμϦϯάΤϯδϯʣͱ ɺHTMLΛղऍͯ͠ը໘ʹදࣔ͢Δจࣈը૾ͳͲ ͷஔΛ ܭࢉ͢Δ ϓϩάϥ
ϜͰ͢ɻ • HTMLͷଞʹCSSJavaScriptͳͲղऍͰ͖Δͷ͕ଟ͍Ͱ ͢ɻ
HTMLϨ ϯμϦ ϯάΤϯ δϯ ϒϥβɺ ϨϯμϦϯάΤϯδϯΛ֩ ͱ ͠ɺ ༷ʑͳػೳ͕ू·ͬ ͯߏ
͞Ε ͍ͯ·͢ • ϨϯμϦ ϯάΤϯδϯ • UI • ϒ οΫϚʔΫ • ֦ுػೳʢΤΫ εςϯγϣ ϯͳͲʣ • etc...
දతͳϨ ϯμϦ ϯάΤϯδϯ • Trident InternetExplore • Edge
Spartan • Gecko FireFox • Webkit Safari, Chrome • Blink Chrome, Opera
͜ͷΑ ͏ʹ ϨϯμϦ ϯάΤϯδϯʹతΛߜΕɺ ϒϥ βେ͖ ͘5ͭʹେผ͞Ε·͢ ɻ ϨϯμϦ ϯάΤϯδϯ͕ಉ͡Ͱ͋Εϒϥβ
ͷڍಈେํࣅ௨ͬ ͍ͯ·͢
ϨϯμϦ ϯάΤϯδϯ /ϒϥβհ(PC)
Trident, Edge • MicroSoftͷϒϥβʹࡌ͞Ε͍ͯΔϨϯμϦϯάΤϯδ ϯͰ͢ • Β͘։ൃ͕ଓ͍͖ͯͨTridentΤϯδϯ͔Βɺ৽ϒϥβ SpartanͰEdgeͱ͍͏৽͍͠ΤϯδϯʹҠߦ͢Δ͜ͱ͕ൃ ද͞Ε͍ͯ·͢ɻ
Trident/IE(Under 8) • IE6Λத৺ʹݹ͍όʔδϣϯͷ IEWEB੍࡞ऀͷΈͷλω ͱͳ͖ͬͯ·ͨ͠
ͳͥʁ • େྔͷΦϨΦϨ༷ IEͰ͔͠௨༻͠ͳ͍HTML/CSSͷ༷ • MicroSoftͷғ͍͜Έઓུ ͨͱ͑IE8·ͰJScriptͱ͍͏ΦϨΦϨ༷ͷ JavaScriptͲ͖͕ࡌ͞Ε͍ͯ·ͨ͠ •
์ஔ͞ΕΔόά Ξοϓσʔτظ͕͍ؒͨΊ͍ͭ·Ͱͨͬͯमਖ਼͞Εͳ ͍
w *&݄ ʹαϙʔ τऴྃ ͠·͢ ɻ ͦͷޙ֤8JOEPXT04ͷόʔδ ϣ ϯ͝ ͱ
ʹ༻Ͱ͖ Δ࠷৽ͷ*&ͷΈαϙʔ τ ͞ΕΔ༧ఆͰ͢
Trident/IE 9 ʙ • IE8͔ΒWEBඪ४ʹ४ڌͯ͠։ ൃ͕ਐΊΒΕΔΑ͏ʹͳΓ· ͨ͠ɻͦͯ͠ɺIE9ͰHTML5ͷ ༷ͷଟ͕࣮͘͞Ε·ͨ͠ • ͨͩ͠ɺIEݻ༗ͷόά·ͩ
·ͩݟड͚ΒΕ·͢ɻ ͦ͠૬มΘΒͣΞοϓσʔτ ͕ͳ͔ͳ͔͞Ε·ͤΜ
Edge/Spartan • Internet ExploreʹมΘΔ৽ϒ ϥβͰ͢ɻϨϯμϦϯάΤϯ δϯEdgeʹ৽͞Ε·͢ • ϒϥϯυνΣϯδͷҙຯ߹͍ ͕ڧ͍ͱࢥΘΕ·͢ •
IEޓͰɺEdgeͱTridentΛαΠ τ ʹΑͬ ͯγʔϜ ϨεʹΓସ͑Δ ػೳ͕͋Δͦ͏Ͱ͢
Note: modern.IE • MicroSoft͕͍ͯ͠ΔԾ ڥͰ͑ΔWEBݕূ༻ͷ Windows+IE͕͋Γ·͢ • IE6͔Β࠷৽൛·Ͱͯ͢ͷIE Λѻ͏͜ͱ͕Ͱ͖·͢ •
ͨͩ͠ӳޠ൛ͰຊޠͷWEB Λදࣔ͢Δʹઃఆ͕ඞཁͰ ͢
Note:Ϧ ϦʔεαΠ Ϋ ϧ ϒϥβͷϦϦʔεαΠΫϧେ͖͚ͯ͘2छྨ͋Γ·͢ • ैདྷܕͷϦϦʔε • ߴϦϦʔε
ैདྷܕͷ Ϧ Ϧʔε InternetExploreSafariͳͲ ʙʹҰϦϦʔε • ϝϦοτ ֤όʔδϣϯαϙʔτظ͕͍ؒ • σϝϦοτ
৽ػೳͷಋೖ͕ΕΔɺόάमਖ਼͕͍
ߴϦ Ϧʔε ChromeͱFirefoxͳͲ جຊ̒िؒʹҰϦϦʔε͞ΕΔɺࣗಈͰߋ৽ • ϝϦοτ ϒϥβ৽ػೳͷԸܙΛ͍ͪૣ͘ड͚ΕΔ • σϝϦοτ ؾ͔ͮͳ͍͏ͪʹϒϥβͷಈ࡞͕มΘΔͨΊɺࢥΘ͵ό
ά͕ੜ·ΕΔ͜ͱ
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None