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
SVG画像をPHPで生成しよう
motooka
0
850
Working with Database Replications in CakePHP
motooka
1
1.7k
文字とPDFとPDFKit
motooka
2
1.5k
SVG破損事例の解説
motooka
1
520
エラー処理のUIデザイン
motooka
0
1.2k
モバイルアプリとGDPR
motooka
0
1.7k
続・パイプを通るPDF
motooka
0
970
JVNに情報掲載した話
motooka
1
1.4k
Emoji Modifiers
motooka
0
1.1k
Other Decks in Programming
See All in Programming
Java 22 Overview
kishida
1
180
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
230
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
170
"config" ってなんだ? / What is "config"?
okashoi
0
240
VS Code をプロダクトにどう取り込むか
onomax
1
360
冗長なエラーログを削減し、スタックトレースを手に入れる / Reducing Verbose Error Logs and Obtaining Stack Traces
upamune
0
740
Micro Frontends for Java Microservices - Devnexus 2024
mraible
PRO
0
490
Goのエラースタックトレースの歴史と今後
sonatard
9
1.5k
Compose-View Interop in Practice (mDevCamp 2024)
stewemetal
0
140
Elm 0.19.0 Changes
bkuhlmann
0
490
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
380
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
230
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
Bash Introduction
62gerente
604
210k
Why Our Code Smells
bkeepers
PRO
331
56k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
BBQ
matthewcrist
80
8.8k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Design by the Numbers
sachag
274
18k
The Pragmatic Product Professional
lauravandoore
25
5.8k
The Invisible Side of Design
smashingmag
294
49k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Teambox: Starting and Learning
jrom
128
8.4k
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ͰͤʹͳΖ͏
ʊਓਓਓਓਓਓਓਓʊ ʼɹಥવͷએɹʻ ʉ:?:?:?:?:?:?:ʉ
ձʹདྷΒΕͨํ͚ͩͷָ͓͠Έ