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
58
ざっくりブラウザ
2015年に社内向けに実施した勉強会資料です
8845musign
October 06, 2016
Tweet
Share
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
0
680
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
220
業務システムに必要なアクセシビリティ
8845musign
1
960
業務システム狂詩曲
8845musign
4
2k
READING The Atomic Workflow
8845musign
3
650
いまさら styled components 入門した
8845musign
3
830
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.6k
チームをかえていくこと そして、泥臭さについて
8845musign
1
1.9k
感性デザインとは?
8845musign
4
1.7k
Other Decks in Technology
See All in Technology
コンテンツを支える 若手ゲームクリエイターの アートディレクションの事例紹介 / cagamefi-game
cyberagentdevelopers
PRO
1
130
Figma Dev Modeで進化するデザインとエンジニアリングの協働 / figma-with-engineering
cyberagentdevelopers
PRO
1
430
「視座」の上げ方が成人発達理論にわかりやすくまとまってた / think_ perspective_hidden_dimensions
shuzon
2
4.7k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
49k
AWSコンテナ本出版から3年経った今、もし改めて執筆し直すなら / If I revise our container book
iselegant
15
4k
AWS CDKでデータリストアの運用、どのように設計する?~Aurora・EFSの実践事例を紹介~/aws-cdk-data-restore-aurora-efs
mhrtech
4
650
最速最小からはじめるデータプロダクト / Data Product MVP
amaotone
5
740
カメラを用いた店内計測におけるオプトインの仕組みの実現 / ai-optin-camera
cyberagentdevelopers
PRO
1
120
Amazon FSx for NetApp ONTAPを利用するにあたっての要件整理と設計のポイント
non97
1
160
【若手エンジニア応援LT会】AWSで繋がり、共に成長! ~コミュニティ活動と新人教育への挑戦~
kazushi_ohata
0
180
生成AIと知識グラフの相互利用に基づく文書解析
koujikozaki
1
140
独自ツール開発でスタジオ撮影をDX!「VLS(Virtual LED Studio)」 / dx-studio-vls
cyberagentdevelopers
PRO
1
180
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
65
11k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
9
680
Side Projects
sachag
452
42k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.2k
4 Signs Your Business is Dying
shpigford
180
21k
Done Done
chrislema
181
16k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
290
GitHub's CSS Performance
jonrohan
1030
460k
Building Your Own Lightsaber
phodgson
102
6.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
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