Tweet
Tweet

Slide 1

Slide 1 text

Sketch PluginΛ ࡞ͬͯΈͨ 2017/01/31 AKIBA.swift@Ϋϥεϝιου

Slide 2

Slide 2 text

ࣗݾ঺հ ɾKohei Tabata(@nerd0geek1) ɾSaib Studio LLC ɾiOS/MacOS/tvOS Developer ɾWAmazingɹɹ ͱ͍͏ελʔτΞοϓͰ ɹiOSΞϓϦ։ൃͷ͓ख఻͍ Said Studio LLC Kohei Tabata Next! Remote quick-zip plus

Slide 3

Slide 3 text

Agenda ɾSketchͱ͸ ɾSketch Pluginͱ͸ ɾͳͥ௅ઓ͔ͨ͠ ɾ࣮ࡍʹ΍ͬͨ͜ͱ ɾ·ͱΊ

Slide 4

Slide 4 text

Sketchͱ͸ ɾBohemian codingࣾʹΑΔσβΠϯπʔϧ(MacΞϓϦ) ɾweb/MobileΞϓϦͷσβΠϯʹಛԽ ɾϕΫλʔͷऔΓѻ͍͕ಘҙɺϏοτϚοϓͷऔΓѻ͍͕ۤख ɾAdobeͷσβΠϯπʔϧΑΓܰͯ͘ɺ҆Ձ

Slide 5

Slide 5 text

Sketch Pluginͱ͸ ɾSketchͱ࿈ܞ͢Δ͜ͱ͕Ͱ͖ΔαʔυύʔςΟ੡ͷϓϥάΠϯ ɾCocoaScript((Javascript + ObjC) / 2తͳݴޠ) or JavascriptͰهड़Ͱ͖Δ ɾσβΠφʔͱiOSΤϯδχΞͷ࿈ܞΛָʹͯ͘͠ΕΔ΋ͷ΋ଟ਺ ɾSketch Toolboxɹɹɹ ͱ͍͏Plugin؅ཧΞϓϦΛ࢖ͬͯ؅ཧͰ͖Δɻ

Slide 6

Slide 6 text

Sketch Pluginͷྫ ɾAEIconizer(iconॻ͖ग़͠ͷ؆қԽ)

Slide 7

Slide 7 text

Sketch Pluginͷྫ ɾsketchplugin-swift-color(Sketch্ͷsymbol͔ΒUIColor/NSColorΛॻ͖ग़͠)

Slide 8

Slide 8 text

Sketch Pluginͷྫ ɾAuto-Layout(Sketch্ͰAutoLayoutͷڍಈ֬ೝ)

Slide 9

Slide 9 text

Sketch Pluginͷྫ ࠓ঺հͨ͠΋ͷ΋ଞʹ΋ ɾXport(ૉࡐΛͦͷ··xcassetsͱͯ͠exportՄೳʹ͢Δ) ɾiosViews(symbolΛϕδΤۂઢͷ૊Έ߹ΘͤͰωΠςΟϒඳըՄೳʹ͢Δ) ɾAnimateMate(Sketch্ͷsymbolʹΞχϝʔγϣϯΛద༻) ͳͲศརͦ͏ͳϓϥάΠϯ͕ଟ਺ɻ

Slide 10

Slide 10 text

ͳͥ௅ઓ͔ͨ͠ ɾtry! Swift 2016ͷ1ͭͷηογϣϯΛ຋༁ͨ͠ࡍʹɺSwiftͰϓϥάΠϯ͕։ൃͰ͖Δͱ ɹ͍͏࿩͕͋ͬͨ(ެࣜͰ֬ೝͰ͖ͳ͔͕ͬͨɺSketch4(࣍όʔδϣϯ)͔ΒՄೳΒ͍͠) ɾݴޠ࢓༷΍ઃܭʹֶ͍ͭͯͿ͜ͱͰiOS։ൃͷߴ଎ԽΛ࣮ݱ͢Δ͜ͱ͸Ͱ͖Δ͕ɺ ɹσβΠϯ㲗iOSͷϫʔΫϑϩʔΛվળ͢Δ͜ͱͰɺΑΓେ͖ͳϓϩμΫτ։ൃͷߴ଎ԽΛ ɹ࣮ݱͰ͖ͦ͏ͩͬͨͨΊɻ

Slide 11

Slide 11 text

࣮ࡍʹ΍ͬͨ͜ͱ Sketch Color Palette (બ୒͞Εͨlayerͷ໊લͱഎܠ৭͔Β.clrϑΝΠϧΛੜ੒͢Δ)

Slide 12

Slide 12 text

࣮ࡍͷ࣮૷

Slide 13

Slide 13 text

ྑ͔ͬͨ఺ ɾσβΠφʔͱڠۀ͢ΔࡍͷϫʔΫϑϩʔ͕վળͰ͖ΔΑ͏ʹͳͬͨɻ ɾSketchʹର͢Δཧղ͕ਂ·ͬͨɻ ɾϫʔΫϑϩʔͷվળʹର͢Δ΍Δؾ

Slide 14

Slide 14 text

ਏ͔ͬͨͱ͜Ζ ɾCocoaScript͕७ਮͳJavaScriptͰ΋CocoaScriptͰ΋ͳ͍ͨΊɺsyntax error͕ଟൃ ɾ͍͍ײ͡ͷ։ൃ؀ڥ͕ͳ͘ɺσόοά͕ਏ͍ɻɻɻ ɾυΩϡϝϯτ͕੔උ͞Ε͓ͯΒͣɺਏ͍ɻɻɻ

Slide 15

Slide 15 text

·ͱΊ ɾSketch Pluginͷ։ൃɺ։ൃ؀ڥ΍υΩϡϝϯτ͕੔උ͞Ε͍ͯͳͯ͘ ɹ։ൃ͢Δͷʹπϥϛ͕͋Δɻɻɻ ɾͨͩɺͦͷπϥϛΛ্ճΔϝϦοτΛڗडͰ͖ΔՄೳੑ΋ൿΊ͍ͯΔ ɾ͜Ε͔Β΋Sketch Plugin࡞Γʹ͸௅ઓ͍ͯ͘͠༧ఆɻ ɾօ͞Μ΋ੋඇʂ

Slide 16

Slide 16 text

࠷ޙʹએ఻ 2/21ʹOrigami͞ΜͰfastlaneษڧձ΍Γ·͢ʂ

Slide 17

Slide 17 text

WAmazingͰ͸iOSΤϯδχΞΛืू͍ͯ͠·͢ʂ We are hiring!! They

Slide 18

Slide 18 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ

Slide 19

Slide 19 text

ࢀߟ ɾSketch Plugins ɹ(https://www.sketchapp.com/extensions/plugins/) ɾSketch Plugin Basics ɹ(http://developer.sketchapp.com/introduction/) ɾtadija/AEIconizer ɹ(https://github.com/tadija/AEIconizer) ɾnaoty/clr ɹ(https://github.com/naoty/clr) ɾnerd0geek1/SketchColorPalette ɹ(https://github.com/nerd0geek1/SketchColorPalette)