（続）エンジニアのためのSketch3入門

potatotips #22 での発表資料です

Transcript

1. ʢଓʣΤϯδχΞͷͨΊͷ
   Sketch3 ೖ໳
   potatotips #22 / Takahiro Shimokawa
   1
   

   View Slide

2. ࣗݾ঺հ
   • גࣜձࣾ Zaim ॴଐ
   • @androhi
   • Android ΞϓϦ։ൃ୲౰
   • Stack Overflow DevDays
   2
   

   View Slide

3. View Slide

4. View Slide

5. Sketch 3
   5
   

   View Slide

6. View Slide

7. • Bohemian Coding
   • Mac App
   • App Store : ¥11,800
   • Fireworks ։ൃऴྃΛड͚ͯਓؾരൃ
   • Web ͱ Mobile ͷσβΠϯʹಛԽ
   • ϕΫλʔը૾πʔϧ
   7
   

   View Slide

8. Sketch3 ͷ̏େϝϦοτ
   1. ௒ܰྔπʔϧ
   2. ϕΫλʔσʔλ
   3. ࠷ڧͷॻ͖ग़͠ػೳ
   8
   

   View Slide

9. ࡞ͬͯΈͨ
   9
   

   View Slide

10. View Slide

11. ॻ͖ग़ͯ͠Έͨ
    • എܠ৭ͷࢦఆ
    • ॻ͖ग़͠ϑΝΠϧ໊ͷ໋໊
    نଇ
    • Ұׅॻ͖ग़͠
    11
    

    View Slide

12. ίϚϯυϥΠϯ͔
    Β΋࢖͑Δ
    12
    

    View Slide

13. View Slide

14. List / Export / Migration
    $ sketchtool list artboards [hoge.sketch]
    $ sketchtool export slices [hoge.sketch] --output=[folder]
    --items=[names] --scales="1.0, 2.0" --formats="png,jpg"
    $ sketchmigrate convert [old-path] [new-path]
    14
    

    View Slide

15. Sketch3 ·ͱΊ
    • ΤϯδχΞ΋গͳֶ͍शίετͰ࢖͑Δը૾πʔ
    ϧ
    • σβΠφʔͱͷίϛϡχέʔγϣϯɾίετΛԼ
    ͛ͯ͘ΕΔ
    • ॻ͖ग़͠࠷ڧ
    15
    

    View Slide

16. ΤϯδχΞืू
    1. ͣͬͱ࢒ΔαʔϏε͕࡞Γ͍ͨ
    2. ୭͔ͷ໾ʹཱ͍ͬͯΔͱμΠϨΫτʹײ͍ͨ͡
    3. ίπίπੵΈॏͶ͍ͯ͘ͷָ͕͍͠
    4. Zaim ͷαʔϏεʹποίϛ͍ͨ͜ͱ͕͋Δ
    16
    

    View Slide

17. Thank you for
    listening!
    17
    

    View Slide