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で幸せUI開発
Search
T. MOTOOKA
February 28, 2015
Programming
1
1.7k
SVGで幸せUI開発
Cocoa勉強会関西 2015.02.28
T. MOTOOKA
February 28, 2015
Tweet
Share
More Decks by T. MOTOOKA
See All by T. MOTOOKA
自動化した処理を止めてしまった話
motooka
0
98
StoredFunctionのすゝめ
motooka
1
93
コメントは英語で書く!
motooka
1
100
TCPポート使い切り事件
motooka
1
470
SVG画像をPHPで生成しよう
motooka
0
1.3k
Working with Database Replications in CakePHP
motooka
1
2k
文字とPDFとPDFKit
motooka
2
2.1k
SVG破損事例の解説
motooka
1
750
エラー処理のUIデザイン
motooka
0
1.5k
Other Decks in Programming
See All in Programming
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
1.1k
VS Code Update for GitHub Copilot
74th
1
480
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
610
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
630
Is Xcode slowly dying out in 2025?
uetyo
1
240
PicoRuby on Rails
makicamel
2
110
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
100
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
330
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
0
220
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
510
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
slecache
0
110
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
270
Featured
See All Featured
Building Adaptive Systems
keathley
43
2.6k
Designing Experiences People Love
moore
142
24k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
For a Future-Friendly Web
brad_frost
179
9.8k
Typedesign – Prime Four
hannesfritz
42
2.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
4 Signs Your Business is Dying
shpigford
184
22k
The Invisible Side of Design
smashingmag
300
51k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Transcript
SVGͰͤUI։ൃ ʙSVGͷSͤͷSʙ 2015.02.28 Cocoaษڧձؔɹby T.Motooka
୭ʁ T. Motooka / ˏt_motooka / id:t_motooka ࣾ ຊۀɿWebΞϓϦ։ൃऀ IngressͰʢ͏͙͢
Level 12ʣ
https://atnd.org/events/62050 - @t_motooka “ݟͨͱཪෲʹɺϥΠτͳ༰Ͱ 15΄Ͳ͓͍ͨ͠Ͱ͢ɻ ΑΖ͓͘͠ئ͍͠·͢ʂ”
࣍ SVGͱʁ SVGͰඳ͍ͯΈΑ͏ʂ ϥΠϒϥϦͨͪ
SVGͱʁ Shiawaseɹɹͤ Vectorɹɹɹ ϕΫλʔ GraphicsɹɹάϥϑΟοΫ
SVGͱʁ Scalableɹɹ εέʔϥϒϧ Vectorɹɹɹ ϕΫλʔ GraphicsɹɹάϥϑΟοΫ
SVGͱʁ Scalable Vector Graphics XMLͰඳ͘ϕΫλʔը૾ ن֨W3Cɹɿɹओྲྀ SVG 1.1 Second Edition
ɹ→ɹࠔͬͨΒ W3C ͷจॻΛಡΉʂಡΉʂʂ XMLॻ͖ͨ͘ͳ͍ʁɹ͡Ό͋ΠϥϨ͔Β export ͩʂ
SVGΛ͏ཧ༝ ʢલͷԶΒʣʮ@2xͬͯԿͩΑ…ʯ ʢࡢͷԶΒʣɹʮ@3xͬͯԿͩΑ…ʯ ʢޙͷԶΒʣʮ@4xͬͯԿͩΑ…ʯ ϕΫλʔը૾ͰͤʹͳΖ͏
SVGͰඳ͍ͯΈΑ͏ʂ
SVGͰඳ͍ͯΈΑ͏ʂ
ͤͷݯɿϥΠϒϥϦͷհ
SVGKit MIT License / Available on CocoaPods UIKit ͷΑ͏ͳ͍উखɿ SVGKImageView
΄͔ ຊՈ https://github.com/SVGKit/SVGKit ༻๏ http://t-machine.org/index.php/2012/12/31/svgkit-2013-usage/ ※initWithImage ͡Όͳͯ͘ initWithSVGKImage text-anchor ޮ͔ͳ͍…
JAMSVGImage MIT License / Available on CocoaPods IBDesignable and IBInspectable
※requires (CocoaPods 0.36 beta or newer) or (WITHOUT CocoaPods) ຊՈ https://github.com/jmenter/JAMSVGImage αϙʔτ༰͕ README Ͱ໌ه͞ΕͯΔ ػೳSVGKitΑΓগͳ͍͚Ͳɺ໌֬Ͱ͋Δ͜ͱ༗Γ͍ɻ
·ͱΊ ͜Ε͔ΒϕΫλʔը૾ͷ࣌ ਓੜͷϕΫλʔ #ͱ SVGͰͤʹͳΖ͏
ʊਓਓਓਓਓਓਓਓʊ ʼɹಥવͷએɹʻ ʉ:?:?:?:?:?:?:ʉ
ձʹདྷΒΕͨํ͚ͩͷָ͓͠Έ