SVGで幸せUI開発

Cocoa勉強会関西 2015.02.28

Transcript

1. SVGͰ޾ͤUI։ൃ ʙSVGͷS͸޾ͤͷSʙ 2015.02.28 Cocoaษڧձؔ੢ɹby T.Motooka
2. ୭ʁ T. Motooka / ˏt_motooka / id:t_motooka ๭ࣾ ຊۀɿWebΞϓϦ։ൃऀ IngressͰ͸྘ʢ΋͏͙͢ Level 12ʣ
3. https://atnd.org/events/62050 - @t_motooka “ݟͨ໨ͱ͸ཪෲʹɺϥΠτͳ಺༰Ͱ 15෼΄Ͳ͓࿩͍ͨ͠Ͱ͢ɻ ΑΖ͓͘͠ئ͍͠·͢ʂ”
4. ໨࣍ SVGͱ͸ʁ SVGͰඳ͍ͯΈΑ͏ʂ ϥΠϒϥϦͨͪ
5. SVGͱ͸ʁ Shiawaseɹɹ޾ͤ Vectorɹɹɹ ϕΫλʔ GraphicsɹɹάϥϑΟοΫ
6. SVGͱ͸ʁ Scalableɹɹ εέʔϥϒϧ Vectorɹɹɹ ϕΫλʔ GraphicsɹɹάϥϑΟοΫ
7. SVGͱ͸ʁ Scalable Vector Graphics XMLͰඳ͘ϕΫλʔը૾ ن֨͸W3Cɹɿɹओྲྀ͸ SVG 1.1 Second Edition
 ɹ→ɹࠔͬͨΒ W3C ͷจॻΛಡΉʂಡΉʂʂ XMLॻ͖ͨ͘ͳ͍ʁɹ͡Ό͋ΠϥϨ͔Β export ͩʂ
8. SVGΛ࢖͏ཧ༝ ʢ਺೥લͷԶΒʣʮ@2xͬͯԿͩΑ…ʯ ʢࡢ೥ͷԶΒʣɹʮ@3xͬͯԿͩΑ…ʯ ʢ਺೥ޙͷԶΒʣʮ@4xͬͯԿͩΑ…ʯ ϕΫλʔը૾Ͱ޾ͤʹͳΖ͏
9. SVGͰඳ͍ͯΈΑ͏ʂ
10. SVGͰඳ͍ͯΈΑ͏ʂ
11. ޾ͤͷݯɿϥΠϒϥϦͷ঺հ
12. 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 ޮ͔ͳ͍…
13. 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ΑΓগͳ͍͚Ͳɺ໌֬Ͱ͋Δ͜ͱ͸༗Γ೉͍ɻ
14. ·ͱΊ ͜Ε͔Β͸ϕΫλʔը૾ͷ࣌୅ ਓੜͷϕΫλʔ #ͱ͸ SVGͰ޾ͤʹͳΖ͏
15. ʊਓਓਓਓਓਓਓਓʊ
    ʼɹ
    ಥવͷએ఻ɹ
    ʻ
    ʉ:?:?:?:?:?:?:ʉ
16. ձ৔ʹདྷΒΕͨํ͚ͩͷָ͓͠Έ
17. ׬