[B! åˆ†ã‹ã‚Šã‚„ã™ã„] mut00tumã®ãƒ

mut00tum id:mut00tum

åˆ†ã‹ã‚Šã‚„ã™ã„ã«é–¢ã™ã‚‹mut00tumã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Curbside SOS
Curbside SOS Sign In Em ail Password Rem ember me Forgot your password?
mut00tum 2015/05/15
ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°

ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰

åˆ†ã‹ã‚Šã‚„ã™ã„
ãƒªãƒ³ã‚¯
è¦ç´ ã®é‡ãªã‚Šã«ã¤ã„ã¦æœ¬æ°—å‡ºã—ã¦è€ƒãˆã¦ã¿ãŸï¼ˆz-indexã¨ã‹ä½•ã¨ã‹ã¨ã‹ï¼‰ â€“ No.1026
ã‚ãªãŸã¯html/cssã«ãŠã‘ã‚‹è¦ç´ ã®é‡ãªã‚Šæ–¹ã‚’çŸ¥ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ z-indexã‚’æŒ‡å®šã—ãªã‘ã‚Œã°å…ˆã«æ›¸ã„ãŸã»ã†ãŒä¸‹å±¤ã§å¾Œã«æ›¸ã‘ã°ä¸Šå±¤ã«æ¥ã‚‹ï¼Ÿ ã¨ã„ã†ã‚ã‘ã§ã€å®Ÿã¯å‰²ã‚Šã¨è¤‡é›‘ãªè¦ç´ ã®é‡ãªã‚Šã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ãã“ã¾ã§æ„è˜ã—ãªãã¨ã‚‚æ”¯éšœãŒã§ã‚‹ã“ã¨ã¯æ»…å¤šã«ãªã„ã¨æ€ã„ã¾ã™ãŒã€çŸ¥ã£ã¦ãŠã„ã¦æã¯ãªã„ã¯ãšã§ã™ã€‚ ã¡ãªã¿ã«ã€æ˜¨ä»ŠCSS3ãªã‚‹ã‚‚ã®ãŒæµè¡Œã—ã¦ã„ã¾ã™ãŒã€ã“ã®è¨˜äº‹ã¯W3Cã®CSS2.1å‹§å‘Šï¼ˆã¨ä»˜éŒ²ï¼‰ã‚’å…ƒã«æ›¸ã„ã¦ã„ã¾ã™ã€‚ åŸºæœ¬çš„ãªå†…å®¹ã§ã‚ã‚Šã€ç›®æ–°ã—ã„ã“ã¨ã¯ç‰¹ã«ãªã«ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚¹ã‚¿ãƒƒã‚¯ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆã¨ã‚¹ã‚¿ãƒƒã‚¯ãƒ¬ãƒ™ãƒ« ç”¨èªžã¨æ¦‚å¿µã‹ã‚‰ã€‚ ã‚ã‚‹æ„å‘³ã€ã“ã“ãŒä¸€ç•ªã‚ˆãã‚ã‹ã‚Šã¾ã›ã‚“ãŒã€ã“ã“ãŒã‚ã‹ã‚‰ãªã„ã¨ä½•ã‚‚ã‚ã‹ã‚Šã¾ã›ã‚“ã€‚ ã‚¹ã‚¿ãƒƒã‚¯ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆï¼ˆã‚¹ã‚¿ãƒƒã‚ãƒ³ã‚°ãƒ»ã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆï¼‰ ç°¡å˜ã«è¨€ãˆã°autoä»¥å¤–ã®z-indexã¨ä½ç½®ï¼ˆstaticä»¥å¤–ã®positionï¼‰ã‚’æŒ‡å®šã—ãŸè¦ç´ ã«ã‚ˆã£ã¦ç”Ÿæˆã•ã‚Œã‚‹éšŽå±¤æ§‹é€ ã‚’å½¢æˆã™ã‚‹å›ºã¾ã‚Šã§ã™
mut00tum 2015/04/27
"åž‚ç›´ï¼ˆzè»¸ã®ï¼‰ä½ç½®ã‚’æŒ‡å®šã™ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£"

z-index

css

åˆ†ã‹ã‚Šã‚„ã™ã„
ãƒªãƒ³ã‚¯
ãƒã‚°ã‚¤ãƒ³ - ã¯ã¦ãª
ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’å¿˜ã‚ŒãŸæ–¹ã¯ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã®å†è¨å®šã‚’è¡Œã£ã¦ãã ã•ã„ã€‚ åˆã‚ã¦ã®æ–¹ã¯ã¯ã¦ãªIDç™»éŒ² (ç„¡æ–™) ã—ã¦ãã ã•ã„ã€‚ ã†ã¾ããƒã‚°ã‚¤ãƒ³ã§ããªã„æ–¹ã¯ãŠå•ã„åˆã‚ã›ã‚’ã”è¦§ã„ãŸã ãã€Cookieã®è¨å®šã‚’ã”ç¢ºèªãã ã•ã„ã€‚
mut00tum 2015/04/23
UI

åˆ†ã‹ã‚Šã‚„ã™ã„
ãƒªãƒ³ã‚¯
ã‚°ãƒ¬ãƒ¼ã‚’ç™½ã«ã™ã‚‹ã®ãŒã€ã‚¹ãƒ¢ãƒ¼ãƒ«ãƒ“ã‚¸ãƒã‚¹ã®ä¼æ¥åŠªåŠ›ã§ã‚ã‚‹ã€‚
ãƒ©ãƒ¼ãƒ¡ãƒ³åº—ã®çµŒå–¶è€…ã®æ–¹ã‹ã‚‰ä¸‹è¨˜ã®ã‚ˆã†ãªè³ªå•ã‚’ã„ãŸã ã„ãŸã€‚ è³ªå•ãŒé¢ç™½ã‹ã£ãŸã®ã§ã€å…¬é–‹ã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ â– è³ªå• ãƒ©ãƒ¼ãƒ¡ãƒ³ã‚’ç¾è¡Œã®500å††ã‹ã‚‰600å††ã«ã—ãŸã„ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ï¼‘ã€€ãƒžã‚ãƒ£ãƒ™ãƒªã®ã€Œè¿«å®³ã¯ä¸€åº¦ã§ã€æ©è³žã¯å°å‡ºã—ã«ã€ã«å¾“ã„ã€ä¸€åº¦ã§å€¤ä¸Šã’ã™ã‚‹ã€‚ ï¼’ã€€ãƒ‰ãƒ©ãƒƒã‚«ãƒ¼ã®ã€Œå°ã•ããŸã‚ã›ã€ã«å¾“ã„ã€æ®µéšŽã‚’è¸ã‚€ã€‚ ï¼“ã€€ãã®ãƒã‚¤ãƒ³ãƒˆã¯é‡è¦ã§ã¯ãªã„ã€‚ â– è¿”ç” ãã£ã¨ã„ã‚ã‚“ãªãƒ“ã‚¸ãƒã‚¹æ›¸ã‚’èªã¾ã‚Œã¦ã‚‹æ–¹ã ã¨æ€ã„ã¾ã™ãŒã€æ‰ãˆã‚‰ã‚Œæ–¹ãŒé–“é•ã£ã¦ã„ã‚‹ã¨ã“ã‚ã‚‚ã‚ã‚‹ã®ã§ã€ç°¡å˜ã«è¨‚æ£ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ã¾ãšã€ãƒžã‚ãƒ£ãƒ™ãƒªã®ãƒã‚¸ãƒƒã‚¯ã¯ã€å¾“æ¥å“¡ã«å‘ã‘ã¦ã‚„ã£ã¦ãã ã•ã„ã€‚ç¬‘ ãƒžãƒã‚¸ãƒ¡ãƒ³ãƒˆã§ã™ãã€ã“ã‚Œã¯ã€‚ ã§ã‚‚ã€è¿«å®³ã—ãªã„ã§ã‚ã’ã¦ãã ã•ã„ã€ãŠé¡˜ã„ã§ã™ã€‚ç¬‘ ãƒ‰ãƒ©ãƒƒã‚¬ãƒ¼ã®ã‚‚ã®ã¯ã€ä»Šå›žã®ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°æ–½ç–ã«å½“ã¦ã¯ã¾ã‚Šã¾ã™ã€‚ ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã¯ãƒ†ã‚¹ãƒˆã§ã™ã€‚ ãªãœãªã‚‰ã€ä¸€æ°—ã«èˆµã‚’åˆ‡ã£ãŸå ´åˆã€æ–¹å‘ãŒã‚ˆã‘ã‚Œã°å½“ãŸã‚Šã¾ã™ãŒã€æ‚ªã‹ã£ãŸã‚‰åº§ç¤ã—ã¾ã™ã‹ã‚‰ã€‚ ã§
mut00tum 2015/03/27
åˆ†ã‹ã‚Šã‚„ã™ã„

ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
PCã‚µã‚¤ãƒˆã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹12ã®ãƒˆãƒ¬ãƒ³ãƒ‰
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ™®åŠã§ã€PCã§é–²è¦§ã™ã‚‹Webã‚µã‚¤ãƒˆï¼ˆä»¥ä¸‹ã€PCã‚µã‚¤ãƒˆï¼‰ã«å¯¾ã™ã‚‹æ³¨ç›®åº¦ã¯ä¸‹ãŒã£ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€BtoBã®ãƒ‡ã‚¸ã‚¿ãƒ«ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã«ãŠã„ã¦ã¯ã€PCã‚µã‚¤ãƒˆãŒä»Šå¾Œã‚‚æˆ¦ç•¥ã®ä¸å¿ƒã«ãªã‚‹ã§ã—ã‚‡ã†ã—ã€BtoCã«ãŠã„ã¦ã‚‚ã€PCã‚µã‚¤ãƒˆãŒä¸å¯æ¬ ãªé ˜åŸŸã‚‚ã¾ã ã¾ã å¤šã„ã§ã™ã€‚ ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢çš„ã«å¤§ããªå¤‰åŒ–ã®ãªã„PCå‘ã‘ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã¨ã€ãƒŽã‚¦ãƒã‚¦ã¯å›ºå®šåŒ–ã•ã‚Œã¦ã„ã‚‹å°è±¡ã‚‚ã‚ã‚Šã¾ã™ãŒã€å®Ÿéš›ã«ã¯æ™‚ä»£ã®æµã‚Œã‚’å—ã‘ã€ä»Šã‚‚å¤‰åŒ–ã‚’ç¶šã‘ã¦ã„ã¾ã™ã€‚ç‰¹ã«ä»¥ä¸‹ã®ã‚ˆã†ãªç’°å¢ƒå¤‰åŒ–ãŒã€PCã‚µã‚¤ãƒˆã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚å¤§ããªå½±éŸ¿ã‚’ä¸Žãˆã¦ã„ã¾ã™ã€‚
mut00tum 2015/02/27
UI

ãƒˆãƒ¬ãƒ³ãƒ‰

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

åˆ†ã‹ã‚Šã‚„ã™ã„

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ç¬¬16å›žã€€JavaScriptã®thisã¨call | gihyo.jp
ã“ã‚“ã«ã¡ã¯ã€å¤ªç”°ã§ã™ã€‚å‰ã€…å›žã€å‰å›žã¨JavaScriptã«ãŠã‘ã‚‹ç¶™æ‰¿ã«ã¤ã„ã¦å¦ç¿’ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ãã‚Œã«æ·±ãé–¢ã‚ã‚‹thisã«ã¤ã„ã¦å¦ã‚“ã§ã„ãã¾ã™ã€‚ JavaScriptã®thisã¯ã‚„ã‚„ã‚¯ã‚»ã®ã‚ã‚‹å‹•ä½œã‚’ã™ã‚‹ã‚ˆã†ã«æ€ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ä»•çµ„ã¿ã‚’ã—ã£ã‹ã‚ŠæŠŠæ¡ã™ã‚Œã°å®Ÿã«ç°¡å˜ã§ã™ã€‚ç‰¹ã«é‡è¦ãªã®ã¯æ¬¡ã®2ç‚¹ã§ã™ã€‚ thisãŒä½•ã‚’æŒ‡ã™ã‹ã¯é–¢æ•°ã®å‘¼ã³å‡ºã—æ–¹ã§æ±ºå®šã™ã‚‹ thisã¯é–¢æ•°ã‚¹ã‚³ãƒ¼ãƒ—ã«å˜åœ¨ã™ã‚‹ç‰¹æ®Šãªå¤‰æ•°ã§ã‚ã‚‹ ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã¨ã—ã¦ã®this ã§ã¯ã€ã¾ãšã¯ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿å†…ã§ã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã¨ã—ã¦ã®thisã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ã¨this function A(name){ this.name = name; } A.prototype.getThis=function(){ return this; }; var a = new A('aaa'); console.log(a); console
mut00tum 2015/01/20
'å®Ÿã¯JavaScriptã«ãŠã„ã¦thisã¯éžå¸¸ã«ç°¡å˜ãªãƒ«ãƒ¼ãƒ«ã§æ±ºå®šã•ã‚Œã¾ã™ã€‚ãã®ãƒ«ãƒ¼ãƒ«ã¨ã¯ï¼Œã€Œå‘¼ã³å‡ºã—ãŸé–¢æ•°ã®æ‰‹å‰ï¼ˆãƒ‰ãƒƒãƒˆã®å‰ï¼‰ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒthisã«ãªã‚‹ã€‚'

this

JavaScript

åˆ†ã‹ã‚Šã‚„ã™ã„
ãƒªãƒ³ã‚¯
1