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

StackOverflow DevDaysでの発表

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