エンジニアのためのSketch3入門

Transcript

1. ΤϯδχΞͷͨΊͷ Sketch3 ೖ໳ Stack Overflow 10݄ DevDays Լ઒ ܟ߂ ʢגࣜձࣾ

   Zaimʣ 1

2. ΞδΣϯμ • ࣗݾ঺հ • Zaim ʹ͍ͭͯ • Sketch3 ʹ͍ͭͯ •

   ΞΠίϯ࡞੒ͷσϞ • ը૾ॻ͖ग़͠ͷσϞ • ·ͱΊ 2

3. ࣗݾ঺հ • גࣜձࣾ Zaim ॴଐ • Android ΞϓϦ։ൃ୲౰ • Nexus5X

   ϙνͬͨ • ܙൺणʢฏ೔ʣ㱻 ਫށʢि຤ʣ • ϊʔϕϧ෺ཧֶ৆ͷֿా͞Μͱಉ͡ʂ 3

4. Zaim ʹ͍ͭͯ • ʮ΋ͬͱɺ͓ۚʹɺָ͠͞ΛʂʯΛςʔϚʹ௕͘ ଓ͚ΒΕΔՈܭ฽αʔϏε • Android, iOS, Windows, Web

   ͰαʔϏεఏڙத • Ϩγʔτࣗಈೖྗʗۚ༥ػ͔ؔΒͷࣗಈऔಘʗε ʔύʔಛച৘ใͳͲ • ๏ਓ޲͚ API / OEM ͷఏڙ • ΤϯδχΞ޲͚ API ͷఏڙ 4

5. Sketch3 ʹ͍ͭͯ • Bohemian CodingʢΦϥϯμʣ • Mac App • App

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

6. ࣮ମݧ Android ΞϓϦͷ σβΠϯϦχϡʔΞϧ 6

7. σβΠφʔͱͷڞ༗ 1. σβΠφʔ͕ Sketch3 Ͱը໘σβΠϯ 2. sketchϑΝΠϧΛڞ༗ • sketchͰ͔͠։͚·ͤΜ 3.

   σβΠϯͷมߋ͕͋Ε͹ sketch ϑΝΠϧΛߋ৽ 7

8. ΤϯδχΞ͕΍ͬͨ͜ͱ 1. ৭ίʔυʗαΠζΛίʔυʹམͱ͢ 2. ը૾ΛඞཁͳαΠζͰॻ͖ग़͢ 3. 9patch ༻ʹద࣌ϦαΠζ 8

9. ࣍ճ΍ͬͯΈ͍ͨ͜ͱ ը໘σβΠϯʹΞʔτϘʔυΛɺͦͷ··୯Ұͷը ૾ͱͯ͠ॻ͖ग़ͯ͠ Android ୺຤Ͱදࣔ͢Ε͹ɺ࣮ ػͰͷ֬ೝ΋ૣ͍ɻ ·ͨ sketch Λαϙʔτͯ͠ΔαʔϏε΋͋Δɻ •

   Protto by Goodpatch • Skala Preview by bjango 9

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

11. Zaim ΞΠίϯ࡞੒σϞ • ௚ײతͳૢ࡞ • σϑΥϧτͷςϯϓϨʔτ 11

12. ը૾ॻ͖ग़͠σϞ • ͞·͟·ͳܗࣜΛαϙʔτ • গͳ͍εςοϓͰ؆୯ 12

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

    13

14. ΤϯδχΞืू 1. ։ൃ͕޷͖ʂΩϨΠͳίʔυΛݟΔͱ͏ͬͱΓ͢Δ 2. Πϯλʔωοτ͕޷͖ʂ 3. ͣͬͱ࢒ΔαʔϏε͕࡞Γ͍ͨ 4. ୭͔ͷ໾ʹཱ͍ͬͯΔͱμΠϨΫτʹײ͍ͨ͡ 5.

    ςετେ޷͖ʂ 6. ίπίπੵΈॏͶ͍ͯ͘ͷָ͕͍͠ 7. Zaim ͷαʔϏεʹποίϛ͍ͨ͜ͱ͕͋Δ 14

15. Thank you for listening! 15