Upgrade to Pro — share decks privately, control downloads, hide ads and more …

SVGで幸せUI開発

2377be1c3f33751ea7c73a7bd8d58996?s=47 T. MOTOOKA
February 28, 2015

 SVGで幸せUI開発

Cocoa勉強会関西 2015.02.28

2377be1c3f33751ea7c73a7bd8d58996?s=128

T. MOTOOKA

February 28, 2015
Tweet

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