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

Sketch is 便利 for Engineers

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for betachelsea betachelsea
November 17, 2015
Technology
680
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
730
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
890
実践OKR失敗レポート
Avatar for betachelsea betachelsea
0
240
ぼっちの開発 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
Terraformモジュールは、なぜ「魔境」化するのか
Avatar for hayama hayama17
1
180
TypeScript Compiler APIとPHP-Parserを活用し、TypeScriptとPHPで型を共有する
Avatar for did0es shuta13
0
350
AI駆動開発が変える、大規模開発の前提 ーHuman in the Loop から Human on the Loop へ / AIE2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
2
2.2k
Java正規表現エンジン（NFA）の仕組みと パフォーマンスを維持するための最適化手法
Avatar for 竹内 雅和 takeuchi_132917
0
180
個人の発見を、組織の知恵に 〜生成AI活用を"探索"から"組織の仕組み"へ〜
Avatar for KintoTech_Dev kintotechdev
2
830
オンコールの負荷軽減のためのBits Assistant 活用方法 / How to Use Bits Assistant to Reduce the Workload on On-Call Staff
Avatar for SMS tech sms_tech
1
380
ルールやカスタム機能、どう使う？理想の出力を引き出すために今知りたいIBM Bob 5つの機能
Avatar for mu (Mizuho Uehara) muehara
1
310
電子辞書Brainをネットに繋げてみた(自力編)
Avatar for らすぴー raspython3
0
430
Claude code Orchestra
Avatar for Taisei Ozaki ozakiomumkj
3
920
地元にいないローカルオーガナイザーの立ち回り
Avatar for uvb_76 uvb_76
1
450
Spring AI × MCP 入門〜AIエージェントへのツール公開、境界設計から始める最小構成 〜
Avatar for 宮本裕也 yuyamiyamoto
0
210
ポスター発表&デモと総括 / Poster Presentations & Demonstrations and Summary
Avatar for Kenji Saito ks91
PRO
0
190

Featured

See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.2k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.7k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
330
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
820
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
201
74k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.8k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.8k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
11
38k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
930

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 おすすめです！ おしまい