Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sketch is 便利 for Engineers

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for betachelsea betachelsea
November 17, 2015
Technology
690
0

Sketch is 便利 for Engineers

Sketchが便利ということを言いたいだけの5minスライドです

Avatar for betachelsea

betachelsea

November 17, 2015

More Decks by betachelsea

See All by betachelsea
猫の健康を見守りたい！実践 Raspberry Pi + Ruby
Avatar for betachelsea betachelsea
0
830
Enjoy Ruby Next Step
Avatar for betachelsea betachelsea
0
2.3k
Railsワンマン運転の手引き / Rails one-man operation
Avatar for betachelsea betachelsea
0
1.2k
相棒の選び方
Avatar for betachelsea betachelsea
0
900
実践OKR失敗レポート
Avatar for betachelsea betachelsea
0
250
ぼっちの開発 3-Step
Avatar for betachelsea betachelsea
0
230
高専プロコンで初心者が競技プログラミングに挑戦するとこうなる
Avatar for betachelsea betachelsea
2
3.1k
BackboneにReactをチョイ足しして幸せになった話
Avatar for betachelsea betachelsea
1
1.2k
Electronをかじってみた
Avatar for betachelsea betachelsea
1
1k

Other Decks in Technology

See All in Technology
Issue設計から始める仕様駆動開発 / 20260731 Mizuki Hirata
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
150
変化の早いClaude Codeを 書籍に落とし込む
Avatar for Oikon oikon48
7
1.3k
OSPN.JPバージョンアップ作業進捗のご報告 / 20260801-osc26kyoto
Avatar for Akira Ouchi akkiesoft
0
420
【Google Cloud Next Tokyo'26】Gemini Enterprise と Oracle AI Database で実現する、 業務データ活用を実現する AI エージェント実装
Avatar for KoheiOgawa shisyu_gaku
0
230
GitHub CopilotのFinOps - AI CreditのObservabilityと価値を生むためのエージェント設計
Avatar for yuriemori yuriemori
0
140
ラジオの科学
Avatar for Frieve-A frievea
0
280
Invisible to AI? Making TYPO3 Sites Quotable by AI Search Systems
Avatar for Wolfgang Wagner wolfgangwagner
0
170
[ChatGPT Work LT]事務作業が苦手な人のための バックオフィスの「半」自動化
Avatar for chimaki chimaki_iot
0
250
『三匹の子ぶた』から学ぶネットワークセキュリティの昔と今 / Network Security: Then and Now Through the Lens of The Three Little Pigs
Avatar for NTT docomo Business nttcom
1
1.8k
強化学習「理論」入門
Avatar for Etsuji Nakai enakai00
3
3.6k
【CEDEC2026】『GRANBLUE FANTASY: Relink - Endless Ragnarok』のバトル制作事例 ～最高のキャラゲーを目指して～
Avatar for Cygames, Inc. cygames
PRO
0
230
生成 AI の基礎 〜 サンプル実装で学ぶ基本原理
Avatar for Etsuji Nakai enakai00
7
4.4k

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.3k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.5k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.3k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
340
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.3k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.5k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.9k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.1k
How to make the Groovebox
Avatar for あそなす asonas
2
2.3k

Transcript

  1. Sketch is 便利
 for Engineers

  2. https://www.sketchapp.com

  3. Sketch : Mac OS X 向けデザインツール “ We created Sketch

    specifically for designing interfaces, websites, icons… whatever is in your head. And here’s what we came up with. “ from https://www.sketchapp.com/features

  4. ちいさなスタートアップ所属エンジニアが 何かしら画像編集を必要とするシーン3選を Sketchで解決

  5. ケース1 この画像のこの部分だけほしい

  6. お手軽にスライスできる！

  7. ケース2 複数の画像サイズがほしい

  8. 2倍サイズ書き出しも らくちん！

  9. ケース3 とりあえずこんな感じになりますと伝えたい

  10. Shape(図形) や Textをぺたぺたすると それっぽさをサクッとチェックできるぞ

  11. チームに共有したいときは？

  12. https://zeplin.io/

  13. Sketchで指定した オブジェクトの サイズ、色などを わかりやすくチェック

  14. Sketch & Zeplin おすすめです！ おしまい