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
67
ざっくりブラウザ
2015年に社内向けに実施した勉強会資料です
8845musign
October 06, 2016
Tweet
Share
More Decks by 8845musign
See All by 8845musign
Ubie Vitalsの取り組み紹介
8845musign
0
1.2k
業務システムの銀の弾丸? メモ機能を考察する
8845musign
2
250
業務システムに必要なアクセシビリティ
8845musign
1
1.1k
業務システム狂詩曲
8845musign
4
2.1k
READING The Atomic Workflow
8845musign
3
710
いまさら styled components 入門した
8845musign
3
910
いろはとアップデート LIGHTNING DESIGN SYSTEM
8845musign
0
1.7k
チームをかえていくこと そして、泥臭さについて
8845musign
1
2.1k
感性デザインとは?
8845musign
4
1.8k
Other Decks in Technology
See All in Technology
Bet "Bet AI" - Accelerating Our AI Journey #BetAIDay
layerx
PRO
4
1.5k
【Λ(らむだ)】最近のアプデ情報 / RPALT20250729
lambda
0
230
Strands Agents & Bedrock AgentCoreを1分でおさらい
minorun365
PRO
6
230
Foundation Model × VisionKit で実現するローカル OCR
sansantech
PRO
0
290
専門分化が進む分業下でもユーザーが本当に欲しかったものを追求するプロダクトマネジメント/Focus on real user needs despite deep specialization and division of labor
moriyuya
0
1k
生成AI時代におけるAI・機械学習技術を用いたプロダクト開発の深化と進化 #BetAIDay
layerx
PRO
1
1k
dipにおけるSRE変革の軌跡
dip_tech
PRO
1
230
2025-07-31: GitHub Copilot Agent mode at Vibe Coding Cafe (15min)
chomado
2
370
AI コードレビューが面倒すぎるのでテスト駆動開発で解決しようとして読んだら、根本的に俺の勘違いだった
mutsumix
0
160
Jamf Connect ZTNAとMDMで実現! 金融ベンチャーにおける「デバイストラスト」実例と軌跡 / Kyash Device Trust
rela1470
0
120
AIのグローバルトレンド 2025 / ai global trend 2025
kyonmm
PRO
1
120
オブザーバビリティプラットフォーム開発におけるオブザーバビリティとの向き合い / Hatena Engineer Seminar #34 オブザーバビリティの実現と運用編
arthur1
0
340
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Navigating Team Friction
lara
188
15k
GitHub's CSS Performance
jonrohan
1031
460k
The Cult of Friendly URLs
andyhume
79
6.5k
Site-Speed That Sticks
csswizardry
10
750
Speed Design
sergeychernyshev
32
1.1k
How STYLIGHT went responsive
nonsquared
100
5.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.4k
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