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
87
営業活動なしで継続的に案件を受注する方法 / 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
700
matchとは?match導入のメリット
nerd0geek1
4
560
Improve your workflow with Sketch plugin
nerd0geek1
3
1.3k
Other Decks in Programming
See All in Programming
技術を根付かせる / How to make technology take root
kubode
1
240
知られざるDMMデータエンジニアの生態 〜かつてツチノコと呼ばれし者〜
takaha4k
4
1.3k
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
200
Amazon Bedrock Multi Agentsを試してきた
tm2
1
280
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
5.1k
ISUCON14公式反省会LT: 社内ISUCONの話
astj
PRO
0
180
Immutable ActiveRecord
megane42
0
130
Introduction to kotlinx.rpc
arawn
0
630
[Fin-JAWS 第38回 ~re:Invent 2024 金融re:Cap~]FaultInjectionServiceアップデート@pre:Invent2024
shintaro_fukatsu
0
400
Software Architecture
hschwentner
6
2.1k
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
150
定理証明プラットフォーム lapisla.net
abap34
1
1.7k
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Music & Morning Musume
bryan
46
6.3k
Documentation Writing (for coders)
carmenintech
67
4.6k
YesSQL, Process and Tooling at Scale
rocio
171
14k
Statistics for Hackers
jakevdp
797
220k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
The Cult of Friendly URLs
andyhume
78
6.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Become a Pro
speakerdeck
PRO
26
5.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
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)