[B! webãƒ‡ã‚¶ã‚¤ãƒ³] snjxã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

snjx id:snjx

webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹snjxã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å…¨ç„¶ã‚ã‹ã‚‰ãªã„ãƒžãƒ³ãŒã€ã¡ã‚‡ã£ã¨ã§ã‚‚è¦‹ãŸç›®ã®ã„ã„Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚ã†ã¨ã—ã¦ã‚„ã£ãŸã“ã¨ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã¯ã˜ã‚ã« ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã—ã¦ã„ã‚‹ã¨ã€è‡ªåˆ†ã§Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚ŠãŸã„ã¨ã„ã†æ°—æŒã¡ãŒã‚ã„ã¦ãã‚‹ã‚‚ã®ã§ã™ï¼ˆç§ã¯ãã†ã§ã—ãŸï¼‰ã€‚ã—ã‹ã—ã€ã“ã“ã§å¤§ããªå•é¡ŒãŒç«‹ã¡ã¯ã ã‹ã‚Šã¾ã™ã€‚ã©ã‚“ãªã«ã™ã”ã„æ©Ÿèƒ½ã‚’ã¤ã‘ã¦ã‚‚ã€ã„ã„æ„Ÿã˜ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®Webã‚µãƒ¼ãƒ“ã‚¹ã§ãªã„ã¨ãã‚‚ãã‚‚ä½¿ã£ã¦ã‚‚ã‚‰ãˆãªã„ã®ã§ã™ã€‚ è©¦ã—ã«ã€Qiitaã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®CSSã‚’ç„¡åŠ¹ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ä½¿ãˆã‚‹æ©Ÿèƒ½ã¯å¤‰ã‚ã‚‰ãªã„ã¯ãšãªã®ã«ã€å…¨ãä½¿ã†æ°—ãŒèµ·ããªããªã‚Šã¾ã™ãã€‚ ã—ã‹ã—ãã†ã¯è¨€ã£ã¦ã‚‚ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®çµŒé¨“ãŒã»ã¨ã‚“ã©ãªã„ã¨ã©ã†ã™ã‚Œã°è¦‹ãŸç›®ã‚’ã„ã„æ„Ÿã˜ã«ã§ãã‚‹ã‹ãŒã‚ã‹ã‚Šã¾ã›ã‚“ã€‚ä»Šå›žã¯ã€ã¡ã‚‡ã£
snjx 2018/04/06
Webã‚µãƒ¼ãƒ“ã‚¹

Rails

webãƒ‡ã‚¶ã‚¤ãƒ³

Ruby

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

è€ƒå¯Ÿ

æŠ€è¡“

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

CSS

html
ãƒªãƒ³ã‚¯
2017å¹´ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«ã¤ã„ã¦è€ƒãˆã‚‹ã€‚ï½œYuya Furusatoï½œnote
æ ªå¼ä¼šç¤¾rootã®UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ å¤é‡Œç¥å“‰ã§ã™ï¼ˆ@remmyfurusatoï¼‰ã€‚ rootã§ã¯ã€ã‚µãƒ¼ãƒ“ã‚¹ã®ç«‹ã¡ä¸Šã’ã‚„ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«ä¼´ã†ã€UI/UXãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã”æ”¯æ´ã—ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€ä»Šå¹´ã‚’æŒ¯ã‚Šè¿”ãˆã‚‹ã¨ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«æ³¨åŠ›ã—ãŸã€å¹´ã§ã—ãŸã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’å¿…è¦ã¨ã•ã‚Œã‚‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆæ§˜ã«ã¯å…±é€šç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ‘ã‚¿ãƒ¼ãƒ³ã‚„ãƒ‘ãƒ¼ãƒ„ã®ä½¿ã„æ–¹ãŒå®šç¾©ã•ã‚Œã¦ã„ãªã„ã§ã€è¨è¨ˆè€…ã‚„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒè¿·ã†ã€‚ ãƒ»çµæžœã€ã‚µãƒ¼ãƒ“ã‚¹å…¨ä½“ã®ä¸€è²«æ€§ãŒãªãä½¿ã„ã¥ã‚‰ã„ã€‚ ã“ã®ã‚ˆã†ãªèª²é¡Œã‚’æŠ±ãˆã‚‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆæ§˜ã‹ã‚‰ã®ã”ä¾é ¼ã‚’å¤šãã„ãŸã ãã¾ã—ãŸã€‚ã‚µãƒ¼ãƒ“ã‚¹é–‹ç™ºã®ç¾å ´ã§ã€å¾ã€…ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®é‡è¦æ€§ãŒåºƒã¾ã£ã¦ãã¦ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ä½œæˆã‚’é€šã—ã¦è€ƒãˆãŸã“ã¨ã‚’ã¾ã¨ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã¯ï¼Ÿ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®å®šç¾©ã¯ã€Œã‚µãƒ¼ãƒ“ã‚¹ã‚„ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³æ–¹é‡ã‚’ç¤ºã—ãŸãƒ‰ã‚ãƒ¥ãƒ¡
snjx 2017/11/27
ã¡ã‚ƒã‚“ã¨ãƒ¯ãƒ¼ã‚¯ã™ã‚‹åœŸå£Œã‚’ä½œã‚Šã¾ã—ã‚‡ã†ã€‚â†ãã“ã§ã™ã€‚

webãƒ‡ã‚¶ã‚¤ãƒ³

webã‚µãƒ¼ãƒ“ã‚¹

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

æŠ€è¡“

è€ƒå¯Ÿ

ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ

è¨è¨ˆ
ãƒªãƒ³ã‚¯
Loading...
snjx 2017/03/31
webã‚µãƒ¼ãƒ“ã‚¹

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

è³‡æ–™

æŠ€è¡“

javascript

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‡ãƒãƒƒã‚°
ãƒªãƒ³ã‚¯
ç®¡ç†ç”»é¢ã‚’ä½œã‚‹ï¼šAdminLTE åŸºæœ¬ç·¨ - Qiita
ç®¡ç†ç”»é¢ã‚’ä½œã‚‹ã®ã¯å¤§å¤‰ãªã®ã§ã€ãªã‚‹ã¹ãæ‰‹é–“ã‚’çœããŸã„ã€‚Bootstrapã§ã‚‚ã„ã„ãŒã€æ„å¤–ã¨ã—ã‚‡ã¼ããªã‚‹ã®ã¨ã€ä½•ã‚ˆã‚Šãƒ¡ãƒ‹ãƒ¥å‘¨ã‚Šã®åˆ¶å¾¡ãŒä»Šã²ã¨ã¤ãªæ„Ÿã˜ãŒã™ã‚‹ã€‚ãã“ã§ã€ç®¡ç†ç”»é¢ä½œæˆã«ç‰¹åŒ–ã—ãŸCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ã¦ã¿ã‚‹ã€‚ ã„ãã¤ã‹é¸æŠžè‚¢ã¯ã‚ã‚‹ãŒã€ã“ã“ã§ã¯AdminLTEã‚’åˆ©ç”¨ã—ã¦ã¿ã‚‹ã€‚ bootstrapãƒ™ãƒ¼ã‚¹ã¨ã¯ãªã£ã¦ã„ã‚‹ãŒã€ã„ã‚ã„ã‚ã¨ç‹¬è‡ªã®ç™–ãŒã‚ã‚Šã€ã€Œbootstrapã ã¨å‹•ãã®ã«ãƒ»ãƒ»ãƒ»ã€ã¿ãŸã„ãªã“ã¨ãŒã¾ã¾ã‚ã‚‹ã€‚ ###æœ€åˆã«æ³¨æ„ ã¾ã˜ã‚ã«ã€TOPãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ä½œã£ã¦è¦‹ãŸãŒã€Dropdownç‰ã€åŸºæœ¬çš„ãªæ©Ÿèƒ½ãŒã†ã¾ãå‹•ä½œã—ãªã„ã“ã¨ãŒã‚ã£ãŸã€‚ã©ã†ã‚„ã‚‰ã€ä»–ã®è¦ç´ ã«ä¾å˜ã—ã¦ã„ã‚‹ã®ã§ã€header(class="main-header")ã ã‘ã§ãªãã€ã‚µã‚¤ãƒ‰ãƒãƒ¼(class="main-sidebar")ã‚„ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„(class="content-wrapper")ã€ãƒ•ãƒƒã‚¿ãƒ¼(class="main
snjx 2017/02/22
bootstrapã¨AdminLTEã¯ã€ä¼¼ã¦éžãªã‚‹ã‚‚ã®ã‚‰ã—ã„ã€‚

Bootstrap

webãƒ‡ã‚¶ã‚¤ãƒ³

webã‚µãƒ¼ãƒ“ã‚¹

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

è³‡æ–™

æŠ€è¡“

jQuery

CSS

AdminLTE
ãƒªãƒ³ã‚¯
CSSã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«æ›¸ãã“ã¨ãŒã§ãã‚‹LESSä½¿ã£ã¦ã¿ãŸ
CSSã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«æ›¸ãã“ã¨ãŒã§ãã‚‹LESSä½¿ã£ã¦ã¿ãŸ CSSã¯ã‚·ãƒ³ãƒ—ãƒ«ãªã®ã§ã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„è¨€èªžã§ã¯ã‚ã‚Šã¾ã™ãŒã€ãã®åˆ†ã‚µã‚¤ãƒˆãŒè‚¥å¤§åŒ–ã—ã¦ã„ãã¨ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹æ€§ãŒæ‚ªããªã‚Šã¾ã™ãã€‚ LESSã‚’ä½¿ãˆã°ãƒ—ãƒã‚°ãƒ©ãƒ çš„ãªæ›¸ãæ–¹ãŒã§ãã‚‹ã®ã§ã€ãƒ ãƒ€ãªãåŠ¹çŽ‡çš„ã«ç®¡ç†ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ æŠ•ç¨¿æ—¥2011å¹´12æœˆ13æ—¥ æ›´æ–°æ—¥2011å¹´12æœˆ13æ—¥ ãƒã‚¹ãƒˆï¼ˆéšŽå±¤ï¼‰åŒ–ã§ãã‚‹ ãŸã¨ãˆã°ã“ã‚“ãªCSSãŒã‚ã‚Šã¾ã™ã€‚ css div.section { width: 500px; margin: 0 auto; border: solid 1px #999; padding: 1px; } div.section h3 { background: #999; font-size: 131%; padding: 10px; } div.section h3 a { color: #fff; } div.section h3 a
snjx 2017/01/25
Webãƒ‡ã‚¶ã‚¤ãƒ³

LESS

CSS

HTML

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

webã‚µãƒ¼ãƒ“ã‚¹

è³‡æ–™

æŠ€è¡“
ãƒªãƒ³ã‚¯
HTML5ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«ä½œæˆã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã€ŒGoogle Web Designerã€ï¼†ã€ŒHTML5 MAKERã€ï½œBLACKFLAG
Webãƒšãƒ¼ã‚¸ä¸Šã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ¼”å‡ºã‚’çµ„ã¿è¾¼ã‚‚ã†ã¨ã™ã‚‹å ´åˆã€ ä»Šã§ã¯JavaScriptï¼ˆjQueryï¼‰ã‚„CSS3ãªã©ã€å®Ÿè£…æ–¹æ³•ãŒã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒ HTML5ã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‹•ä½œã‚’ç°¡å˜ã«ä½œæˆã™ã‚‹ã“ã¨ãŒã§ãã‚‹ æ°—ã«ãªã‚‹ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ãŒ2ç‚¹ã»ã©ã‚ã£ãŸã®ã§è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã¨ã—ã¦ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ Google Web Designer è¨€ã‚ãšã¨çŸ¥ã‚ŒãŸGoogleã•ã‚“ã‹ã‚‰å…¬é–‹ã—ã¦ã„ã‚‹ HTML5ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘ãŸåºƒå‘Šã‚’åˆ¶ä½œã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã€ŒGoogle Web Designerã€ã€‚ ãƒ„ãƒ¼ãƒ«ã¯ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®ã€ŒGoogle Web Designerã€ã§ã¯åºƒå‘ŠãƒãƒŠãƒ¼ã®ã¿ãªã‚‰ãš ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ãªã©ã‚‚ç°¡å˜ã«ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãŠã‚Š æ“ä½œã‚‚ç›´æ„Ÿçš„ã«åˆ¶ä½œã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ä½œæˆã—ãŸãƒ‡ãƒ¼ã‚¿ã¯ä¸€å¼ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ã çµ„ã¿è¾¼ã¿ã‚‚ç°¡å˜ã«ã§ãã¾ã™ã€‚ è©¦ã—ã«ä½œæˆã—ã¦ã¿ãŸã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ã€‚
snjx 2015/10/07
HTML5

ãƒ„ãƒ¼ãƒ«

webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚·ã‚¹ãƒ†ãƒ é–‹ç™º

æŠ€è¡“

è³‡æ–™
ãƒªãƒ³ã‚¯
1