Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Sketch Pluginを作ってみた
Search
Kohei Tabata
January 31, 2017
Programming
3
1.3k
Sketch Pluginを作ってみた
Kohei Tabata
January 31, 2017
Tweet
Share
More Decks by Kohei Tabata
See All by Kohei Tabata
AIと協業する開発の進め方
nerd0geek1
0
95
営業活動なしで継続的に案件を受注する方法 / how to get a contract without sales as a freelance
nerd0geek1
2
900
生体データを取り扱うアプリ開発の勘所
nerd0geek1
1
94
動線改善とステータス可視化で家庭内のストレスを軽減した話
nerd0geek1
3
4.2k
家庭をプロジェクトとして運営した話
nerd0geek1
2
4.1k
fastlaneの勉強会を主催して学んだこと、得たこと、悩んだこと
nerd0geek1
1
1k
みんなで育てるprecheck
nerd0geek1
1
710
matchとは?match導入のメリット
nerd0geek1
4
560
Improve your workflow with Sketch plugin
nerd0geek1
3
1.3k
Other Decks in Programming
See All in Programming
Unity Android XR入門
sakutama_11
0
180
未経験でSRE、はじめました! 組織を支える役割と軌跡
curekoshimizu
1
160
Datadog DBMでなにができる? JDDUG Meetup#7
nealle
0
150
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
900
From the Wild into the Clouds - Laravel Meetup Talk
neverything
0
150
Rails アプリ地図考 Flush Cut
makicamel
1
130
2025.2.14_Developers Summit 2025_登壇資料
0101unite
0
200
1年目の私に伝えたい!テストコードを怖がらなくなるためのヒント/Tips for not being afraid of test code
push_gawa
1
610
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
1
210
ML.NETで始める機械学習
ymd65536
0
230
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
55
19k
データベースのオペレーターであるCloudNativePGがStatefulSetを使わない理由に迫る
nnaka2992
0
230
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1030
460k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
How to train your dragon (web standard)
notwaldorf
91
5.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
Building Adaptive Systems
keathley
40
2.4k
Practical Orchestrator
shlominoach
186
10k
We Have a Design System, Now What?
morganepeng
51
7.4k
Six Lessons from altMBA
skipperchong
27
3.6k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Become a Pro
speakerdeck
PRO
26
5.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
The Invisible Side of Design
smashingmag
299
50k
Transcript
Sketch PluginΛ ࡞ͬͯΈͨ 2017/01/31 AKIBA.swift@Ϋϥεϝιου
ࣗݾհ ɾKohei Tabata(@nerd0geek1) ɾSaib Studio LLC ɾiOS/MacOS/tvOS Developer ɾWAmazingɹɹ ͱ͍͏ελʔτΞοϓͰ
ɹiOSΞϓϦ։ൃͷ͓ख͍ Said Studio LLC Kohei Tabata Next! Remote quick-zip plus
Agenda ɾSketchͱ ɾSketch Pluginͱ ɾͳͥઓ͔ͨ͠ ɾ࣮ࡍʹͬͨ͜ͱ ɾ·ͱΊ
Sketchͱ ɾBohemian codingࣾʹΑΔσβΠϯπʔϧ(MacΞϓϦ) ɾweb/MobileΞϓϦͷσβΠϯʹಛԽ ɾϕΫλʔͷऔΓѻ͍͕ಘҙɺϏοτϚοϓͷऔΓѻ͍͕ۤख ɾAdobeͷσβΠϯπʔϧΑΓܰͯ͘ɺ҆Ձ
Sketch Pluginͱ ɾSketchͱ࿈ܞ͢Δ͜ͱ͕Ͱ͖ΔαʔυύʔςΟͷϓϥάΠϯ ɾCocoaScript((Javascript + ObjC) / 2తͳݴޠ) or JavascriptͰهड़Ͱ͖Δ
ɾσβΠφʔͱiOSΤϯδχΞͷ࿈ܞΛָʹͯ͘͠ΕΔͷଟ ɾSketch Toolboxɹɹɹ ͱ͍͏PluginཧΞϓϦΛͬͯཧͰ͖Δɻ
Sketch Pluginͷྫ ɾAEIconizer(iconॻ͖ग़͠ͷ؆қԽ)
Sketch Pluginͷྫ ɾsketchplugin-swift-color(Sketch্ͷsymbol͔ΒUIColor/NSColorΛॻ͖ग़͠)
Sketch Pluginͷྫ ɾAuto-Layout(Sketch্ͰAutoLayoutͷڍಈ֬ೝ)
Sketch Pluginͷྫ ࠓհͨ͠ͷଞʹ ɾXport(ૉࡐΛͦͷ··xcassetsͱͯ͠exportՄೳʹ͢Δ) ɾiosViews(symbolΛϕδΤۂઢͷΈ߹ΘͤͰωΠςΟϒඳըՄೳʹ͢Δ) ɾAnimateMate(Sketch্ͷsymbolʹΞχϝʔγϣϯΛద༻) ͳͲศརͦ͏ͳϓϥάΠϯ͕ଟɻ
ͳͥઓ͔ͨ͠ ɾtry! Swift 2016ͷ1ͭͷηογϣϯΛ༁ͨ͠ࡍʹɺSwiftͰϓϥάΠϯ͕։ൃͰ͖Δͱ ɹ͍͏͕͋ͬͨ(ެࣜͰ֬ೝͰ͖ͳ͔͕ͬͨɺSketch4(࣍όʔδϣϯ)͔ΒՄೳΒ͍͠) ɾݴޠ༷ઃܭʹֶ͍ͭͯͿ͜ͱͰiOS։ൃͷߴԽΛ࣮ݱ͢Δ͜ͱͰ͖Δ͕ɺ ɹσβΠϯ㲗iOSͷϫʔΫϑϩʔΛվળ͢Δ͜ͱͰɺΑΓେ͖ͳϓϩμΫτ։ൃͷߴԽΛ ɹ࣮ݱͰ͖ͦ͏ͩͬͨͨΊɻ
࣮ࡍʹͬͨ͜ͱ Sketch Color Palette (બ͞Εͨlayerͷ໊લͱഎܠ৭͔Β.clrϑΝΠϧΛੜ͢Δ)
࣮ࡍͷ࣮
ྑ͔ͬͨ ɾσβΠφʔͱڠۀ͢ΔࡍͷϫʔΫϑϩʔ͕վળͰ͖ΔΑ͏ʹͳͬͨɻ ɾSketchʹର͢Δཧղ͕ਂ·ͬͨɻ ɾϫʔΫϑϩʔͷվળʹର͢ΔΔؾ
ਏ͔ͬͨͱ͜Ζ ɾCocoaScript͕७ਮͳJavaScriptͰCocoaScriptͰͳ͍ͨΊɺsyntax error͕ଟൃ ɾ͍͍ײ͡ͷ։ൃڥ͕ͳ͘ɺσόοά͕ਏ͍ɻɻɻ ɾυΩϡϝϯτ͕උ͞Ε͓ͯΒͣɺਏ͍ɻɻɻ
·ͱΊ ɾSketch Pluginͷ։ൃɺ։ൃڥυΩϡϝϯτ͕උ͞Ε͍ͯͳͯ͘ ɹ։ൃ͢Δͷʹπϥϛ͕͋Δɻɻɻ ɾͨͩɺͦͷπϥϛΛ্ճΔϝϦοτΛڗडͰ͖ΔՄೳੑൿΊ͍ͯΔ ɾ͜Ε͔ΒSketch Plugin࡞Γʹઓ͍ͯ͘͠༧ఆɻ ɾօ͞Μੋඇʂ
࠷ޙʹએ 2/21ʹOrigami͞ΜͰfastlaneษڧձΓ·͢ʂ
WAmazingͰiOSΤϯδχΞΛืू͍ͯ͠·͢ʂ We are hiring!! They
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ
ࢀߟ ɾ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)