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
56
ざっくりブラウザ
2015年に社内向けに実施した勉強会資料です
8845musign
October 06, 2016
Tweet
Share
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
0
280
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
210
業務システムに必要なアクセシビリティ
8845musign
1
900
業務システム狂詩曲
8845musign
3
1.9k
READING The Atomic Workflow
8845musign
3
610
いまさら styled components 入門した
8845musign
3
760
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.5k
チームをかえていくこと そして、泥臭さについて
8845musign
1
1.8k
感性デザインとは?
8845musign
3
1.6k
Other Decks in Technology
See All in Technology
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
38k
1Q86
kawaguti
PRO
2
190
SWC Transformerから見るTypeScript関数記述ベストプラクティス
fujiyamaorange
1
180
[PyconUS 2024] Having fun with Pydantic and pattern matching
enforcerpl
0
190
The depthes of profiling Ruby - RubyKaigi 2024
osyoyu
0
160
データ基盤を支える技術
chanyou0311
5
3k
Money-saving tips for the frugal serverless developer
theburningmonk
1
370
能動学習のいろは:書籍「Human-in-the-Loop機械学習」3〜5章
hiroyoshiito
0
290
RubyKaigi 2024 - Make Your Own Regex Engine!
makenowjust
1
160
My road to OSEE Part1
yunolay
0
120
エムスリーQAチーム紹介資料 / Introduction of M3 QA Team
m3_engineering
1
330
Databricksの生成AI戦略
taka_aki
1
370
Featured
See All Featured
Teambox: Starting and Learning
jrom
128
8.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
21
2k
How to Ace a Technical Interview
jacobian
273
22k
Mobile First: as difficult as doing things right
swwweet
217
8.6k
The Cost Of JavaScript in 2023
addyosmani
21
4k
Building a Modern Day E-commerce SEO Strategy
aleyda
22
6.5k
A designer walks into a library…
pauljervisheath
201
23k
Typedesign – Prime Four
hannesfritz
36
2.1k
Code Review Best Practice
trishagee
56
15k
Statistics for Hackers
jakevdp
790
220k
KATA
mclloyd
16
12k
In The Pink: A Labor of Love
frogandcode
138
21k
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