Pro Yearly is on sale from $80 to $50! »

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

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

StackOverflow DevDaysでの発表

C8097f17712da7f3123f28a4d3e6bdb9?s=128

Takahiro Shimokawa

October 09, 2015
Tweet

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