[B! design] shin1x1ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shin1x1 id:shin1x1

designã«é–¢ã™ã‚‹shin1x1ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (32)

${{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}}

èª°ã®ãŸã‚ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰? - Shin x Blog
ã€Œèª°ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³?ã€ã®æ—§ç‰ˆã¨æ”¹è¨‚ãƒ»å¢—è£œç‰ˆã‚’èªã¿ã¾ã—ãŸã€‚ ä»¥å‰ã«æ—§ç‰ˆã‚’èªã‚“ã ã®ã§ã™ãŒã€ãã®è¨˜æ†¶ã‚‚ã‚ã‚„ãµã‚„ãªãã‚‰ã„å‰ã ã£ãŸã®ã§ã€ã‚ã‚‰ãŸã‚ã¦èªã¿ç›´ã—ã€ãã®é¢ç™½ã•ã‚†ãˆã«æ”¹è¨‚ãƒ»å¢—è£œç‰ˆã‚‚è³¼å…¥ã—ã¦ã“ã‚Œã‚‚èªã¿çµ‚ãˆã¾ã—ãŸã€‚ Web ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã‚’ç”Ÿæ¥ã¨ã—ã¦ã„ã‚‹ã®ã§ã€æ—¥ã€…ãƒ¦ãƒ¼ã‚¶ã¨ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãŒç™ºç”Ÿã™ã‚‹ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã«é–¢ã‚ã£ã¦ã„ã‚‹ã‚ã‘ã§ã€ãƒ¦ãƒ¼ã‚¶ãŒã©ã®ã‚ˆã†ã«è£½å“ã‚’èªçŸ¥ã—ã€ä½¿ã†ã‹ã¨ã„ã†å†…å®¹ã¯å‚è€ƒã«ãªã‚Šã¾ã—ãŸã€‚ ãã‚Œã¨ã¯åˆ¥ã«ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºã¨ã„ã†è¦³ç‚¹ã§ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã‚€æ™‚ã«äººãŒã©ã®ã‚ˆã†ã«èªçŸ¥ã™ã‚‹ã®ã‹ã¨ã„ã†ç‚¹ã§ã‚‚èˆˆå‘³æ·±ã„ã‚‚ã®ã§ã—ãŸã€‚ã“ã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã€è‡ªåˆ†ãªã‚Šã«æ•´ç†ã—ãŸã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¨æ¦‚å¿µãƒ¢ãƒ‡ãƒ«ã«ã¤ã„ã¦æ®‹ã—ã¦ãŠãã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¨ãƒ¡ãƒ³ã‚¿ãƒ«ãƒ¢ãƒ‡ãƒ« ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®æ¦‚å¿µãƒ¢ãƒ‡ãƒ« å®Ÿè¡Œãƒ¢ãƒ‡ãƒ« ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¢ãƒ‡ãƒ« ãƒ¦ãƒ¼ã‚¶ãƒ¢ãƒ‡ãƒ« èª°ã®ãŸã‚ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰? ã•ã„ã”ã« ãƒ¡ãƒ¢ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¨ãƒ¡ãƒ³ã‚¿ãƒ«ãƒ¢ãƒ‡ãƒ« ã‚ã‚‹ç¨‹åº¦ã€çµŒé¨“ã®ã‚ã‚‹ãƒ—
shin1x1 2020/01/22
ã€Œèª°ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³?ã€ã‚’èªã‚“ã§ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®æ¦‚å¿µãƒ¢ãƒ‡ãƒ«ã¨ã‚³ãƒ¼ãƒ‰ã‚’èªã‚€äººã®ãƒ¡ãƒ³ã‚¿ãƒ«ãƒ¢ãƒ‡ãƒ«ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚

programming

design

book
ãƒªãƒ³ã‚¯
Effective Aggregate Design
This is a three-part series about using Domain-Driven Design (DDD) to implement Aggregates. Clustering Entities and Value Objects into an Aggregate with a carefully crafted consistency boundary may at first seem like quick work, but among all DDD tactical guidance, this pattern is one of the least well understood. This essay is the basis for Chapter 10 of my book, Implementing Domain-Driven Design
shin1x1 2018/04/27
design

ddd

development
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã®ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ãƒœãƒ¼ãƒ‰ã‚„ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãŒãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ä½œæˆå¯èƒ½ãªã€ŒIndigo Studio Essentialã€ç„¡å„Ÿå…¬é–‹ã€‚ã‚¤ãƒ³ãƒ•ãƒ©ã‚¸ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã‚¹
Webã‚¢ãƒ—ãƒªã®ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ãƒœãƒ¼ãƒ‰ã‚„ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãŒãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ä½œæˆå¯èƒ½ãªã€ŒIndigo Studio Essentialã€ç„¡å„Ÿå…¬é–‹ã€‚ã‚¤ãƒ³ãƒ•ãƒ©ã‚¸ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã‚¹ ã‚¤ãƒ³ãƒ•ãƒ©ã‚¸ã‚¹ãƒ†ã‚£ãƒƒã‚¯ã‚¹ã¯ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’ç°¡å˜ã«ä½œæˆã—ã¦ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’å—ã‘ã‚‹æ©Ÿèƒ½ã‚„ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½¿ã‚ã‚Œæ–¹ã‚’èª¬æ˜Žã™ã‚‹ãŸã‚ã®ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ãƒœãƒ¼ãƒ‰ã‚’ä½œæˆã™ã‚‹æ©Ÿèƒ½ãªã©ã‚’å‚™ãˆãŸãƒ„ãƒ¼ãƒ«ã€ŒIndigo Studioã€ã®ç„¡å„Ÿç‰ˆã¨ã—ã¦ã€ŒIndigo Studio Essentialã€ã®å…¬é–‹ã‚’ç™ºè¡¨ã—ã¾ã—ãŸã€‚ Indigo Studio Essentialã¯ã€æœ‰å„Ÿã§æä¾›ã•ã‚Œã¦ã„ã‚‹ã€ŒIndigo Studio Professionalã€ã¨ã€ŒIndigo Studio Enterpriseã€ã‹ã‚‰ä¸€éƒ¨ã®æ©Ÿèƒ½ã‚’åˆ¶é™ã—ãŸå€‹äººç”¨é€”å‘ã‘ã®ç„¡å„Ÿç‰ˆã€‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¾Œã€30æ—¥é–“ã¯æœ‰å„Ÿç‰ˆã®ã™ã¹ã¦ã®æ©Ÿèƒ½ãŒåˆ©ç”¨ã§ãã€ãã®å¾Œã¯ç„¡å„Ÿç‰ˆ
shin1x1 2018/04/25
web

design
ãƒªãƒ³ã‚¯
Homepage - Australian Government Design System
The .gov.au means itâ€™s official Australian government websites always use a .gov.au domain. Before sharing sensitive information online, make sure youâ€™re on a .gov.au site by inspecting your browserâ€™s address (or 'location') bar. This site is secure. The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.
shin1x1 2018/04/24
design

react
ãƒªãƒ³ã‚¯
å¤§æž—å¯›, ã‚³ãƒ«ã‚·ã‚«ã€Œå¦ç¿’ã¾ã‚“ãŒã€Œã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹ã€ã€ | Ã‰KRITS / ã‚¨ã‚¯ãƒª
å†Šåç‰ˆ ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã¯ãã®ã¾ã¾ã«ã€ã¾ã‚“ãŒã‚’å…¨ç·¨æãç›´ã—ã¦ãƒ•ãƒ«ã‚«ãƒ©ãƒ¼ã«ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ãŸã€Œæ–°ç‰ˆã€ã‚’è²©å£²ã—ã¦ã„ã¾ã™ã€‚
shin1x1 2017/07/15
design
ãƒªãƒ³ã‚¯
ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã€Œã¤ãã‚‹ã“ã¨ã€ã¯ãŸã‚‰ãã“ã¨ã€ - Speaker Deck
Transcript Ï‘Ï¦Ê”Ï¥Ï¯ÎµÏƒÎ²Î Ï†Ê”Í· ï¿½ Ê®ÍÍ˜ Î”ÍœÍ±Éº Í¸Í¨Î’ Í˜ ÍœÍ±Ê¯ à£—Ý¾à¦ºÕ° Í¢ÎˆÍ©Í‹ÎÍ” Ê¢Ö¯à°¾ÒÕ‚Ê£ 8FCÏƒÎ²Î Ï¯ËÎ Ï¥Îµ Ï„ Ï¨Ê”Î»Ê” à‡à¡•à¡à¥…Éº à©à¡žÕ±à£¾Í°Í·8FCÏƒÎ²Î Ï†Ê”Î›Ü¦Í¯ï¿½ï¿½ï¿½ï¿½à³¥Í´Ï‘Ï¦Ê”Ï¥ Ï¯ÎµÍ´É» à¤“Í´-1ÎÎ±Î Ï„Í·ÏƒÎ²Î Ï¯Éº Î Ï¥ÎµÏ„Î›à©à¡žÍ Í¯ÍÎ‡Í¢É» à·‰ Í±ï¿½à¡€Í·à®‰Í·à¢ Í± ÍÍžÍ—Í•ï¿½à¶–ÍÎ‡Í¢É» Î©ÏŸ Ï¦ÎžÍ©ÍšÍ¸ ï¿½ï¿½à³¥Í´ É¾ É¾ É¾ à “à³”Í·Í“Í Í³Í•Í– ÏƒÎ²Î Ï¯Î›à¡žÎ” Ê®à½§à¿¦Ê¯ Í± Ê®ÏÎ´Ï¡ÎžÏ§Ê¯ ï¿½ à½§à¿¦à¸¤ ï¿½ ÏÎ´Ï¡ÎžÏ§à¸¤ ï¿½ ÏƒÎ²Î Ï¯Í·àª†à»Œà¸¤ Ï‘Ï¦Ê”Ï¥Ï¯ÎµÍ±Í Í¯à²‡Í˜ Î˜Í¨Í Í·à§ºà²˜ 01 02 à “à³”Í·Í¶Î’Í à “à³”Í·Ï‚Ê”ÏšÍ¸ Ê®ÏƒÎ²Î Ï¯à¡‡Ê¯ É» Ê®ÏƒÎ²Î Ï¯Í¸à»°àŠÕ²Ü¾Ê¯ ÍœÍ·ÍœÍ±Í¹Î›Í£Í¬Í±ØŠÍ´à»Í¡ Í¯Í–Í¨ÍšÎ•Í²Éº à ·Û™Í²ÍÎ‹Í Í¬Í˜ Î“ÍœÍ³ÍÉ» à “à³”Í·Í¶Î’Í ÝŸÍ¨à»¨Í©ÍšÍ•ÏƒÎ²Î Ï¯Í¡ÎŒÍ³ÍÉº Í°Î‹ÏƒÎ²Î Ï¯Í·à®¤ Í°Éº Í–Î•ÍÍ³à§Éº Í¢Í¯Í–Í³Ï‘
shin1x1 2016/06/27
ã‚¹ãƒ©ã‚¤ãƒ‰ãŒåˆ†ã‹ã‚Šã‚„ã™ãã¦è¦‹ã‚„ã™ã„

design

presentation
ãƒªãƒ³ã‚¯
Bootstrapã®ç”»é¢ã‚’æ‰‹è»½ã«ä½œã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã¾ã¨ã‚
æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã®ç”»é¢ã‚„Webã‚µãƒ¼ãƒ“ã‚¹ã®ç®¡ç†ç”»é¢ã«Bootstrapã‚’æŽ¡ç”¨ã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¢—ãˆã¦ã„ã¾ã™ãŒã€ãã‚Œã§ã‚‚Bootstrapãªã‚‰ã§ã¯ã®æ›¸ãæ–¹ã‚’è¦šãˆãªã„ã¨ã„ã‘ã¾ã›ã‚“ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã‚‹ã”ã¨ã«æ›¸ãæ–¹ãŒå¤‰ã‚ã‚‹ã®ã§ç¿’å¾—ãŒé¢å€’ã¨æ„Ÿã˜ã‚‹äººã‚‚å¤šã„ã§ã—ã‚‡ã†ã€‚ ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒBootstrapç”¨ã®UIãƒ“ãƒ«ãƒ€ãƒ¼ã§ã™ã€‚ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ç”»é¢ãŒè¨è¨ˆã§ãã‚Œã°ä½œæˆã‚‚ç°¡å˜ã§ã™ã‚ˆãã€‚ lollytin beta 1.4 â€“ A yummy HTML5 blockouterer! Bootstrapã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ä½œã£ã¦ã„ãã®ã§ã™ãŒã€è¦‹ãŸç›®ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒ¡ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã®åˆ†ã€ç´°ã‹ã„ã¨ã“ã‚ã«ã“ã ã‚ã‚Šã™ãŽãšã«ã•ãã•ãã¨ä½œã£ã¦ã„ãã“ã¨ãŒã§ãã¾ã™ã€‚ Pingendo â€“ web authoring with comfort Pingendoã¯Bootstrapå°‚ç”¨ã®ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚Mac OS
shin1x1 2016/02/14
design

bootstrap

css
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆã®æ‰±ã„ã«å›°ã£ã¦ã„ã‚‹æ–¹ã¸ - ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®ã€Œã£ã½ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³è¡“
ä¸çœ ç—‡ãªã®ã§ã‚‚ã†ä¸€è¨˜äº‹ã€‚ ä»Šå›žã¯ ãƒ»è¨˜äº‹ã‚¿ã‚¤ãƒˆãƒ« ãƒ»è¦‹å‡ºã—æ–‡ç« ãƒ»æŠ•ç¨¿æ—¥æ™‚ ãƒ»ã‚³ãƒ¡ãƒ³ãƒˆæ•° ãƒ»ãŠæ°—ã«å…¥ã‚Šæ•° ã¨ã„ã†ã‚ˆãä¸€ç·’ã«æ‰±ã†ãƒ†ã‚ã‚¹ãƒˆã®æ•´ç†ã®ä»•æ–¹ã«ã¤ã„ã¦æ›¸ã„ã¦è¡Œãã¾ã™ã€‚ å†™çœŸç´ æã¯æš—é»™ã®ãƒ•ãƒªãƒ¼ç´ æã¨åŒ–ã—ã¦10å¹´ã®åœ°å…ƒã®å‹é”ã§ã™ã€‚ ã•ã¦ã€ã¾ãšå›°ã£ã¦ã„ã‚‹æ–¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å†ç¾ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‹ãªã‚Šè¦‹ã¥ã‚‰ã„ã§ã™ãã€‚ ãªãœè¦‹ã¥ã‚‰ã„ã®ã‹ã¨ã„ã†ã¨ã€ä¸»ã«2ç‚¹ ãƒ»æ–‡å—ã®å¤ªã•(font-weight)ãŒå‡ä¸€ ãƒ»éš™é–“(padding)ãŒå°‘ãªã„ ã“ã‚Œã‚’è§£æ±ºã™ã‚‹ã«ã¯ã€ ã¾ãšã“ã®èµ¤æž åˆ†ãã‚‰ã„ã®paddingã¨ã£ã¦ã¿ã¦ãã ã•ã„ã€‚ ã“ã‚Œã ã‘ã§å¤§åˆ†è¦‹ãˆæ–¹å¤‰ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ æ¬¡ã«ã‚¿ã‚¤ãƒˆãƒ«ä»¥å¤–ã®æ–‡å—ã®font-weightã‚’ç´°ãã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ãŠã€œå¤‰ã‚ã£ã¦ãã¾ã—ãŸãã€‚ ç¶šã‘ã¦ã€ã“ã‚Œã¯å€‹äººã®å¥½ã¿ã«ã‚ˆã‚Šã‘ã‚Šãªã®ã§ã™ãŒæœ€è¿‘ç§ã‚„ç¤¾ä¼šã¯ å‰²ã¨h1è¦ç´ ã§ã‚ã£ã¦ã‚‚ç´°ã„fontã‚’å½“ã¦ãŸã‚Šã™ã‚‹ã®ã§ ã‚¿ã‚¤ãƒˆãƒ«ã¨ãã®ä»–è¦ç´ ã®font-weigh
shin1x1 2015/09/08
css

design
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®UIãƒ‡ã‚¶ã‚¤ãƒ³
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã‚‚ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç†è«–ã¨ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
shin1x1 2015/03/30
design

ui
ãƒªãƒ³ã‚¯
Jãƒªãƒ¼ã‚°ã¯ã‚¹ãƒžãƒ›ã§è¦‹ã¥ã‚‰ã„ã‚µã‚¤ãƒˆãŒå¤šã„ãªã¨ã„ã†æ—¥é ƒã®å°è±¡ã‚’ç¢ºèªã™ã‚‹ãŸã‚ã€æ·¡ã€…ã¨ã‚¹ã‚¯ã‚·ãƒ§ã‚’æ’®ã£ã¦ã¿ãŸä»¶ã€‚ : ã‚¹ãƒãƒ¼ãƒ„è¦‹ã‚‹ã‚‚ã®èªžã‚‹è€…ã€œãƒ•ãƒ¢ãƒ•ãƒ¢ã‚³ãƒ©ãƒ
Jãƒªãƒ¼ã‚°ã¯ã‚¹ãƒžãƒ›ã§è¦‹ã¥ã‚‰ã„ã‚µã‚¤ãƒˆãŒå¤šã„ãªã¨ã„ã†æ—¥é ƒã®å°è±¡ã‚’ç¢ºèªã™ã‚‹ãŸã‚ã€æ·¡ã€…ã¨ã‚¹ã‚¯ã‚·ãƒ§ã‚’æ’®ã£ã¦ã¿ãŸä»¶ã€‚ Tweet Share on Tumblr ã‚«ãƒ†ã‚´ãƒª:ã‚µãƒƒã‚«ãƒ¼ 2014å¹´09æœˆ02æ—¥12:57 å—ãŒå°ã•ãã¦èªã‚ã¬ã¨ã„ã†ã‚¸ã‚¸ã‚¤ã¸ã®å…¥ã‚Šå£ï¼ ä»Šæ—¥ã¯å‰ã€…ã‹ã‚‰æ°—ã«ãªã£ã¦ã„ãŸã“ã¨ã«ã¤ã„ã¦ã§ã™ã€‚åƒ•ã¯æœ€è¿‘ã‚¹ãƒžãƒ›ã‚’ã„ã˜ã‚‹ã“ã¨ã—ã‹å‡ºæ¥ãªã„äººé–“ã¨ãªã£ã¦ã„ã¾ã™ã€‚æœèµ·ãã‚Œã°æž•å…ƒã®ã‚¹ãƒžãƒ›ã‚’ã„ã˜ã‚Šã€ä¼šç¤¾ã«è¡Œã‘ã°ãƒˆã‚¤ãƒ¬ã§ã‚³ã‚½ã‚³ã‚½ã¨ã‚¹ãƒžãƒ›ã‚’ã„ã˜ã‚Šã€æ©ã„ã¦ã„ã‚‹ã¨ãã‚‚ã‚¹ãƒžãƒ›ã‚’ã„ã˜ã‚Šã€å®¶ã«å¸°ã£ãŸã‚‰ãƒ†ãƒ¬ãƒ“ã‚’è¦‹ãªãŒã‚‰ã‚¹ãƒžãƒ›ã‚’ã„ã˜ã‚‹ã€‚ã›ãŒã‚Œã‚’ã„ã˜ã‚‹ã‹ã‚¹ãƒžãƒ›ã‚’ã„ã˜ã‚‹ã‹ã€ãã®äºŒæŠžã®ç”Ÿæ´»ã§ã™ã€‚ ãã‚“ãªã‚¹ãƒžãƒ›ç”Ÿæ´»ã®ä¸ã§ã€æ™‚æŠ˜æ„Ÿã˜ã¦ã„ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œã¯ã€ŒJãƒªãƒ¼ã‚°æƒ…å ±ã¯ã‚¹ãƒžãƒ›ã§èªã¿ã¥ã‚‰ã„ã€ã¨ã„ã†ã“ã¨ã€‚åˆ¥ã«Jãƒªãƒ¼ã‚°ã®è©±ã ã‘ã‚’èª¿ã¹ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„ã®ã§ã™ãŒã€ãƒã‚ºã£ã¦ã„ã‚‹è©±é¡Œã«ã¤ã„ã¦ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’è¦‹ã«è¡Œã£ãŸã¨ãã€ã€Œèªã¿ã¥ã‚‰ï¼ã€ã€Œå°ã£ã•ï¼
shin1x1 2014/09/02
web

design
ãƒªãƒ³ã‚¯
Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®Webã‚µãƒ¼ãƒ“ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³å®Ÿè·µè¬›åº§
DeNA ç¤¾å†…å‹‰å¼·ä¼šã«å‘¼ã‚“ã§ã„ãŸã ã„ã¦ã€ãŠè©±ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ Reviewã«ç™»å ´ã—ã¦ã„ãŸã ã„ã¦ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã¯ã“ã¡ã‚‰ã§ã™ã€‚ å‹•ãå°èª¬æŠ•ç¨¿ã‚µã‚¤ãƒˆ Denkinovel by @katryo ã•ã‚“ http://denkinovel.com/ ã”å”åŠ›ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸ( Ë˜Ï‰Ë˜)
shin1x1 2014/07/17
ãƒ«ãƒ¼ãƒ«ãŒã‚ã‚‹ã¨æ±ºã‚ã‚„ã™ã„ > "çŠ¶æ…‹ã‚’å¤‰åŒ–ã•ã›ã‚‹æ™‚ã¯ãƒœã‚¿ãƒ³ã€å˜ãªã‚‹ç§»å‹•ã¯ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯"

design

presentation
ãƒªãƒ³ã‚¯
Bootsnipp
Bootsnipp Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework What is this? Bootsnipp is an element gallery for web designers and web developers, anybody using Bootstrap will find this website essential in their craft. Stay updated, Subscribe to Bootsnipp mailing list (only important updates will be sent, your em ail is never shared or sold to anyone else)
shin1x1 2014/06/08
bootstrap

web

design
ãƒªãƒ³ã‚¯
ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ã‹ã¤ç„¡æ–™ã®ãƒ†ãƒ¼ãƒžé…å¸ƒã‚µã‚¤ãƒˆBootstrap ZeroãŒå‡„ã™ãŽã‚‹ï¼ - ku-sukeã®ãƒ–ãƒã‚°
ç„¡æ–™ãªã®ã«ã“ã®ã‚¯ã‚ªãƒªãƒ†ã‚£ãƒ¤ãƒã‚¤ï¼ï¼ Bootstrap Zeroã¯ãã®åã®é€šã‚Šã€Bootstrapã‚’ãƒ™ãƒ¼ã‚¹ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸç¾Žã—ã„ãƒ†ãƒ¼ãƒžãŒç„¡æ–™ã§é…å¸ƒã•ã‚Œã¦ã„ã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚ ã“ã‚Œã¾ã§ã‚‚Start Bootstrapã¨ã‹Bootswatchã¨ã‹ç„¡æ–™ã®ã‚µã‚¤ãƒˆãŒåˆã£ãŸã®ã§ã™ãŒã€ç„¡æ–™ã ã‘ã‚ã£ã¦æœ‰æ–™ã®ãƒ†ãƒ¼ãƒžã¨æ¯”ã¹ã‚‹ã¨ã¡ã‚‡ã£ã¨ãƒ™ãƒ¼ã‚·ãƒƒã‚¯æ„ŸãŒå¦ã‚ãªã„çŠ¶æ³ã§ã—ãŸã€‚ ã¨ã“ã‚ãŒã“ã®Bootstrap Zeroã¯ã‹ãªã‚Šã‚¯ã‚ªãƒªãƒ†ã‚£ãŒé«˜ã„ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒå¤šã„ã§ã™ã€‚è‡ªåˆ†ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹äººã®ãŸã‚ã®Starterã‹ã‚‰ã€ãã®ã¾ã¾ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³æ¸ˆã¿ã®Themesã€ã•ã‚‰ã«Facebooké¢¨ã‚„Google+é¢¨ã€Androidé¢¨ãªã©ã‚‚ã‚ã£ã¦ã‹ãªã‚Šã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã£ã·ã‚Šï¼ ãã‚Œã§ã¯ã„ãã¤ã‹å¾¡è¦§ãã ã•ã„ã€‚ Starter æœ¬å®¶ã®exampleã«ã²ã¨æ‰‹é–“åŠ ãˆãŸæ„Ÿã˜ã§ã™ã€‚ Themes ã“ã¡ã‚‰ã¯æ°—ã«å…¥ã£ãŸã‚‚ã®ã‚’å¹¾ã¤ã‹ Admin ç®¡ç†ç”»é¢ã§ä½¿ãˆã‚‹ï¼ï¼
shin1x1 2014/03/05
bootstrap

design

layout
ãƒªãƒ³ã‚¯
ãªã«ã“ã‚Œè¶…ä¾¿åˆ©ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆãŒå„ãƒ‡ãƒã‚¤ã‚¹ã§ã©ã†è¦‹ãˆã‚‹ã‹ãŒä¸€ç›®çžç„¶ï¼Adsenseã®ç¢ºèªã«ã‚‚ãªã‚‹ã‚ˆï¼ | ãªã¾ã‚‰æ˜¥å‹æµ
å½“ã‚µã‚¤ãƒˆã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã€‚ ãã‚Œã«åˆã‚ã›ã¦æœ€è¿‘Google Adsenseã®ã‚³ãƒ¼ãƒ‰ã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚‚ã®ã«å¤‰æ›´ã—ãŸã€‚ ãã®éš›ã«é¢å€’ãªã®ãŒã€åºƒå‘ŠãŒè‡ªåˆ†ã®ã‚µã‚¤ãƒˆã§ã©ã†è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã®ã‹ã®ç¢ºèªã€‚ ã‚ãƒ£ãƒƒã‚·ãƒ¥ãŒæ®‹ã£ã¦ãŸã‚Šè¡¨ç¤ºã•ã›ã‚‹ã‚¬ã‚¸ã‚§ãƒƒãƒˆã‚’æŒã£ã¦ã„ãªã‹ã£ãŸã‚Šã¨ã„ã†å•é¡ŒãŒã‚ã£ã¦ãªã‹ãªã‹ç°¡å˜ã«ç¢ºèªã§ããªã‹ã£ãŸã‘ã‚Œã©ã€ãã‚“ãªæ‚©ã¿ã‚’ä¸€ç™ºã§è§£æ±ºã—ã¦ãã‚Œã‚‹ä¾¿åˆ©ã‚µã‚¤ãƒˆãŒã‚ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ http://mattkersley.com/responsive/ â†‘ ä¸Šè¨˜ã‚µã‚¤ãƒˆã§è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã®URLã‚’å…¥åŠ›ã™ã‚Œã°å„ãƒ‡ãƒã‚¤ã‚¹ã§ã©ã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‹ç¢ºèªã§ãã‚‹ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®Adsenseã‚‚ãã‚Œãžã‚Œã®å¤§ãã•ã«åˆã‚ã›ã¦è¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã‚ã‹ã‚Šã‚„ã™ã„ã€‚ å€‹åˆ¥ãƒšãƒ¼ã‚¸ã®URLã‚’å…¥åŠ›ã™ã‚Œã°ãã‚Œãžã‚Œã®ãƒšãƒ¼ã‚¸ã‚‚è¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã¨æŠ•ç¨¿ãƒšãƒ¼ã‚¸ã®ã‚«ãƒ©ãƒ ã‚„è¡¨ç¤ºã‚’å¤‰ãˆã¦ã„ã‚‹äººã«ã¨ã£ã¦ã‚‚é‡å®ã™ã‚‹ã€‚ ã†ã‚“ã€ã“ã‚Œã¯ä¾¿
shin1x1 2014/02/11
web

design
ãƒªãƒ³ã‚¯
Bootstrap Themes at BootstrapZero
Browse Themes by Tag Preview all themes Resources for Bootstrap Useful links for additional Bootstrap themes, extras and code snippetsOfficial Bootstrap Bootply Playground Bootstrap 4 Upgrade BootstrapBay WrapBootstrap HTML5 Zero StartBootsrap Why Bootstrap? It's no surprise that Bootstrap is the most popular frontend framework. Web designers and developers can leverage Bootstrap to build responsi
shin1x1 2014/01/04
bootstrap

design
ãƒªãƒ³ã‚¯
designclueï¼ˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ï¼‰ - ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¯ãƒ©ã‚¦ãƒ‰ã‚½ãƒ¼ã‚·ãƒ³ã‚°
ãƒãƒƒãƒˆä¸Šã‹ã‚‰ç™ºæ³¨ ã‚«ãƒ†ã‚´ãƒªã¨ãƒ—ãƒ©ãƒ³ã‚’é¸ã³ã€æŒ‡å®šã•ã‚ŒãŸãƒ•ã‚©ãƒ¼ãƒ ã«å¾“ã£ã¦ä½œæˆã™ã‚‹ã ã‘ã§ã‚³ãƒ³ãƒšã‚’ä»Šã™ãã§é–‹å‚¬ã§ãã¾ã™ã€‚
shin1x1 2013/11/20
webservice

logo

design

crowdsourcing
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆãƒ„ãƒ¼ãƒ«ã‚’ä½œã‚Šã¾ã—ãŸ - shoya.io
Paletta - HSV Color palette for every Programmer èƒŒæ™¯ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®å°é ã«ã‚ˆã£ã¦ã€æ˜¨ä»Šã®ã‚¢ãƒ—ãƒª/ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºã«ãŠã„ã¦ã€Œè‰²é¸ã³ã€ãŒé‡è¦è¦–ã•ã‚Œã¦ã„ã¾ã™ã€‚ä¾‹ãˆã°ä¸Šã®å†™çœŸã¯æ¬¡ã®ãƒˆã‚¤ãƒ¬ã®æ™‚åˆ»ã‚’æ©Ÿæ¢°å¦ç¿’ã§äºˆæ¸¬ã™ã‚‹RestCastã¨ã„ã†ã‚¢ãƒ—ãƒªã§ã™ãŒã€ã€Œã„ã„æ„Ÿã˜ã®é’ã€ã‚’åŸºèª¿ã¨ã—ãŸã‚¿ã‚¤ãƒ«ã‚’æ•·ãã“ã¨ã§ã€ãƒˆã‚¤ãƒ¬ã¨ã„ã†ãƒ¯ãƒ¼ãƒ‰ã‚’ãƒ‹ã‚ªãƒ¯ã‚»ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä»•ä¸ŠãŒã‚‹ã‚ˆã†å¿ƒãŒã‘ã¦ã¤ãã‚Šã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼/ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®çš†ã•ã‚“ã¯æ™®æ®µã©ã†ã‚„ã£ã¦è‰²ã‚’é¸ã‚“ã§ã„ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚å¤šãã®å ´åˆã€æ—¢å˜ã®ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚’ã½ã¡ã½ã¡é¸æŠžã—ãŸã‚Šã€#123456ã®ã‚ˆã†ãªã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ã‚’èª¿æ•´ã™ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚å®Ÿã¯ã€ã“ã®æ–¹æ³•ã§ã€Œã„ã„æ„Ÿã˜ã®è‰²ã€ã‚’é¸ã¶ã®ã¯é›£ã—ã„ã®ã§ã™ã€‚ãã®ç†ç”±ã‚’è‰²ã®è¡¨ç¾æ–¹æ³•ã‚’è¸ã¾ãˆã¦èª¬æ˜Žã—ã¾ã™ã€‚ æ··è‰²ç³»ã¨é¡•è‰²ç³» è‰²ã‚’æ•°å€¤ã§è¡¨ç¾ã™ã‚‹æ–¹æ³•ã‚’è¡¨è‰²ç³»ã¨ã„ã„ã¾ã™ã€‚ã‚ªã‚¹ãƒˆãƒ¯ãƒ«ãƒˆè¡¨è‰²ç³»ã‚„ãƒžãƒ³ã‚»
shin1x1 2013/08/21
design

UI
ãƒªãƒ³ã‚¯
GitHub Organization ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒæ¬²ã—ã„ Â· Issue #2 Â· serverspec/serverspec.github.com Â· GitHub
ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã¤ãã£ã¦ã¿ã¾ã—ãŸï¼ ã“ã‚ŒãŒå¥½ã ã“ã‚Œã¯ã‚‚ã†ã¡ã‚‡ã£ã¨ã“ã†ã—ãŸã»ã†ãŒã‚ˆã„ ã“ã‚Œã¨ã“ã‚Œã‚’çµ„ã¿åˆã‚ã›ã¦ã¿ãŸã‚‰ã©ã†ãªã‚‹ã‹ ã¿ãŸã„ãªã®ãŒã‚ã‚Œã°æ•™ãˆã¦é ‚ããŸã„ã§ã™ï¼ ãƒã‚¤ãƒ³ãƒˆ ã»ã¼ã™ã¹ã¦ã€ŒSã€ã‚„ã€ŒSSï¼ˆserverspecï¼‰ã€ã¨æƒ‘æ˜Ÿã‚’ã‚¤ãƒ¡ãƒ¼ã‚¸ã—ã¦ã„ã¾ã™ã€‚ æ‡¸å¿µäº‹é …ã¨ã—ã¦ã¯å®‡å®™ã£ã½ã„ãƒ–ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãŒã„ãã™ãŽã¦ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ã€‚ï¼ˆãŸã ã€æµ·å¤–ã®ã‚µã‚¤ãƒˆã‚‚æ©Ÿèƒ½ã‚’è¨€ã„æ›ãˆãŸã‚Šã—ã¦ã‚‹ã®ã§ã‚ã‚Šã‹ãªãƒ¼ã¨ã„ã†æ°—ã‚‚ã—ã¾ã™ ex. "Boxen is your team's IT robot." ãªã©ï¼‰ å³ã®ä¸‹ã‹ã‚‰äºŒç•ªç›®ã¯æš—è¦–ã‚´ãƒ¼ã‚°ãƒ«ã§Sã‚’ã¤ãã£ã¦ã¿ãŸã‚“ã§ã™ãŒã€ã‚‚ã¯ã‚„ã‚´ãƒ¼ã‚°ãƒ«ã«è¦‹ãˆãªã„ã‹ã‚‚ã§ã™ã€‚ å·¦ä¸‹ã®äºŒã¤ã¯ãƒ‡ãƒŸã•ã‚“ãŒãƒªãƒ³ã‚¯ã‚’è²¼ã£ã¦ã„ãŸ2013 Logo Trendsï¼ˆ http://www.logolounge.com/article/2013logotrends#.UaIIpSuoQhV ï¼‰ã«ã‚ã£ãŸBanner
shin1x1 2013/06/28
ãƒ–ãƒ©ãƒƒã‚·ãƒ¥ã‚¢ãƒƒãƒ—ã—ã¦ã„ãéŽç¨‹ãŒé¢ç™½ã„ã€‚ã‚¹ãƒ†ãƒƒã‚«ãƒ¼æ¬²ã—ã„ãªãƒ¼ã€‚

serverspec

design
ãƒªãƒ³ã‚¯
Ladda
A UI concept which merges loading indicators into the action that invoked them. Primarily intended for use with forms where it gives users immediate feedback upon submit rather than leaving them wondering while the browser does its thing. For a real-world example, check out any of the forms on slides.com. expand-left Submit expand-right Submit expand-up Submit expand-down Submit contract Submit co
shin1x1 2013/06/05
design

UI

button
ãƒªãƒ³ã‚¯
ã€å®Ÿè·µç·¨ã€‘å°‘ã—ã®æ‰‹é–“ã§å¤§ããå¤‰ã‚ã‚‹ã€ç´°éƒ¨ã«ã“ã ã‚ã£ãŸWebãƒ‡ã‚¶ã‚¤ãƒ³ã‚’
2013å¹´3æœˆ23æ—¥ Photoshop ã€Œå°‘ã—ã®æ‰‹é–“ã§å¤§ããå¤‰ã‚ã‚‹ã€ç´°éƒ¨ã«ã“ã ã‚ã£ãŸWebãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã€ã§ç´¹ä»‹ã—ãŸã€Œã‚ãšã‹ãªã€åŠ å·¥ã‚’ä½¿ã£ã¦ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‹ã£ã“ã‚ˆãã—ã‚ˆã†ï¼ã¨ã„ã†ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«è¨˜äº‹ã§ã™ã€‚å‰å›žã®è¨˜äº‹å†…ã«Photoshopã§ã®ä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚‚è¼‰ã›ãŸã‹ã£ãŸã®ã§ã™ãŒã€ã‚ã¾ã‚Šã«ã‚‚é•·ããªã‚Šãã†ã ã£ãŸã®ã§åˆ¥è¨˜äº‹ã«ã™ã‚‹äº‹ã«ã€‚åˆã‚ã›ã¦è¦‹ã¦ã¿ã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼
shin1x1 2011/08/11
design
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸