[B! javascript] nenzabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nenzab id:nenzab

javascriptã«é–¢ã™ã‚‹nenzabã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ãƒ†ãƒ³ãƒ•ã‚šãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚·ã‚™ãƒ³ã€ŒEJSã€ã¨ã‚¿ã‚¹ã‚¯ãƒ©ãƒ³ãƒŠãƒ¼ã€ŒGulp.jsã€ã§çˆ†é€ŸHTMLã‚³ãƒ¼ãƒ†ã‚™ã‚£ãƒ³ã‚¯ã‚™ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ï¼ LIGãƒ•ã‚£ãƒªãƒ”ãƒ³æ”¯ç¤¾ä»£è¡¨ã®ã›ã„ã¨(@seito_horiguchi)ã§ã™ã€‚ çªç„¶ã§ã™ãŒã¿ãªã•ã‚“ã€EJSã£ã¦ã”å˜ã˜ã§ã™ã‹ï¼Ÿ EJSã£ã¦ã„ã†ã®ã¯ã§ã™ãã€ãªã‚“ã‹ã‚‚ã†ã€ã“ã†ã€ã™ã‚“ã”ã„ãƒ„ãƒ¼ãƒ«ã§ã—ã¦ï¼ã€€ã¨ã«ã‹ãã€ä½¿ã†ã¨ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒã‚ã£ã¡ã‚ƒæ—©ããªã‚‹ã‚“ã§ã™ã‚ˆï¼ï¼ ä»Šå›žã¯ãã‚Œã‚’ä½¿ã£ã¦ã€çˆ†é€Ÿã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®å…¥é–€ç·¨ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ EJSã¨ã¯ï¼Ÿ EJSã¯ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¨å‘¼ã°ã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã®1ã¤ã§ã€JavaScriptã®ã‚ˆã†ãªæ›¸ãæ–¹ã‚’å–ã‚Šå…¥ã‚Œã¤ã¤HTMLãŒæ›¸ã‘ã‚‹ã¨ã„ã†ç‰¹å¾´ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ ã–ã£ã£ã£ã£ãã‚Šè¨€ã„è¡¨ã™ã¨ã€Sassã¨CSSã®é–¢ä¿‚ã«è¿‘ã„ã§ã™ã€‚ ã€ŒEJSãƒ‡ãƒ¼ã‚¿ã§ã‚ˆã‚Šæ¥½ãªæ›¸ãæ–¹ã‚’ã—ã¦ã€HTMLã«å¤‰æ›ã—ã¦å‡ºåŠ›ã™ã‚‹ã€ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã‚ŒãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã€ä¾‹ãˆã°headerã‚„footerãªã©ã®ãƒ‘ãƒ¼ãƒ„ã‚’åˆ†å‰²ã—ã¦å…±é€šåŒ–ã•ã›ãŸã‚Šã€JSã®foræ–‡ã®ã‚ˆã†ãªå‘½ä»¤ãŒHTMLä¸Šã§ä½¿ãˆã¾ã™
nenzab 2017/01/24
JS

JavaScript

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³

EJS

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ç’°å¢ƒæ§‹ç¯‰
ãƒªãƒ³ã‚¯
[JS]ç•°ãªã‚‹é«˜ã•ã‚’å˜ã«æƒãˆã‚‹ã ã‘ã§ãªãã€ã‚°ãƒ«ãƒ¼ãƒ”ãƒ³ã‚°ã‚„åˆ—ã«å¿œã˜ã¦æƒãˆã‚‹ã“ã¨ã‚‚å¯èƒ½ãªä¾¿åˆ©ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -matchHeight
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…1,200pxã§è¡¨ç¤º ã“ã‚Œã¯ã€ãƒœãƒ¼ãƒ€ãƒ¼ç„¡ã—ã®çŠ¶æ…‹ã€‚ jquery.matchHeight.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦headå†…ã«è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.matchHeight.js"></script> </head> Step 2: HTML é©ç”¨ã™ã‚‹ãƒ‘ãƒãƒ«å…¨ã¦ã«åŒã˜classã‚’ä»˜ä¸Žã—ã¾ã™ã€‚ å„ãƒ‘ãƒãƒ«ãŒæ¨ªä¸€åˆ—ã«é…ç½®ã•ã‚ŒãŸå ´åˆã¯ã€å…¨ã¦åŒã˜é«˜ã•ã«ã€‚è¤‡æ•°ã®åˆ—ã«é…ç½®ã•ã‚ŒãŸå ´åˆã¯å„åˆ—ã§ä¸€ç•ªé«˜ã„ã‚‚
nenzab 2016/12/14
JavaScript

é«˜ã•ã‚’æƒãˆã‚‹

Web

height
ãƒªãƒ³ã‚¯
jQueryï¼ˆJavaScriptï¼‰ã§iPhoneã€iPadã€Androidå‘ã‘ã«ã‚¢ãƒ©ãƒ¼ãƒˆã‚’è¡¨ç¤ºã—ã¦URLã‚’ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆï¼ˆé¸æŠžï¼‰ã•ã›ã‚‹æ–¹æ³•ï½œBLACKFLAG
å°‘ã—å‰ã«ã€ŒjQueryï¼ˆJavaScriptï¼‰ã§iPhoneã€iPadã€Androidãªã©ãƒ‡ãƒã‚¤ã‚¹ã‚’åˆ¤åˆ¥ã—ã¦ URLã‚’ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã™ã‚‹æ–¹æ³•ã€ã¨é¡Œã—ã¦ã€ ã‚¹ãƒžãƒ›ç³»ã®ãƒ‡ãƒã‚¤ã‚¹ã‚’åˆ¤åˆ¥ã—ã¦URLã‚’ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã•ã›ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ ãƒ¦ãƒ‹ã‚¯ãƒã•ã‚“ã‚„ã»ã¼æ—¥ã•ã‚“ã®ã‚µã‚¤ãƒˆã§ã¯ã‚¹ãƒžãƒ›ç³»ãƒ‡ãƒã‚¤ã‚¹ã§ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ ã‚¢ãƒ©ãƒ¼ãƒˆã§ã‚¹ãƒžãƒ›å‘ã‘ã®ã‚µã‚¤ãƒˆãŒã‚ã‚‹ã“ã¨ã‚’ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã§ä¿ƒã—ã€ ã©ã£ã¡ã®ã‚µã‚¤ãƒˆã¸ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é¸æŠžã•ã›ã‚‹æ–¹å¼ã‚’ã¨ã£ã¦ãŠã‚Š ã“ã®UIãŒãŠã‚‚ã—ã‚ã‹ã£ãŸã®ã§è©¦ã—ã«ï½ŠQueryã‚’ä½¿ã£ã¦åŒã˜å‹•ä½œã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ä¾‹ã¨ã—ã¦ã€ã‚µã‚¤ãƒˆæ§‹æˆãŒä»¥ä¸‹ã®æ§˜ãªURLã¨ã—ã¾ã™ã€‚ â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”- ã€PCå‘ã‘ã‚µã‚¤ãƒˆã€‘ ï½ˆï½”ï½”ï½ï¼š//black-flag.net/sample/ ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã€‘ ï½ˆï½”ï½”ï½ï¼š//black-flag.net/sample/sp/ â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”
nenzab 2016/01/12
ã‚ã¨ã§ã‚„ã‚‹

javascript
ãƒªãƒ³ã‚¯
textareaè¦ç´ ã®æ–‡å—æ•°ã®æ‰±ã„ã«ã¤ã„ã¦ - console.lealog();
textareaã®é—‡ã‚’è¦‹ãŸã‚ˆã†ãªæ°—ãŒã—ãŸã€‚ ã“ã‚Œã¯ã€æ–‡å—æ•°ã®ã‚«ã‚¦ãƒ³ã‚¿ãƒ¼ã£ã½ã„ã‚‚ã®ã‚’å®Ÿè£…ã™ã‚‹ã¨ãã«æ°—ä»˜ã„ã¦èª¿ã¹ãŸã‚‚ã®ã§ã™ã€‚ ã„ã‚ã‚†ã‚‹maxlengthã®æ•·å±…ã¨ã€jsã‹ã‚‰æ–‡å—åˆ—.lengthã§å–ã‚Œã‚‹å€¤ã§ã€æ–‡å—æ•°ã®ã‚«ã‚¦ãƒ³ãƒˆãŒé•ã†ãƒ»ãƒ»ã£ã¦ãªã£ãŸã¨ã“ã‚ãŒäº‹ã®ç™ºç«¯ã€‚ 20150624è¿½è¨˜ ã‚³ãƒ¡ãƒ³ãƒˆã§æ•™ãˆã¦ã„ãŸã ã„ãŸã®ã§ã™ãŒã€ã“ã®æŒ™å‹•ã¯ã©ã†ã‚„ã‚‰Webkitã®ã¿ã ãã†ã§ã™ã€‚ DEMOã¿ãŸãé©å½“ãªå®Ÿè£…ã™ã‚‹ã¨ã€ç¾çŠ¶Webkitä»¥å¤–ã§å›°ã‚‹ã“ã¨ã«ãªã‚‹ã®ã§ã”æ³¨æ„ãã ã•ã„ã€‚ å›°ã£ãŸã“ã¨ Twitterã¿ãŸãã€ã„ã‚ã‚†ã‚‹æ–‡å—æ•°ã‚’ã‚«ã‚¦ãƒ³ãƒˆã—ãŸã„å ´åˆã€‚ æ¥½ã§ãã‚‹ã¨ã“ã‚ã¯æ¥½ã—ãŸã„ã®ã§ã€ã“ã†ã„ã†æŒ‡å®šã‚’ã—ã¾ã™ã‚ˆãã€‚ <textarea maxlength="140" id="jsTweetArea"></textarea> æ”¹è¡Œã›ãšã«æ–‡å—ã‚’æ‰“ã£ãŸå ´åˆã¯ã€ãã£ã¡ã‚Š140å—ã§æ‰“ã¡æ¢ã‚ã«ãªã£ã¦ãã‚Œã¾ã™ã€‚ ãƒšãƒ¼ã‚¹ãƒˆã—ã¦ã‚‚ã€ã¯ã¿å‡ºã‚‹åˆ†ã¯ã°ã£
nenzab 2015/12/09
javascript

ã‚«ã‚¦ãƒ³ãƒˆ

æ–‡å—æ•°

html
ãƒªãƒ³ã‚¯
phiary
JavaScript ã® dispatchEvent ã®æƒ…å ±ãŒã‚ã¾ã‚Šã«ã‚‚å°‘ãªã‹ã£ãŸã®ã§è§£èª¬ç”¨ã«ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸ. ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ dispatchEvent ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¨æ´»ç”¨ä¾‹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™. ã†ã¾ãä½¿ãˆã°ãƒã‚¤ãƒ†ã‚£ãƒ–ã£ã½ã JavaScript ã‚’æ‹¡å¼µã—ãŸã‚Šã£ã¦ã“ã¨ã‚‚ã§ãã‚‹ä¾¿åˆ©ãªé–¢æ•°ã§ã™. About ä»Šå›žåˆ¶ä½œã—ãŸã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ã¯ï¼’ã¤. æœ€åˆã®ã‚µãƒ³ãƒ—ãƒ«ã¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºè¡Œã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã§ã™. boxB ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸéš›ã« boxA ã®ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚‚ç™ºç”Ÿã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™. 2ã¤ç›®ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ rightclick ã‚¤ãƒ™ãƒ³ãƒˆ ã¨ã„ã† å³ã‚¯ãƒªãƒƒã‚¯ã—ãŸã¨ãã®ã¿ç™ºè¡Œã™ã‚‹ç‹¬è‡ªã‚¤ãƒ™ãƒ³ãƒˆã‚’å®šç¾©ã—ã¦ã„ã¾ã™. Code ä»Šå›žåˆ¶ä½œã—ãŸã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ï¼‘å€‹ç›®ã®å…¨ä½“ã‚³ãƒ¼ãƒ‰ã§ã™. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <l
nenzab 2014/02/09
javascript

jQuery

html

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Home - Slide SJS
We have been working since 2009. We started with two people: a designer and a programmer. Today the company employs almost 20 people who are divided into four teams. Everyone is a master of his craft. There are open vacancies. We use all our experience, knowledge and skills to help you properly implement your plans to make the site a convenient tool - in this we see our mission. In tandem with the
nenzab 2013/12/26
ãƒ«ãƒ¼ãƒ—ã€ã‚¹ãƒ¯ã‚¤ãƒ—å¯èƒ½

jquery

javascript
ãƒªãƒ³ã‚¯
1