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
Boost your App Dev using Sketch
Search
griffin-stewie
February 16, 2018
Technology
0
290
Boost your App Dev using Sketch
Talked at Mobile Act NAGOYA #9
https://mobileact.connpass.com/event/77509/
griffin-stewie
February 16, 2018
Tweet
Share
More Decks by griffin-stewie
See All by griffin-stewie
How I develop a Sketch Native Plugin
griffin_stewie
0
680
Take a peep at .app
griffin_stewie
0
430
Lightweight Markup Language to PDF
griffin_stewie
1
570
ドキュメント作成どうしてる?
griffin_stewie
0
590
Pitfalls of PhotoKit
griffin_stewie
0
250
Talk about "clg" color list generator.
griffin_stewie
1
440
Tips for Apple Watch.
griffin_stewie
0
790
JSON をそこそこ見やすくする CUI ツールを Objective-C で作ったときの話
griffin_stewie
1
570
Other Decks in Technology
See All in Technology
Redmineの意外と知らない便利機能 (Redmine 6.0対応版)
vividtone
0
150
Tech Blog執筆のモチベート向上作戦
imamura_ko_0314
0
630
日本語プログラミングとSpring Bootアプリケーション開発 #kanjava
yusuke
0
270
AIアプリケーション開発でAzure AI Searchを使いこなすためには
isidaitc
1
280
一人から始めたSREチーム3年の歩み - 求められるスキルの変化とチームのあり方 - / The three-year journey of the SRE team, which started all by myself
vtryo
7
5.1k
LLM活用の現在とこれから:LayerXにおける事例とともに 2025/1 ver. / layerx-llm-202501
yuya4
3
250
reinvent2024を起点に振り返るサーバーレスアップデート
mihonda
1
180
レイクハウスとはなんだったのか?
akuwano
14
1.7k
Site Reliability Engineering on Kubernetes
nwiizo
6
3.8k
ChatGPTを使ったブログ執筆と校正の実践テクニック/登壇資料(井田 献一朗)
hacobu
0
110
2025-01-24-SRETT11-OpenTofuについてそろそろ調べてみるか
masasuzu
0
140
フラット構造をやめた理由と、EM / Tech Leadを作った理由
baroqueworksdev
0
390
Featured
See All Featured
Code Review Best Practice
trishagee
65
17k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
Statistics for Hackers
jakevdp
797
220k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Measuring & Analyzing Core Web Vitals
bluesmoon
5
210
GitHub's CSS Performance
jonrohan
1030
460k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Thoughts on Productivity
jonyablonski
68
4.4k
How to train your dragon (web standard)
notwaldorf
89
5.8k
VelocityConf: Rendering Performance Case Studies
addyosmani
327
24k
Transcript
Boost your App Dev using Sketch @griffin_stewie
@griffin_stewie from Osaka
None
Have you tried?
Trigger • To make efficient collaboration between Engineers and Designers.
• Less mistakes (human errors) • To systemize
What’s going on?
Sketch Plugin • Bundle • It includes codes and manifest.json
manifest.json • Describes plugin details • Information about plugin •
Menu contents • Action triggers
Code • CocoaScript • Looks like a JavaScript, but you
can call Cocoa’s API • You can use Obj-C style `[[NSArray alloc] init]`
Code • You can use Transcompiler • JavaScript ES6 •
Coffee Script
Framework • You can use your Framework • You can
write most part of plugin useing Obj- C • Use CocoaScript to load your framework as entry point • I don’t recommend Swift, suite Dynamic Lang
Recommends • “skpm” helps us to scaffold contents • Sketch
gives us `Run Script…` feature, it is like a PlayGround
Easy to do / Hard to do
Easy to do • Simply run from Menu • Without
Input UI • Just write manifest.json • Supported by Public API • Easily imagine how it work on https:// github.com/abynim/Sketch-Headers
Δͷ͕େมͳ͜ͱ • GUI ͕ඞཁͳͷ • Craft ϓϥάΠϯ͕ఏڙ͍ͯ͠ΔΠϯεϖΫλ ͷԣͷॎπʔϧόʔΈ͍ͨͳͷͱ͔ • طଘ
UI ʹհೖ͢Δͷ
What I learned
What I learned • Can’t read references without how to
use Sketch • Common pattern • Easy to develop plugins if I could imagine how it works
Wrap up
Wrap up • Little bit wired • Like a hacking
• Hacking is fun
Wanted! • Story about how collaborate Engineer and Designer •
Useful Sketch Plugins
Links • Sketch Developer — Extending Sketch • http://developer.sketchapp.com/ •
Sketch Developers • A discussion area for developers working with the Sketch Platform • http://sketchplugins.com/