SVGで幸せUI開発

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. ׬