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
Step by Stepで学ぶ、ADT(代数的データ型)、モナドからEffect-TSまで
leveragestech
1
3k
生成AIがもたらす変革 / GitHubGalaxy_CyberAgent
cyberagentdevelopers
PRO
2
110
個人的、Kubernetes の最新注目機能! (2024年5月版) / TechFeed Experts Night#28 〜 コンテナ技術最前線
pfn
PRO
3
210
DevRelによる信頼構築とデータ駆動で変わるエンジニア採用 / DevRel Trust Building to Data Driven Engineering Hiring
bobtani
1
130
QA経験のないエンジニアリング マネージャーがQAのカジュアル面談に出て 苦労していること・気づいたこと / scrum fest niigata 2024
yoshikiiida
2
660
TiDBにおけるテーブル設計と最適化の事例
cygames
0
790
SWC Transformerから見るTypeScript関数記述ベストプラクティス
fujiyamaorange
1
180
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
15
36k
エンジニアゼロの組織から内製開発の DX をどう実現したのか / How did we achieve DX in in-house development in an organization with zero engineers?
genkiogasawara
7
3k
SLOいつ決めましょう?
abnoumaru
3
600
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
38k
RubyKaigi 2024 - Make Your Own Regex Engine!
makenowjust
0
160
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Teambox: Starting and Learning
jrom
128
8.4k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
228
130k
Producing Creativity
orderedlist
PRO
338
39k
Building an army of robots
kneath
300
41k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Navigating Team Friction
lara
179
13k
In The Pink: A Labor of Love
frogandcode
138
21k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Adopting Sorbet at Scale
ufuk
69
8.6k
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