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
SVG破損事例の解説
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
T. MOTOOKA
June 01, 2019
Technology
840
1
Share
SVG破損事例の解説
ブラウザのバグを踏んでSVG画像が壊れてしまう事例を一つ紹介しています。
T. MOTOOKA
June 01, 2019
More Decks by T. MOTOOKA
See All by T. MOTOOKA
一意に定まらない話
motooka
0
170
自動化した処理を止めてしまった話
motooka
0
260
StoredFunctionのすゝめ
motooka
1
250
コメントは英語で書く!
motooka
1
140
TCPポート使い切り事件
motooka
1
510
SVG画像をPHPで生成しよう
motooka
0
1.5k
Working with Database Replications in CakePHP
motooka
1
2.2k
文字とPDFとPDFKit
motooka
2
2.3k
エラー処理のUIデザイン
motooka
0
1.6k
Other Decks in Technology
See All in Technology
AIエージェント時代に必要な オペレーションマネージャーのロールとは
kentarofujii
0
290
Kiro Meetup #7 Kiro アップデート (2025/12/15〜2026/3/20)
katzueno
2
280
JEDAI認定プログラム JEDAI Order 2026 受賞者一覧 / JEDAI Order 2026 Winners
databricksjapan
0
490
【Oracle Cloud ウェビナー】データ主権はクラウドで守れるのか?NTTデータ様のOracle Alloyで実現するソブリン対応クラウドの最適解
oracle4engineer
PRO
3
130
ハーネスエンジニアリング×AI適応開発
aictokamiya
3
1.3k
Sansanの認証基盤を支えるアーキテクチャとその振り返り
sansantech
PRO
1
150
Babylon.js Japan Activities (2026/4)
limes2018
0
140
バックオフィスPJのPjMをコーポレートITが担うとうまくいく3つの理由
yueda256
1
120
GitHub Actions侵害 — 相次ぐ事例を振り返り、次なる脅威に備える
flatt_security
12
7.3k
MIX AUDIO EN BROADCAST
ralpherick
0
140
制約を設計する - 非決定性との境界線 / Designing constraints
soudai
PRO
4
860
OCI技術資料 : 証明書サービス概要
ocise
1
7.2k
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
174
15k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
68
38k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
190
Accessibility Awareness
sabderemane
0
89
Java REST API Framework Comparison - PWX 2021
mraible
34
9.2k
How to train your dragon (web standard)
notwaldorf
97
6.6k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
440
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
64
54k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
500
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.8k
Transcript
47(ը૾ ഁଛࣄྫͷղઆ CZ5.0500," 'SPOUFOE/BHPZB IUUQTGSPOUFOEEPPSLFFQFSKQFWFOUT
"CPVUUIF4QFBLFS w 5.0500,"!U@NPUPPLB w ٕज़ॻయ̑ ʮςΩετΤσΟλͱϒϥβͰॻ͚Δɾඳ͚Δ47(ʯ w ٕज़ॻయ̒ ʮྩͷ࣌ͷ1PTU4DSJQUೖʯ w
খناۀ͚ͷ$3.ͱ͔Λ࡞Δਓ ʢ1)1 +BWB FUDʣ w ΩʔϘʔυʮತܕΧʔιϧΩʔʯͷ+*4ྻ
࣍ w ഁଛ͢Δࣄྫ w Ͳ͏ͬͯݟ͚ͭͨͷ͔ʁ w τϥϒϧ͔Βԕ͔͟ΔͨΊʹ
ഁଛ͢Δࣄྫ
ഁଛ͢Δࣄྫ w 4BGBSJʢࠓ݄Լ०ϦϦʔεʣ·ͨͦΕҎ߱ w +BWB4DSJQUͰ47(ͷ<image>ཁૉͷಛఆͷૢ࡞Ͱ w xlink:hrefଐੑ͕ফ͑Δ w ͚ͩͲը૾ͷදࣔ͞Ε͍ͯΔ w
%0.USFF༰Λอଘͯ͠࠶ಡ·ͤΔͱը૾ݟ͑ͣ
ഁଛ͢Δࣄྫ σϞ
Ͳ͏ͬͯ ݟ͚ͭͨͷ͔ʁ
Ͳ͏ͬͯݟ͚ͭͨʁ w 47(&EJU IUUQTHJUIVCDPN47(&EJUTWHFEJU w Λ4BGBSJͰ։ൃऀίϯιʔϧΛݟͳ͕Βૢ࡞͍ͯ͠Δͱɺ ը૾͕ফ͑Δ͜ͱ͕͋ͬͨ w ݪҼΛ୳Δ͘ɺΞϚκϯͷԞͱඈΜͩʜ
ೋ୳ࡧ w BLBόΠφϦʔαʔν w ιʔτࡁΈͷྻͷத͔ΒతͷσʔλΛ୳͢ํ๏ w
ͱ͍͏ɺঢॱʹͳ͍ͬͯΔྻ w ճͷૢ࡞Ͱ߲͔͠ݟΕͳ͍ͱ͖ʹɺͲ͏୳͢ʁ w Ԡ༻ྫɿྸೋ୳ࡧ มΘͬͯʜ
खಈೋ୳ࡧ w ೋ୳ࡧͷԠ༻ͰόάݪҼΛ୳͢ w όάΛ౿ΉݪҼ͕ߦͷίʔυͰ͋Δͱ͍͏Ծઆ ʢ͚ͬ͜͏ࡶʣ w Ծઆ͕ຬͨ͞Εͳͯ͘ɺॿ͚ʹͳΔ w తͷίʔυ͚ͩίϝϯτΞτ͢Ε࠶ݱ͠ͳ͍ͣ
w ಈ͍͍ͯΔίʔυΛ͚ͩίϝϯτΞτͯ͠ʜͷ܁Γ ฦ͠ͰݪҼՕॴΛݟ͚ͭग़͢
ݪҼΛͲ͏ͬͯݟ͚ͭͨʁ खಈೋ୳ࡧͷ݁ՌɺݪҼ TransformListૢ࡞ͱ element.removeAttribute('style') ͷΈ߹Θͤͩͱ໌ ͦͷޙɺόάใࠂ͠·͕ͨ͠ɺݱ࣌Ͱ์ஔʜ
τϥϒϧ͔Β ԕ͔͟ΔͨΊʹ
τϥϒϧ͔Βԕ͔͟ΔͨΊʹ w ૣظݕग़ͷͨΊʹ w 8FCϒϥβͷόʔδϣϯΞοϓࣗମΛΔ w ԕ͔͟ΔͨΊʹ w ϚΠφʔͳػೳා͍ w
8FCϒϥβ։ൃऀͨͪͷςεταΠτͷؒೖΓ ʢ༗໊ͳαΠτʹͳΖ͏ʣ
·ͱΊ w 47(ը૾յΕΔ͜ͱ͕͋Δ w ϒϥβͷόάΛ౿Ή͜ͱ͕͋Δ w ೋ୳ࡧࢲͨͪΛॿ͚ͯ͘ΕΔ w 8FCϒϥβͷόʔδϣϯΞοϓʹҙ w
47(ͷϚΠφʔͳػೳΛ͏ͱ͖ҙ