[B! sketch] braitomã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

braitom id:braitom

sketchã«é–¢ã™ã‚‹braitomã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (28)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Welcome to nginx!
braitom 2019/08/07
Sketchã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¾ã›ã¦Vue.jsã®ã‚³ãƒ¼ãƒ‰ã«å¤‰æ›ã—ã¦ãã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€‚ã»ãƒ¼ã€‚

sketch

Vue.js
ãƒªãƒ³ã‚¯
GitHub - creativetimofficial/material-kit: Free and Open Source UI Kit for Bootstrap 5, React, Vue.js, React Native and Sketch based on Google's Material Design
Material Kit is a Free Bootstrap 5 UI Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project. Material
braitom 2019/02/24
â€œFree and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native and Sketch based on Google's Material Designâ€

ui

Bootstrap

react

sketch
ãƒªãƒ³ã‚¯
Sketchã‹ã‚‰Figmaã«ç§»è¡Œã—ã¦ãƒãƒ¼ãƒ é–“ã§ã®ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒã—ã‚„ã™ããªã‚Šã¾ã—ãŸ - ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰é–‹ç™ºè€…ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºéƒ¨ã®ãƒ‡ã‚¶ã‚¤ãƒŠè‹¥æœˆ ( id:puzzeljp ) ã§ã™ã€‚ ç¾åœ¨é–¢ã‚ã£ã¦ã„ã‚‹ã€ä¸€ç·’ã«ã¤ãã‚Œã‚‹ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ | cookpadTV ã®ã‚¢ãƒ—ãƒªé–‹ç™ºä¸Šã®ãƒãƒ¼ãƒ é–“ã®ã‚„ã‚Šã¨ã‚Šã«ã¤ã„ã¦ä»Šå›žã¯æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ cookpadTV ã¯æ–™ç†ä¸Šæ‰‹ãªæœ‰åäººã‚„æ–™ç†å®¶ãŒã‚¯ãƒƒã‚ãƒ³ã‚° LIVE ã‚’ç”Ÿé…ä¿¡ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ã‚¯ãƒƒã‚ãƒ³ã‚° LIVE ã‚’è¦‹ã‚‰ã‚Œã‚‹ã®ã¯ã€iOS ã‚¢ãƒ—ãƒªãƒ»Android ã‚¢ãƒ—ãƒªãƒ»FireTV ã‚¢ãƒ—ãƒªã¨ãªã£ã¦ã„ã¾ã™ã€‚ cookpadTV ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‡ãƒ¼ã‚¿ã‚’ Figma ã«ä¹—ã‚Šæ›ãˆã¾ã—ãŸ cookpadTV ã«ç§ãŒã‚¸ãƒ§ã‚¤ãƒ³ã—ãŸã®ã¯ã€ä»Šå¹´ã®8æœˆã§ã™ã€‚ cookpadTV ã‚¢ãƒ—ãƒªãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã®ã¯3æœˆãªã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¼•ãç¶™ãå½¢ã§ã‚¸ãƒ§ã‚¤ãƒ³ã‚’ã—ã¾ã—ãŸã€‚ ç§ãŒã‚¸ãƒ§ã‚¤ãƒ³ã—ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã€ç¤¾å†…ã§ Figma ãŒä½¿ã‚ã‚Œã‚‹äº‹ä¾‹ãŒå¢—ãˆã¦ããŸã®ã§ã€ Figma ã«ç§»è¡Œã‚’è¡Œã£ã¦ã¿ã¾ã—ãŸ
braitom 2018/10/31
ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’Sketchã‹ã‚‰Figmaã«ç§»è¡Œã—ãŸè©±ã€‚URLã‚’å…±æœ‰ã™ã‚‹ã ã‘ã§ãƒãƒ¼ãƒ ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å…±æœ‰ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã€ç”»åƒã®æ›¸ãå‡ºã—ã‚’ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒãƒ‡ã‚¶ã‚¤ãƒŠã«é ¼ã¾ãšç›´æŽ¥ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸãªã©ã€‚

sketch

Figma
ãƒªãƒ³ã‚¯
React Sketch.appã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ä½œã£ã¦ã¿ãŸ
ãƒªãƒã‚¸ãƒˆãƒªã®URLã¯ã“ã¡ã‚‰ã§ã™ https://github.com/sawa-zen/style-guide
braitom 2018/04/25
Reactã§Sketchãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ‰±ãˆã‚‹React Sketch.appã«ã¤ã„ã¦ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’ã“ã‚Œã§ä½œã£ã¦ã¿ãŸéš›ã«å¾—ã‚‰ã‚ŒãŸçŸ¥è¦‹ã‚„èª²é¡ŒãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã€‚

sketch

react
ãƒªãƒ³ã‚¯
Sketchã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸ - Qiita
ðŸ”° ã¯ã˜ã‚ã« ä»¥å‰ã®Sketchã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã§ãƒ•ã‚¡ã‚¤ãƒ«æ§‹é€ å½¢å¼ãŒå¤‰æ›´ã•ã‚ŒãŸã“ã¨ã§ã€ã‚ˆã‚Šãƒ‡ãƒ¼ã‚¿ãŒè»½é‡åŒ–ã—ã€Gitã«ã‚ˆã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ãŒå®¹æ˜“ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã‚Œã«ã‚ˆã‚Šã€Œã‚³ãƒ¼ãƒ‰ã€ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ãƒ•ãƒãƒ¼ã‚ˆã‚Šé…ã‚Œã¦ã„ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ãŒåŠ‡çš„ã«é€²åŒ–ã™ã‚‹ã“ã¨ãŒæœŸå¾…ã§ãã¾ã™ã€‚ ä¸€æ–¹ã§ã€ç¾æ™‚ç‚¹ï¼ˆ2017/12/02ï¼‰ã§ã‚‚ã€ã™ã§ã«è¤‡æ•°ã®æ‰‹æ®µã‚„ãƒ„ãƒ¼ãƒ«ãŒç™»å ´ã—ã¦ãŠã‚Šã€ä»Šå¾Œã‚‚å¢—ãˆç¶šã‘ã‚‹ã§ã—ã‚‡ã†ã€‚æ£ç›´ã©ã®æ‰‹æ®µãŒãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã‹ã¯æ‚©ã¾ã—ã„ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ã€ã‚’ãƒ†ãƒ¼ãƒžã«ã€ä»£è¡¨çš„ãªï¼’ã¤ã®ãƒ„ãƒ¼ãƒ«ã€ŒAbstractã€ã€ŒKactusã€ã‚’æ¤œè¨¼æ¯”è¼ƒã—ãŸä¸Šã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒé–‹ç™ºãƒãƒ¼ãƒ ã®ä¸€å“¡ã¨ã—ã¦ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã¨ã£ã¦æœ‰æ„ç¾©ãªã€ŽDesign Systemsã€ã‚’æ§‹ç¯‰ã—ã€æ©Ÿèƒ½æ¨ªæ–çš„ãªã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®è€ƒå¯Ÿã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ â€»ã€ŽInVision V7ã€ã¯è¡¨é¡Œã¨ã¯å°‘ã—ç•°ãªã‚‹ã®ã§åˆ¥ã®æ©Ÿä¼šã«
braitom 2018/04/06
Sketchãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ã«ã¤ã„ã¦ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ã‚’å°Žå…¥ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆ/ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã€Abstractã¨Kuctusã¨ã„ã†ãƒ„ãƒ¼ãƒ«ã®ç´¹ä»‹ã¨ãã®æ¯”è¼ƒã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„ã‚‹ã€‚

sketch
ãƒªãƒ³ã‚¯
Sketchãƒ•ã‚¡ã‚¤ãƒ«ã‚’Windowsã§é–‹ã„ã¦ã€ç·¨é›†ãƒ»ä¿å˜ã§ãã‚‹ç„¡æ–™ã‚¢ãƒ—ãƒªãŒç™»å ´ -Lunacy
Windowsãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ–¹ã«æœ—å ±ã§ã™ï¼ Windows 7, 8, 10ã§ã€Sketchã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ãã“ã¨ãŒã§ãã€ç·¨é›†ã‚‚ä¿å˜ã‚‚ã§ãã€CSSã®æ›¸ãå‡ºã—ã€SVGã‚„PNGã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã‚‚ã§ãã¦ã—ã¾ã†ç„¡æ–™ã‚¢ãƒ—ãƒªãŒç™»å ´ã—ã¾ã—ãŸã€‚ ã‚‚ã¡ã‚ã‚“ã€æ—¥æœ¬èªžã®Windowsç’°å¢ƒã§ã‚‚åˆ©ç”¨ã§ãã¾ã™ã€‚ Lunacy, Sketch for Windows å‰å›žç´¹ä»‹ã—ãŸæ™‚ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ãã ã‘ã®æ©Ÿèƒ½ã§ã—ãŸãŒã€ã¤ã„ã«ç·¨é›†ãƒ»ä¿å˜ã«ã‚‚å¯¾å¿œã—ã€Sketchã®æ©Ÿèƒ½ã®80%ã‚’å‚™ãˆã¾ã—ãŸï¼ Windowsç‰ˆã®Sketchã¨ã„ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„ã§ã—ã‚‡ã†ã€‚ Lunacyã®ç‰¹å¾´ Lunacyã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ»ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Lunacyã®ä½¿ã„æ–¹ Lunacyã®ç‰¹å¾´ Lunacyã¯ã€.sketchãƒ•ã‚¡ã‚¤ãƒ«ã‚’é–‹ãã€ç·¨é›†ã—ã€ä¿å˜ã™ã‚‹ã“ã¨ãŒã§ãã‚‹Windowsã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã§ã™ã€‚ã—ã‹ã‚‚ã€å®Œå…¨ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ Lunacyã®ç”»é¢ Sketchï¼ˆ
braitom 2018/03/22
ãŠãƒ¼ã“ã®ã‚¢ãƒ—ãƒªç·¨é›†ã¨ä¿å˜ã‚‚ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã‹ãƒ¼

windows

sketch
ãƒªãƒ³ã‚¯
GitHub - nanohop/sketch-to-react-native: Convert Sketch files into React Native components
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
braitom 2017/10/18
ãªã‚“ãžã“ã‚Œã€‚â€œConvert Sketch files into React Native componentsâ€

React Native

sketch
ãƒªãƒ³ã‚¯
Reduce App
braitom 2017/10/13
ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã®å¤§ãã„Sketchãƒ•ã‚¡ã‚¤ãƒ«ã‚’åœ§ç¸®ã—ã¦ãã‚Œã‚‹ã‚¢ãƒ—ãƒªã€‚

sketch
ãƒªãƒ³ã‚¯
iOSDCã§ã€ŽSketchã‹ã‚‰ã‚¢ã‚¤ã‚³ãƒ³åˆ‡ã‚Šå‡ºã— â‡’ Asset Catalogã‚’è‡ªå‹•ç”Ÿæˆ â‡’ å·®åˆ†ãŒã‚ã‚Œã°PullRequestã€ã¨ã„ã†æµã‚Œã‚’CIã§è‡ªå‹•åŒ–ã™ã‚‹è©±ã‚’ã—ã¾ã—ãŸ - Konifar's WIP
2ãƒ¶æœˆãã‚‰ã„å‰ã«iOSDC 2017ã®ãƒ—ãƒãƒãƒ¼ã‚¶ãƒ«ã‚’å‡ºã—ãŸã‚“ã§ã™ãŒã€2ã¤å‡ºã—ãŸã†ã¡ã®1ã¤ãŒæŽ¡æŠžã•ã‚ŒãŸã®ã§ç™»å£‡ã—ã¦ãã¾ã—ãŸã€‚ speakerdeck.com ã‚µãƒ³ãƒ—ãƒ«ãƒªãƒã‚¸ãƒˆãƒªã¯ã“ã¡ã‚‰ã§ã™ã€‚è³‡æ–™ã ã‘ã ã¨ã‚ã‹ã‚Šã«ãã„éƒ¨åˆ†ã‚‚ã‚ã‚‹ã¨æ€ã†ã®ã§ã€å°‘ã—è£œè¶³ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ Import Sketch Icons to Asset Catalog on CI Sketchã‹ã‚‰ã‚¢ã‚¤ã‚³ãƒ³ã‚’åˆ‡ã‚Šå‡ºã—ã¦ã€Asset Catalogã‚’ç”Ÿæˆã—ã¦ã€å·®åˆ†ãŒã‚ã£ãŸã‚‰iOSã®ãƒªãƒã‚¸ãƒˆãƒªã«Pull Requestã‚’å‡ºã™ã¨ã„ã†ã®ã‚’CIã§è‡ªå‹•åŒ–ã—ã¦ã„ã‚‹è©±ã§ã™ã€‚ ç§ã®æ‰€å±žã™ã‚‹Quipper Limited.ã§å®Ÿéš›ã«é‹ç”¨ã—ã¦ã„ã‚‹çŸ¥è¦‹ã§ã™ã€‚ @konifar konifarã¨ã„ã†åå‰ã§ã€Twitterã‚„GitHubã‚’ã‚„ã£ã¦ã„ã¾ã™ã€‚ ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆã§ã€å°‚æ¥ä¸»å©¦ã®å«ã•ã‚“ã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã‚„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ä»•äº‹ã«é–¢ã™ã‚‹é›‘è«‡ã‚’ã™ã‚‹yome.fm
braitom 2017/09/18
CIã§Asset Catalogã‚’Sketchãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰è‡ªå‹•ç”Ÿæˆã™ã‚‹æ–¹æ³•ã€‚CIã«ã¯Travis CIã‚’åˆ©ç”¨ã€‚Sketchã®æ“ä½œã‚’ã‚³ãƒžãƒ³ãƒ‰ã§è¡Œãˆã‚‹sketchtoolã‚’åˆ©ç”¨ã€‚

sketch

ci

iOS

icon
ãƒªãƒ³ã‚¯
Version control for Sketch | Abstract
No more digging through Dropbox and Google Drive. Always know where to find â€œthe latest,â€ so you can stay in your design flow.
braitom 2017/07/13
ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã®ãƒãƒ¼ã‚·ãƒ§ãƒ³ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ ã€‚Freeãƒ—ãƒ©ãƒ³ã‚‚ã‚ã‚‹ãŒè¤‡æ•°äººã§ä½¿ã„ãŸã„å ´åˆã¯Proä»¥ä¸Šã®ãƒ—ãƒ©ãƒ³ãŒå¿…è¦ã€‚

design

abstract

VCS
ãƒªãƒ³ã‚¯
React-SketchApp ã®pros/cons
ðŸ˜€ ProsðŸ£ React Componentã«ã‚ˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ§‹é€ åŒ–React Componentã¯propsï¼ˆä¼æ’ï¼‰ã¨stateï¼ˆçŠ¶æ…‹ï¼‰ã‚’æŒã¤éƒ¨å“ã®çµ„ã¿åˆã‚ã›ã§ç”»é¢ã‚’æ§‹æˆã—ã¾ã™ã€‚ ã¤ã¾ã‚Šã€React Sketch.app ã‚’ä½¿ã†ã“ã¨ã§ã€ã“ã‚Œã¾ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ä¸Šã ã‘ã§ã¯è¦‹ã‚‹ã“ã¨ã®ã§ããªã‹ã£ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®å½¹å‰²ã€ãƒ‡ãƒ¼ã‚¿ã®æµã‚Œã€å±žæ€§ã®æ˜Žç¤ºåŒ–ã€çŠ¶æ…‹ç®¡ç†ã‚’ã‚ã‹ã‚Šã‚„ã™ãã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ðŸ£ ãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã¨ã‚³ãƒ¼ãƒ‰ã®åŒå±…GUIè¨è¨ˆã§é‡è¦ãªã®ã¯ã‚¤ã‚±ã¦ã‚‹ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚’ã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã«ä½œã‚‹ã“ã¨ã§ã¯ãªãã€åˆ©ç”¨è€…ãŒæŒã¤ã‚µãƒ¼ãƒ“ã‚¹ã‚„ã‚·ã‚¹ãƒ†ãƒ ã«é–¢ã™ã‚‹ãƒ¡ãƒ³ã‚¿ãƒ«ãƒ¢ãƒ‡ãƒ«ã‚’å°Žã„ãŸã‚Šæ–°ãŸã«å½¢æˆã™ã‚‹æµã‚Œã‚’ã‚ã‹ã‚Šã‚„ã™ãã™ã‚‹ã“ã¨ã§ã™ï¼ˆãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã¯æƒ…å ±å‡¦ç†ã®ãŸã‚ã®ãã®ã²ã¨ã¤ã®è¦ç´ ã¨ã—ã¦è€ƒãˆã‚‹ï¼‰ã€‚ ãã®ãŸã‚ã«ã¯é›°å›²æ°—ã§ã¯ãªãã¦ãƒ¢ãƒŽã‚´ãƒˆã‚’æ§‹é€ çš„ã«åˆ†è§£ã—ã¦ã‚·ã‚¹ãƒ†ãƒ ã«ç½®ãæ›ãˆã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ =ãƒ¢ãƒ‡ãƒªãƒ³ã‚° ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã‚ˆã£ã¦å½¹
braitom 2017/05/07
å…ˆæ—¥ç™ºè¡¨ã•ã‚ŒãŸReact SketchAppã®è‰¯ã„ã¨ã“ã‚ã¨æ‚ªã„ã¨ã“ã‚ã«ã¤ã„ã¦ã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å¦ç¿’ã‚³ã‚¹ãƒˆãŒé«˜ããªã£ã¦ã—ã¾ã†ã®ã¯iOSã‚¢ãƒ—ãƒªé–‹ç™ºã§StoryBoradã‚’ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã©ã“ã¾ã§è§¦ã£ã¦ã‚‚ã‚‰ã†ã‹å•é¡Œã¨ä¸€ç·’ã‹ãª

sketch

react
ãƒªãƒ³ã‚¯
GitHub - airbnb/react-sketchapp: render React components to Sketch âš›ï¸ðŸ’Ž
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
braitom 2017/04/27
Reactã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’Sketchã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ãƒ„ãƒ¼ãƒ«

react

components

sketch
ãƒªãƒ³ã‚¯
GitHub - xaviervia/sketch2json: Get a JSON output out of a buffer of Sketch v43+ data (works both in Node and in the browser)
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
braitom 2017/04/11
Sketchãƒ•ã‚¡ã‚¤ãƒ«ã‚’JSONã¨ã—ã¦å‡ºåŠ›ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã€‚Sketch v43ä»¥ä¸Šã«å¯¾å¿œã€‚

sketch

json
ãƒªãƒ³ã‚¯
ã‚†ã‚ã„ã‚ãƒ‡ã‚¶ã‚¤ãƒ³ï½œãƒ–ãƒ©ãƒ³ãƒ‰ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ãƒ»Web/UX/UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆ ãƒ’ã‚¬ã‚·ãƒŠã‚ªãƒ¤
UIã‚’åˆ¶ä½œã™ã‚‹ãƒ™ã‚¹ãƒˆãªã‚¢ãƒ—ãƒªã€ã¨ã°ã‹ã‚Šã«æ™®åŠã—ãŸSketchã€‚æœ€è¿‘ã¯HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å½¹ç«‹ã¤Sketch Pluginã‚‚å¢—ãˆã¦ãã¾ã—ãŸã€‚ æœ¬æ—¥ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼è¦–ç·šã§ã¯ãªãã€ã‚³ãƒ¼ãƒ€ãƒ¼ã‚„ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼çš„ãªç«‹å ´ã‹ã‚‰ã¿ãŸã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’10å€æ—©ãã™ã‚‹Sketch Pluginã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã«ç´¹ä»‹ã™ã‚‹ã®ã¯ã€ã€ŒMake Exporta bleã€ã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ç”»åƒã®ã€ŒExportã€ã‚’çˆ†é€Ÿã«ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ Retina Displayã®ã‚ˆã†ãªé«˜è§£åƒåº¦ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚‚ä»Šã‚„å½“ãŸã‚Šå‰ã«ãªã‚Šã€ç”»åƒã‚’åˆ©ç”¨ã™ã‚‹ã¨ãã«ã‚‚@1xã‚„@2xãªã©ã€1ã¤ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‹ã‚‰è¤‡æ•°ç¨®é¡žã®ç”»åƒå½¢å¼ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚„ã‚µã‚¤ã‚ºã®æ›¸ãå‡ºã—ã‚’ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã«ãªã‚Šã¾ã—ãŸã€‚ ã—ã‹ã—ã€Sketchã§ã¯ã€ãã®ã‚ˆã†ãªä½œæ¥ã‚’è¡Œã†ã¨ãã«æ¬ ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚è¤‡æ•°ã®ç¨®é¡žã®ç”»åƒå½¢å¼ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚„ã‚µã‚¤ã‚ºã®æŒ‡å®šã‚’ä¸€ã¤ä¸€ã¤ãŠã“ãªã†ã«ã¯ã‹ãªã‚Šé¢å€’ã§ã™ã€‚ ãã®ã‚ˆã†ãªæ™‚ã«ã€Œ
braitom 2017/02/09
sketch

plugin
ãƒªãƒ³ã‚¯
Lunacy â€“ Free Design Software for Win, Mac, Linux
Fast native apps with icons, illustrations and photos
braitom 2017/02/09
Windowsç”¨ã®Sketchãƒ•ã‚¡ã‚¤ãƒ«Viewerã€‚

windows

sketch
ãƒªãƒ³ã‚¯
Sketchã§Auto Layoutã‚’è€ƒæ…®ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒä½œæˆã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒä¾¿åˆ©ã™ãŽã‚‹ - NSBlogger
Auto Layoutå•é¡Œ iOSã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹éš›ã€ãªã«ã‹ã—ã‚‰ã®æ–¹æ³•ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰å…±æœ‰ã—ã¦ã‚‚ã‚‰ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã§ã‚‚ã‚‰ã£ãŸã‚Šã€Sketchãƒ•ã‚¡ã‚¤ãƒ«ã§ã‚‚ã‚‰ã£ãŸã‚Šã€‚ ä¸€éƒ¨ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒStoryboardã‚’ç›´æŽ¥ä¿®æ£ã™ã‚‹ã“ã¨ã‚‚ã€‚ Amazing workflow of UI design: "Zeplin"ã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®é€£æºã‚’ã‚ˆã‚Šç°¡å˜ã«!! iOSç·¨ #iosdc 2016 A-7 ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«Storyboardã‚’ãŠä»»ã›ã™ã‚‹æŠ€è¡“ - niwatakoã®ã¯ã¦ãªãƒ–ãƒã‚° ãƒ•ãƒªãƒ«ã®iOSã‚¢ãƒ—ãƒªé–‹ç™ºã«ãŠã‘ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ä½œæ¥åˆ†æ‹…ã«ã¤ã„ã¦ - inFablic ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã®ã‚„ã‚Šã¨ã‚Šã§ä¸€ç•ªãƒãƒƒã‚¯ã¨ãªã‚‹ã®ãŒç”»é¢ã‚µã‚¤ã‚ºãŒå¤‰ã‚ã£ãŸã¨ãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ iPhone 7ã®å¤§ãã•ã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’1æžšã„ãŸã ã„ãŸã¨ã—ã¦ã‚‚ã€ã©ã“ã‚’å¯å¤‰ã«ã—ã¦ã©ã“ã‚’å›ºå®šã«ã™ã‚‹ã‹æ›–æ˜§
braitom 2017/01/04
sketch

iOS
ãƒªãƒ³ã‚¯
https://sketchviewer.com/
braitom 2016/11/03
Sketchãƒ•ã‚¡ã‚¤ãƒ«ã‚’Webä¸Šã§ç¢ºèªã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã€‚å±¥æ´ã‚‚ç¢ºèªã§ãã‚‹ã®ã§diffã‚’è¦‹ã‚‹ã“ã¨ã‚‚å¯èƒ½ã€‚ãƒªãƒ³ã‚¯ã‚’ç™ºè¡Œã—ã¦ã‚·ã‚§ã‚¢ã™ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã€‚

sketch

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ã‚’ã™ã‚‹ä¸–ç•Œ
åƒ•ã®åŒåƒšã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã«Sketchã‚’ä½¿ã£ã¦ã„ã‚‹ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã¯åŒºåˆ‡ã‚Šã®ã„ã„ã¨ã“ã‚ã¾ã§å‡ºæ¥ã‚‹ã¨ä¿å˜ã—ã¦Dropboxã§å…±æœ‰ã—ã¦ãã‚Œã‚‹ã€‚æœ€è¿‘ã§ã¯GitHubã§Sketchãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç®¡ç†ã™ã‚‹ã“ã¨ã‚‚è©¦ã—ã¦ã„ã‚‹ã‚ˆã†ã ã€‚GitHubã§ç®¡ç†ã™ã‚‹ã“ã¨ã§éŽåŽ»ã«é¡ã£ãŸã‚Šã€ã»ã‹ã®äººã®ä½œæ¥ã‚’ãƒžãƒ¼ã‚¸ã§ããŸã‚Šã™ã‚‹ã€‚ãŸã ã€Sketchãƒ•ã‚¡ã‚¤ãƒ«ã¯ãƒ—ãƒã‚°ãƒ©ãƒ ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ã‚ˆã†ãªãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã§ã¯ãªããƒã‚¤ãƒŠãƒªãƒ•ã‚¡ã‚¤ãƒ«ã ã€‚ã“ã®é•ã„ã§Gitã¾ãŸã¯GitHubã®ä¾¿åˆ©ãªã‚‚ã®ã®å¤šããŒä½¿ãˆã¦ã„ãªã„ã‚“ã˜ã‚ƒãªã„ã‹ã€‚ å…ˆæ—¥Sketchãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«(JSON)ã¨ã—ã¦ç®¡ç†ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã‚’å…¬é–‹ã—ãŸã®ã§ã€ã©ã†ã„ã†ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã§ä½œã£ã¦ã„ã‚‹ã®ã‹æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã†ã€‚ãƒ„ãƒ¼ãƒ«ã¯ã¾ã å®Œç’§ã§ã¯ãªã„ãŒã€ãœã²ä½¿ã£ã¦æ„è¦‹ã‚’ã‚‚ã‚‰ãˆãŸã‚‰ã¨â€¦æ€ã† ðŸ™‡ðŸ» ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã«ãªã‚‹ã¨ã§ãã‚‹ã“ã¨ã‚ãã€ãƒ‡ã‚¶ã‚¤ãƒ³å…¨ä½“ã®ãƒœãƒ¼ãƒ€ãƒ¼ã®è‰²ãŒæ·¡ããªã£ãŸã®ã„ã¤ã ã£ã‘
braitom 2016/10/28
Sketchãƒ•ã‚¡ã‚¤ãƒ«ã‚’JSONã¨ã—ã¦ç®¡ç†ã™ã‚‹ã€‚ã“ã‚Œã¯ä¾¿åˆ©ãã†ã€‚

sketch

json

Git
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½œã£ãŸã®ã§ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹åŒ–ã—ã¦ GitHub ã¨ npm ã«å…¬é–‹ã—ã¾ã—ãŸ | WP-E (ä»®)
ã“ã‚“ã«ã¡ã¯ã€‚EXP ã²ã®ãŸã‚“ã§ã™ã€‚ æœ€è¿‘ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½œã£ã¦ GitHub ã¨ npm ã§å…¬é–‹ã—ãŸã®ã§ãã®ç´¹ä»‹è¨˜äº‹ã§ã™ã€‚ feathericon Web ã‚µã‚¤ãƒˆ: http://feathericon.com/ GitHub: https://github.com/featherplain/feathericon npm: https://www.npmjs.com/package/feathericon åå‰ã¯ç§ã® Web ä¸Šã®ãƒãƒ³ãƒ‰ãƒ«ãƒãƒ¼ãƒ ã§ã‚ã‚‹ã€Œfeatherplain (ãƒ•ã‚§ã‚¶ãƒ¼ãƒ—ãƒ¬ã‚¤ãƒ³) ã€ã¨ icon ã‚’åˆã‚ã›ãŸ ã€Œfeathericon (ãƒ•ã‚§ã‚¶ãƒªã‚³ãƒ³) ã€ã§ã™ã€‚ ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã¨è¨€ãˆã° Font Awesome ã‚„ GitHub ã® Octicons ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã®å·¨äººãŒã™ã§ã«å˜åœ¨ã—ã¾ã™ã€‚Web ãƒ•ã‚©ãƒ³ãƒˆåŒ–ã—ã¦ã„ãªãã¨ã‚‚ã€ã€Œvector free iconsã€
braitom 2016/10/15
ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã®ä½œã‚Šæ–¹ã€‚Sketchã§æ›¸ã„ã¦gulp-sketchã§SVGã«æ›¸ãå‡ºã—è‡ªå‹•åŒ–ã§ãã‚‹

sketch

font

icon
ãƒªãƒ³ã‚¯
UIåˆ¶ä½œãŒæ—ã‚‹Sketch 3ã®ä¾¿åˆ©ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ä½¿ã„æ–¹ (1/2)
ã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒSketch 3ã‚’ä½¿ã£ãŸUIãƒ‡ã‚¶ã‚¤ãƒ³ã®æ–¹æ³•ã‚’è§£èª¬ã™ã‚‹æœ¬é€£è¼‰ã€‚ç¬¬2å›žã§ã¯ã€Sketchã®åŸºç¤Žçš„ãªæ“ä½œã‚’ç´¹ä»‹ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ä¾¿åˆ©ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚Sketchã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé–‹ç™ºã—ãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã‚ˆã£ã¦æ©Ÿèƒ½ã‚’æ‹¡å¼µã§ãã¾ã™ã€‚è±Šå¯Œãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä¸ã‹ã‚‰ãŠæ°—ã«å…¥ã‚Šã‚’è¦‹ã¤ã‘ã‚‹ã“ã¨ã‚‚ã€Sketchã‚’ä½¿ã†æ¥½ã—ã•ã®1ã¤ã§ã™ã€‚ Sketchã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã®ã€ŒPluginsã€ã§ç®¡ç†ã—ã¾ã™ã€‚è¿½åŠ ã—ãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã“ã®ãƒªã‚¹ãƒˆã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« - The Sketch Toolbox ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã€ã€ŒThe Sketch Toolboxã€ã‚’ä½¿ã£ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹æ–¹æ³•ã¨ã€GitHubãªã©ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦æ‰‹å‹•ã§è¿½åŠ ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ The Sketch Toolboxã¯ã€Sketchã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚„ã‚¢ãƒ³ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’ã‚µãƒ
braitom 2016/10/02
sketch

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸