[B! StyleDocco] site159ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

site159 id:site159

StyleDoccoã«é–¢ã™ã‚‹site159ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

ãˆã£ï¼ãƒ“ãƒ«ãƒ‰ä¸è¦ï¼ŸJavaScriptã§è‡ªå‹•ç”Ÿæˆã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼Kalei | ãƒã‚·ãƒ£ãƒã‚°ã€‚
å¨˜ã®èª•ç”Ÿæ—¥ã«ã€ãƒ‰ãƒ©ãˆã‚‚ã‚“ãƒ‰ãƒ³ã‚¸ãƒ£ãƒ©DXã‚’ãƒ—ãƒ¬ã‚¼ãƒ³ãƒˆã—ã¾ã—ãŸ ishida ã§ã™ã€‚ å¨˜ã¨ã¨ã‚‚ã«ãƒãƒžã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚æ—©ãã€Œãƒ‰ãƒ³ã‚¸ãƒ£ãƒ©ã€ã£ã¦è¨€ã„ãŸã„ã£ï¼ ã•ã¦ã•ã¦ã€çš†ã•ã‚“ HTML/CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ä½œæˆã—ã¦ã„ã¾ã™ã‹ï¼Ÿ ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¯ã€ã‚µã‚¤ãƒˆå†…ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹éƒ¨å“ã‚’ä¸€è¦§åŒ–ã—ã¦ ã“ã‚“ãªãƒ‘ãƒ¼ãƒ„ã‚’ä½¿ã£ã¦ã¾ã™ã‚ˆãƒ¼ã¨ã™ã‚‹ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ã™ã€‚ è¤‡æ•°äººã§ã®ãƒšãƒ¼ã‚¸åˆ¶ä½œã‚„æ–°è¦ã‚µã‚¤ãƒˆæ§‹ç¯‰å¾Œã®é‹ç”¨ã«ã¯æ¬ ã‹ã›ã¾ã›ã‚“ã€‚ ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã«ã‚ˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ç”Ÿæˆã‚‚äººæ°—ã«ãªã‚Šã¤ã¤ã‚ã‚Š< æœ€è¿‘ã§ã¯ã€StyleDocco ãŒæœ‰åã§ã™ãã€‚ StyleDocco ä»¥å¤–ã«ã‚‚ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ç”Ÿæˆã®ãƒ„ãƒ¼ãƒ«ã¯ã„ã‚ã„ã‚ã‚ã‚Šã¾ã™ã€‚ ãã®ãªã‹ã§ã‚‚ãƒ“ãƒ«ãƒ‰ã‚’å¿…è¦ã¨ã—ãªã„ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ã”ç´¹ä»‹ã§ã™ã€‚ ãƒ“ãƒ«ãƒ‰ä¸è¦ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼Kalei ã“ã¡ã‚‰ã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ãŒä¸è¦ã§ Ruby ã‚„ Node.js
site159 2013/11/18
StyleDocco

Generator
ãƒªãƒ³ã‚¯
StyleDocco with Sass/Compass | Tech-Step
Usage I usually use Sass for css editing. So, let me introduce this with Sass. The markdown comments are the styledocco. Edit Scss /* # Import Compass plugins #### compass/reset -> reset css #### compass/css3/ -> for css mixins */ @import "compass/reset"; @import "compass/css3/"; $default-border-radius: 5px; /* # mixin gradient #### $start -> start color #### $end -> end color */ @mixin gradient($
site159 2013/10/30
StyleDocco

compass
ãƒªãƒ³ã‚¯
GitHub - leandono/compass-styledocco-example: Example of the use of styledocco with Sass & Compass.
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
site159 2013/10/30
StyleDocco

compass
ãƒªãƒ³ã‚¯
WordPressã®ãƒ†ãƒ¼ãƒžä½œæˆã§StyleDoccoã¨Compassã‚’ä½¿ã† : WordPress
WordPressãƒ†ãƒ¼ãƒžã®style.cssã‹ã‚‰ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ä½œæˆã™ã‚‹ã€‚ mytheme | |-- docs | |-- css | |-- style.css ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« $ npm install -fg styledocco ãƒ‘ãƒ¼ãƒŸã‚·ãƒ§ãƒ³ã®é–¢ä¿‚ã§sudoã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€‚ $ sudo npm install -fg styledocco ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ä½œæˆ $ cd mytheme $ styledocco -n "my theme" -o docs/css style.css StyleDocco Sass + Compass ãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µ Sass + Compassã‚’ä½¿ã„style.cssã‚’ä½œæˆã™ã‚‹ã€‚ style.scssã‚’ä½œæˆã™ã‚‹ã€‚ style.scssã‚’Compassã§ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—style.cssã‚’ä½œæˆã™ã‚‹ã€‚ Sassã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ¸ˆã¿ã¨ã™ã‚‹ã€‚ Compassã‚’ã‚¤
site159 2013/10/21
compass

WordPress

StyleDocco
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ç”Ÿæˆã™ã‚‹ã€ŒStyleDoccoã€ã®ä½¿ç”¨æ„Ÿ - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚ï¼ˆæ›´æ–°ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ å…ˆæ—¥ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’åˆ¶ä½œã™ã‚‹æ©Ÿä¼šãŒã‚ã‚Šã¾ã—ã¦ã€ ã›ã£ã‹ããªã®ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã®ç”Ÿæˆã«åˆ©ç”¨ã—ãŸStyleDoccoã®ä½¿ç”¨æ„Ÿãªã©ã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã«ã¤ã„ã¦ ã–ã£ãã‚Šè¨€ã†ã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ã™ã€‚ è‡ªåˆ†ä¸€äººã§å®Œçµã™ã‚‹ãã®å ´é™ã‚Šã®ãƒšãƒ¼ã‚¸ãªã‚‰è‰¯ã„ã®ã§ã™ãŒã€ è¤‡æ•°äººã®ãƒãƒ¼ãƒ ã§çµ„ã¿è¾¼ã‚“ã§ã„ãŸã‚Šã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ‹…å½“ãŒä»–ã®æ–¹ã ã£ãŸã‚Šã™ã‚‹å ´åˆã€ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®CSSã‚’ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆåŒ–ã—ã¦ãŠãå¿…è¦ãŒå‡ºã¦ãã¾ã™ãã€‚ä¾‹ãˆã°ã€ ã©ã®ã‚ˆã†ãªå‘½åè¦å‰‡ã‚„æ–¹é‡ã§æ›¸ã‹ã‚Œã¦ã„ã¦ ã©ã“ã«ãªã«ãŒã‚ã‚Š ã©ã®ã‚ˆã†ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒã©ã“ã§ä½¿ãˆã¦ ãã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯ã©ã†ã™ã‚‹ã¨ã©ã®ã‚ˆã†ãªæŒ™å‹•ã‚’èµ·ã“ã™ã®ã‹ ç‰ã‚’ã¾ã¨ã‚ã¦ãŠãæ–‡æ›¸ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ è¦æ¨¡ã«ã‚ˆã£ã¦ã¯ã‹ãªã‚Šéª¨ãªä½œæ¥ã«ãªã‚Šãã†ã§ã™ã€‚ StyleDoccoã¨ã¯ StyleDocco StyleDocco ge
site159 2013/10/16
StyleDocco
ãƒªãƒ³ã‚¯
StyleDoccoã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ä½œã‚‹ - ã‚·ã‚¢ãƒˆãƒ«ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚° ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ iijmyaã§ã™ã€‚ ä»Šå›žã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ä½œæˆã§ãã‚‹ã€ŒStyleDoccoã€ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 1ï¼Žã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¨ã¯ ãƒšãƒ¼ã‚¸ã®éƒ¨å“ï¼ˆãƒœã‚¿ãƒ³ãªã©ï¼‰ã«ã¤ã„ã¦å®Ÿéš›ã«ã©ã®ã‚ˆã†ãªè¦‹ãŸç›®ã«ãªã‚‹ã®ã‹ã«ã¤ã„ã¦ã€ä¸€è¦§ã«ã¾ã¨ã‚ã‚‹ã‚‚ã®ã¨ãªã‚Šã¾ã™ã€‚ 2ï¼ŽStyleDoccoã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ä½œã‚‹ ã€ŒStyleDoccoã€ã¯ã€CSSãƒ•ã‚¡ã‚¤ãƒ«ã«ã‚³ãƒ¡ãƒ³ãƒˆå½¢å¼ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®èª¬æ˜Žã¨HTMLã‚’æ›¸ãè¾¼ã‚€ã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ç”Ÿæˆã—ã¦ãã‚Œã‚‹ã€node.jsã§å®Ÿè£…ã•ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã§ã™ã€‚ â– StyleDoccoã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ãã‚Œã§ã¯æ—©é€Ÿã€ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ä¸Šã§ä»¥ä¸‹ã®ã‚³ãƒžãƒ³ãƒ‰ã‚’æ‰“ã¡ã€StyleDoccoã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã—ã‚‡ã†ã€‚ â€» StyleDoccoã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã«ã¯ã€äº‹å‰ã«ã€Œnode.jsã€ã¨ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ç®¡ç†ãƒ„ãƒ¼ãƒ«ã€Œnpmã€ãŒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ $ sudo npm install
site159 2013/10/16
StyleDocco
ãƒªãƒ³ã‚¯
CSSã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã®ã‚¹ã‚¹ãƒ¡ï¼ˆStyleDoccoå…¥é–€ç·¨ï¼‰ | MONSTER DIVE
ä½•æ•…å¿…è¦ã‹ï¼Ÿ å¤§è¦æ¨¡ã®ã‚µã‚¤ãƒˆåˆ¶ä½œã‚„æ™‚é–“ãŒãªã„ã¨ããªã©ã€è¤‡æ•°ã®äººã§åˆ¶ä½œã‚’é€²ã‚ã¦ã„ã‚‹ã¨ã€ ã€Œã“ã®ãƒšãƒ¼ã‚¸ã‚’ãƒ™ãƒ¼ã‚¹ã«é‡ç”£ãŠé¡˜ã„ã€ ã¨é ¼ã¾ã‚ŒãŸã‚Šã€ ã€Œèª°ãŒã“ã®classä¸Šæ›¸ãã—ãŸã®ï¼Ÿã€ ã€ŒåŒã˜ã‚ˆã†ãªclassãŒãŸãã•ã‚“å‡ºæ¥ã¦ã—ã¾ã£ãŸï¼ã€ ã¨æ€’ã‚‰ã‚ŒãŸã‚Šã—ãŸçµŒé¨“ã¯ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ã—ã¦ã„ã‚‹äººãªã‚‰èª°ã‚‚ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªã¨ãã«ã€åˆ¶ä½œã‚’é€²ã‚ã‚‹ä¸Šã§ãŠã™ã™ã‚ãªã®ãŒã‚µã‚¤ãƒˆã®CSSãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã€‚ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ã„ã†ã¨å›ºã„ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã™ãŒã€è¦ã¯CSSã®èª¬æ˜Žãƒ»ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ "ã“ã®ãƒšãƒ¼ã‚¸ã‚’ãƒ™ãƒ¼ã‚¹ã«"ã¨ã„ã†ãã®ãƒ™ãƒ¼ã‚¹ã®CSSã‚’æŠŠæ¡ã™ã‚‹ã®ã«æ™‚é–“ãŒã‹ã‹ã£ãŸã‚Šã‚‚ã™ã‚‹ã®ã§ã€ãã‚Œã‚’CSSã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãŒã‚ã‚Œã°ã™ãã«æŠŠæ¡ã§ãã‚‹ã€‚ ã“ã‚ŒãŒå··ã§CSSã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¨è¨€ã‚ã‚Œã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ ãƒ™ãƒ¼ã‚¹ãƒšãƒ¼ã‚¸ã®åˆ¶ä½œè€…ã‚‚ã€ã‚³ãƒ¡ãƒ³ãƒˆã‚’å…¥ã‚Œã‚‹ç™–ã ã‘ä»˜ã‘ã¦ã—ã¾ãˆã°ã€ã‚ã¨ã¯è‡ªå‹•çš„ã«CSSã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãŒã‚³ãƒžãƒ³ãƒ‰ä¸€ç™ºã§ç”Ÿæˆã•ã‚Œã¾ã™ã€‚ å‰ç½®ããŒé•·ããªã£ãŸã®ã§ã€
site159 2013/10/16
StyleDocco
ãƒªãƒ³ã‚¯
StyleDoccoã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãƒšãƒ¼ã‚¸ã‚’å°Žå…¥ã™ã‚‹ | ajike switch
ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã£ã¦é‡è¦ã ãªã¨ç—›æ„Ÿã—ãŸã®ã§ã€StyleDoccoã®å°Žå…¥æ–¹æ³•ã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã€Œã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã€ã£ã¦ä½•ï¼Ÿ ã¾ãšã¯ã€Œã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã€ã¨ã„ã£ã¦ã‚‚ãƒ”ãƒ³ã¨ã“ãªã„äººãŒã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ãã®èª¬æ˜Žã§ã™ã€‚ Wikipediaã«ã‚ˆã‚‹ã¨ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã®å ´åˆã¯ã€ä¸»ã«å¤–è¦³ã‚„æŠ€è¡“çš„ãªå´é¢ã«é–¢ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¦å®šã™ã‚‹ã€‚ ã¨ã¾ã‚ã“ã‚Œã§ã‚‚ãƒ”ãƒ³ã¨ã“ãªã„ã¨æ€ã†ã®ã§ç§ãªã‚Šã«å™›ã¿ç •ã„ã¦è¨€ã†ã¨ã€ã‚µã‚¤ãƒˆå†…ã®ãƒ‘ãƒ¼ãƒ„ã‚„ä½¿ã„ã¾ã‚ã™ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å®šç¾©ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ å®Ÿéš›ã«è¦‹ãŸã»ã†ãŒã¯ã‚„ã„ã¨æ€ã„ã¾ã™ã®ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãƒšãƒ¼ã‚¸ã¨ã—ã¦è¦‹ã‚Œã‚‹ã‚‚ã®ã‚’ã‚ã’ã¦ã¿ã¾ã™ã€‚ MailChimp Design Patterns Starbucs Style Guide Github Styleguide ã“ã‚Œã‚‰ã®ãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚Œã°ã€ä¸€ç›®ã§æ—¢ã«å®šç¾©ã•ã‚Œã¦ã„ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ãŒåˆ†ã‹ã‚‹ã®ã§ç„¡é§„ãŒãŠã•ãˆã‚‰ã‚Œã¾ã™ã‚ˆãã€‚ è¤‡æ•°äººã§
site159 2013/10/16
StyleDocco

grunt.js
ãƒªãƒ³ã‚¯
ã€Gruntã€‘styledoccoã§CSSã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’è‡ªå‹•ä½œæˆã‚’ã—ã¦ã¿ã‚‹ã€‚ | DevelopersIO
ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ styledoccoã¨ã¯? å°Žå…¥æº–å‚™ Gruntã®è¨å®š CSSã®ã‚³ãƒ¡ãƒ³ãƒˆè¨˜è¿°æ–¹æ³• å‹•ä½œç¢ºèª styledoccoã¨ã¯ï¼Ÿ Node.jsã‚’ä½¿ç”¨ã—ã¦ã€CSSã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ä½œæˆã—ã¦ãã‚Œã¾ã™ã€‚ å°Žå…¥æº–å‚™ ä»Šå›žã¯Node.jsã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚å½“ãƒ–ãƒã‚°ã§ã‚‚ç’°å¢ƒæ§‹ç¯‰ã®ã”ç´¹ä»‹ã—ã¦ã„ã¾ã™ã®ã§ã€ä»¥ä¸‹ã‚’å‚è€ƒã«Node.jsã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ãã ã•ã„ã€‚ ã€ã‚‚ã†ã™ããƒãƒ¬ãƒ³ã‚¿ã‚¤ãƒ³ãƒ‡ãƒ¼ã€‘ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒCoffeeScpritã€TypeScriptã®é–‹ç™ºç’°å¢ƒï¼ˆWin/Macï¼‰ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã¿ã‚‹ ä»Šå›žã®å‹•ä½œç’°å¢ƒ OS:windows7 Gruntã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã€‚ ä»Šå›žstyledoccoã‚’è‡ªå‹•åŒ–ã™ã‚‹ã«éš›ã«ã€Gruntã«ãŠä¸–è©±ã«ãªã‚‹ã®ã§ä»¥ä¸‹ã‚³ãƒžãƒ³ãƒ‰ã‹ã‚‰Gruntã‚’ã‚¤ãƒ³ã‚¹ãƒ¼ãƒ«ã—ã¾ã™ã€‚ npm install -g grunt npm install -g grunt-cli gruntã§è‡ªå‹•åŒ–ã—
site159 2013/10/16
StyleDocco

grunt.js
ãƒªãƒ³ã‚¯
http://toybox-design.net/?p=640
site159 2013/10/16
SCSS

StyleDocco
ãƒªãƒ³ã‚¯
decodize.com
This domain may be for sale!
site159 2013/03/11
CSS

styledocco

Generator

Windows
ãƒªãƒ³ã‚¯
StyleDoccoã§styleguideã‚’ä½œæˆ
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã§æ¥å‹™ã‚’å¼•ãç¶™ãã¨é¢å€’ãªã®ãŒã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ä»•æ§˜ã®æŠŠæ¡ã§ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãŒã‚ã‚‹ã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚„ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚‚éžå¸¸ã«è¡Œã„ã‚„ã™ã„ã®ã§ã™ãŒã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ä½œæˆã™ã‚‹ã®ã¯çµæ§‹é¢å€’ã€‚ ãã‚“ãªã“ã‚“ãªã§cssã®ã‚³ãƒ¡ãƒ³ãƒˆã§å¯¾å¿œã—ã¦ãŸãŒã€ãã‚ãã‚ã‚ãƒãƒ³ã¨ã—ã‚ˆã†æ€ã„ã€styleguide document generatorã‚’æ¤œè¨Žã—ã¦ã¿ãŸã€‚ styleguide document generatorã«ã¤ã„ã¦æœ‰åã©ã“ã‚ã® StyleDocco ã¨ kss ãŒã‚ã‚‹ã®ã§ã€ä»Šå›žã¯StyleDoccoã«ã¤ã„ã¦ã€‚ StyleDocco generates style guide documents from your stylesheets by parsing your stylesheet comments through Markdown. You can write HTML snippe
site159 2013/03/11
Generator

StyleDocco
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®å¿…é ˆãƒ„ãƒ¼ãƒ«ã«ãªã‚Šãã†ã€‚ã‚¹ãƒ†ã‚ãªCSSã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ç”Ÿæˆã™ã‚‹ï½¢styleDoccoï½£ã®å°Žå…¥ã¨grunt.jsã§ã®è‡ªå‹•åŒ–ã®ãƒ¡ãƒ¢ | Mnemoniqs Web Designer Blog
ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹æ™‚ã«ã€è¤‡æ•°ã®ä½œæ¥è€…ãŒã„ã‚‹å ´åˆã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¯ã¨ã¦ã‚‚é‡è¦ã§ã™ã€‚ ç‰¹ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ã‚µãƒ¼ãƒ“ã‚¹ã§ã¯ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã®å…±é€šåŒ–ã‚„ç”»åƒã®ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆåŒ–ãŒã‚‚ã‚ã«ãƒšãƒ¼ã‚¸è¡¨ç¤ºé€Ÿåº¦ã«å½±éŸ¿ã™ã‚‹ãŸã‚ã€ã‚ˆã‚Šç²¾åº¦ãŒé«˜ãç´°ã‹ã„ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã«è€ãˆã†ã‚‹CSSã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ã“ã‚Œã‚’Excelã‚„PowerPointã§ç®¡ç†ã—ã¦ã„ã‚‹ã¨ã€ç´°ã‹ã„å¤‰æ›´ã®åæ˜ ãŒå¤§å¤‰ã ã—ã€ãªã«ã‚ˆã‚Šè¦‹ã«ãã„ã€‚ ãã‚“ãªæ™‚ã€ã“ã¡ã‚‰ã®è¨˜äº‹ã€ŒCSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã€ inkdesignã®ä¸ã§ã€ ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¯â€ç”Ÿãã¦ã„ã‚‹â€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ãªã‘ã‚Œã°ã„ã‘ãªã„ ã¨ã„ã†ã‚·ãƒ“ãƒ¬ã‚‹ã‚ãƒ£ãƒƒãƒã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã€ŒstyleDoccoã€ã¨ã„ã†ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‚’ç™ºè¦‹ã€‚ ã“ã‚Œã¯ãªã‚“ã ã‹è‰¯ã•ãã†ã ï¼ã¨ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å–ã‚Šå…¥ã‚Œã¦ã¿ã‚‹ã“ã¨ã«ã—ãŸã®ã§ã€å°Žå…¥ã¨ã‹è¨å®šã¨ã‹ã‚’ãƒ¡ãƒ¢ã€‚ ã€ŒstyleDoccoã€ã£ã¦ãªã«ï¼Ÿ ã€Œstyle
site159 2012/12/17
ã†ã¾ï½žãé‹ç”¨ã§ããŸã‚‰ã„ã„ãªãã€€ã“ã‚Œ

CSS

grunt.js

node.js

Coding

StyleDocco
ãƒªãƒ³ã‚¯
CSSãƒ—ãƒªãƒ—ãƒã‚»ãƒƒã‚µã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ - inkdesign
07 Dec 2012 â€»ã“ã®è¨˜äº‹ã¯ã€CSS Preprocessor Advent Calendar 2012ã®7æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ CSS Preprocessorã¨IAã®è¦ªå’Œæ€§ã€ã¨ã„ã†è¨˜äº‹ã®å½±éŸ¿ã‚’å—ã‘ã¾ã—ã¦ã€ã“ã¡ã‚‰ã®è¨˜äº‹ã§æ›¸ã‹ã‚Œã¦ã„ãŸã€ CSS Preprocessor ãã®ã‚‚ã®ã‚’å…±é€šãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«ã—ã¦ã—ã¾ã†ã¨ã‹ ã¨ã„ã†ç‚¹ã‚’æ‹¾ã‚ã›ã¦ã„ãŸã ãã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã®ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã‚ˆã†ã¨ãŠã‚‚ã†ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¨ã¯ãªã«ã‹ ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¯ç°¡å˜ã«ã„ã†ã¨ã€ãƒ¢ãƒã‚¤ãƒ«æ™‚ä»£ã«ãŠã‘ã‚‹CSSã®è¨è¨ˆã¨å®Ÿè£…ã‹ã‚‰å¼•ç”¨ã•ã›ã¦ã‚‚ã‚‰ã†ã¨ã€ãƒšãƒ¼ã‚¸ä¸Šã®éƒ¨å“ï¼ˆã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆï¼‰ã‚’ã‚ã¤ã‚ãŸãƒªã‚¹ãƒˆã€ãƒšãƒ¼ã‚¸ã®ã“ã¨ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨å‘¼ã°ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚ å…·ä½“çš„ãªæˆæžœç‰©ã¨ã—ã¦ã©ã†ã„ã£ãŸã‚‚ã®ã‚’æŒ‡ã™ã®ã‹ã¨ã„ã†ã®ã¯å®Ÿéš›ã®ãƒšãƒ¼ã‚¸ã‚’ã¿ã¦ã‚‚ã‚‰ã†æ–¹ãŒæ—©ã„ã¨ãŠã‚‚ã†ã®ã§ã€ä¸€åº¦ä¸‹è¨˜ã®ãƒšãƒ¼ã‚¸ã‚‚å‚ç…§ã—ã¦ã»ã—ã„ã€‚ MailChimp Design P
site159 2012/12/08
SCSS

StyleDocco
ãƒªãƒ³ã‚¯
UXã®åŠ¹æžœãŒæ•°å—ã§ã‚ã‹ã‚‹ï¼5ã¤ã®UX KPI : DeNA Creator(ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼) Blog
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™è‚²ã‚„ç¤¾å“¡ã®å¥åº·ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã€ŒCHOå®¤ã€ã®å–ã‚Šçµ„ã¿ãªã©ã€DeNAã®CSRã«é–¢ã™ã‚‹æƒ…å ±ã‚’ç™ºä¿¡ã™ã‚‹ãƒ–ãƒã‚°
site159 2012/09/05
iPhone

android

iPad

Application

ã¾ã¨ã‚

Coding
ãƒªãƒ³ã‚¯
1