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.8k
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
37
自動化した処理を止めてしまった話
motooka
0
110
StoredFunctionのすゝめ
motooka
1
110
コメントは英語で書く!
motooka
1
110
TCPポート使い切り事件
motooka
1
480
SVG画像をPHPで生成しよう
motooka
0
1.4k
Working with Database Replications in CakePHP
motooka
1
2.1k
文字とPDFとPDFKit
motooka
2
2.1k
SVG破損事例の解説
motooka
1
770
Other Decks in Programming
See All in Programming
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
580
Ruby Parser progress report 2025
yui_knk
1
280
Trem on Rails - Prompt Engineering com Ruby
elainenaomi
1
100
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
1.3k
MLH State of the League: 2026 Season
theycallmeswift
0
210
コンテキストエンジニアリング Cursor編
kinopeee
1
750
速いWebフレームワークを作る
yusukebe
5
1.6k
Flutter with Dart MCP: All You Need - 박제창 2025 I/O Extended Busan
itsmedreamwalker
0
120
Design Foundational Data Engineering Observability
sucitw
2
150
AIレビュアーをスケールさせるには / Scaling AI Reviewers
technuma
2
240
KessokuでDIでもgoroutineを活用する / Go Connect #6
mazrean
0
140
FindyにおけるTakumi活用と脆弱性管理のこれから
rvirus0817
0
390
Featured
See All Featured
Building Applications with DynamoDB
mza
96
6.6k
It's Worth the Effort
3n
187
28k
Being A Developer After 40
akosma
90
590k
Gamification - CAS2011
davidbonilla
81
5.4k
How to Ace a Technical Interview
jacobian
279
23k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
111
20k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
The Straight Up "How To Draw Better" Workshop
denniskardys
236
140k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
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ͰͤʹͳΖ͏
ʊਓਓਓਓਓਓਓਓʊ ʼɹಥવͷએɹʻ ʉ:?:?:?:?:?:?:ʉ
ձʹདྷΒΕͨํ͚ͩͷָ͓͠Έ