CSS Nite in TOSA, Vol.3 フォローアップ（３）窪木さん
話題のSketchって何ができるの？
皆さま、お疲れさまでした。
「話題のSketchって何ができるの？」のセッション担当の窪木です。
かなり内容を絞ってのお話となりましたが、Sketchの魅力が少しでも伝わっているようであれば幸いです。
デザイナー向けのツールではありますが、ご紹介した通り機能がコンパクトにまとまっているため、ディレクターやコーダーでも使い勝手のよいツールです。
Windows版がない、これまでのデータが活用しづらいなど、完全に移行するには難しい面もありますが、導入できるフローからぜひ使ってみてください。
スライド
すべてSketchで作成している今回のスライドです。
http://www.kochiweb.com/media/001/201511/cssnite_tosa003_kuboki.pdf
（PDF、29ページ、11.0MB）
アンケートの質問などへの回答
アンケートや懇親会などで、英語が…とおっしゃっている方がいらっしゃいました。
やはり英語には少し抵抗があるかもしれませんが、使う機能は限られているので、思いのほかすぐに慣れてきます。
また私が日本語に訳したメニュー一覧がありますので、はじめのうちはこちらを参考になさってください。
Sketch 3のメニューと環境設定を日本語へ意訳をしましたよ。
http://creative-tweet.net/blog/2014/04/japanese-translation-for-sketch3.html
--
セッション中に紹介したプラグインやサービス
Content Generator Sketch Plugin
ダミーデータを生成するプラグインです。
https://github.com/timuric/Content-generator-sketch-plugin
Prott
Goodpatchさんがサービスをしているプロトタイピングツールです。
https://prottapp.com/ja/
InVision
こちらはアメリカのサービスで、Prottと同じくプラグインを使ってSketchと連携が可能です。
http://www.invisionapp.com/
Sketch CSS Sprite Mixin
CSSプリプロセッサーのmixin形式でCSSスプライトのコードを生成するプラグインです。
https://github.com/littlebusters/Sketch-CSS-Sprite-Mixin
Copy Fill Color
塗り・線・文字色のみを取得するプラグインです。
https://github.com/poyi/copy-fill-color
Sketch Sass Color
色をSassの変数として取得できるプラグインです。
https://github.com/arshad/sketch-sass-colors
Copy Scss Colors
色をScssの変数として取得できるプラグインです。
https://github.com/graphical-iain/copy-scss-colors
Marketch
スペックをHTMLとして書き出せるプラグインです。
https://github.com/tudou527/marketch
セッション中には紹介しませんでしたが、Marketchに類似するサービスが2つあります。
Zeplin
スペックに加え、スタイルガイドも作成やコメントの挿入など、コラボレートツールとして使えるWebサービス（Mac用のみアプリあり）。
https://zeplin.io/
Avocode
サービス内容は前のZeplinに似ていますが、Windows版やLinux版アプリがあります。
http://avocode.com/
Sketch - Plugins
Sketchプラグインについては、分類されているわけではないため、思いつくキーワードで検索する必要がありますが、こちらにまとめられています。
今回は紹介できませんでしたが、プラグインを管理するツールがあります。
Goodpatchさんが記事を執筆されていますので、こちらをご参照ください。
http://www.sketchapp.com/plugins/
UI制作が捗るSketch 3の便利なプラグインと使い方
http://ascii.jp/elem/000/001/045/1045228/
Sketchが少し高いなぁと思っている方、こちらの記事にあるクーポンコードを使うと20%Offで購入することができます。
いつまで使えるかわかりませんので、もし購入を検討されている場合はお早めに。
また私自身がAppStoreで購入済みのため、コードが適用できるかをテストできていません。
したがって、AppStoreで適用できない可能性がありますので、その点はご了承ください。
20% discount Sketch 3 for Mac
http://webuilddesign.com/20-off-sketch-3-for-mac/
--
当日の動画
--
当日の音声
http://www.kochiweb.com/media/001/201511/cssnite_tosa003_kuboki.mp3
