[B! WEBãƒ‡ã‚¶ã‚¤ãƒ³][javascript] kagiyaã®ãƒ

kagiya id:kagiya

WEBãƒ‡ã‚¶ã‚¤ãƒ³ã¨javascriptã«é–¢ã™ã‚‹kagiyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Facebookã¿ãŸã„ã«textareaã®ä¸€éƒ¨ã‚’å¼·èª¿ã™ã‚‹ - Qiita
Facebookã§äººç‰©ã‚’è£œå®Œã™ã‚‹ã¨ã€ãã®äººç‰©åã®å‘¨ã‚Šã«æž ãŒè¡¨ç¤ºã•ã‚Œã¦å¼·èª¿ã•ã‚Œã¾ã™ã‚ˆãï¼ˆgifç”»åƒå‚ç…§ï¼‰ã€‚ ã“ã‚Œã®ã‚„ã‚Šæ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ TL;DR textareaã®å¼·èª¿è¡¨ç¤ºã¯ã€textareaã‚’é€æ˜Žã«ã—ã¦å¾Œã‚ã«ã„ã„æ„Ÿã˜ã®èƒŒæ™¯ã‚’è¨ç½®ã—ã¦ã‚‹ã ã‘ textareaã®ä¸ã«DOMã‚’å…¥ã‚Œã¦ã‚‚è¡¨ç¤ºã•ã‚Œãªã„ ãƒ‘ãƒƒã¨è€ƒãˆã‚‹ã¨textareaã®ä¸ã«DOMãƒ„ãƒªãƒ¼ã‚’å…¥ã‚Œã‚‹ã¨ãã‚ŒãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨æ€ã†ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ ãŒã€ãœã‚“ãœã‚“ãã‚“ãªã“ã¨ã¯ç„¡ãã¦ã€ãã®ã¾ã¾æ–‡å—åˆ—ãŒè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ã”å˜çŸ¥ã®ã‚ˆã†ã«textareaã‚„inputã¯ã€ä»–ã®è¦ç´ ã®ã‚ˆã†ã«åè¦ç´ ã‚’è¡¨ç¤ºã™ã‚‹ã®ã§ã¯ãªãã€è‡ªèº«ã®valueå±žæ€§ã®å€¤ã‚’ç”»é¢ã«è¡¨ç¤ºã™ã‚‹åƒãã‚’ã—ã¾ã™ã€‚valueå±žæ€§ã¯æ–‡å—åˆ—ã‚’æ ¼ç´ã™ã‚‹ãŸã‚ã®ã‚‚ã®ãªã®ã§DOMã‚’å…¥ã‚Œã‚‰ã‚Œãªã„ã‚ã‘ã§ã™ãã€‚ å¼·èª¿ç”¨ã®DOMã‚’é‡ãã‚ã‚ã›ã‚‹ textareaã«ã¯DOMã‚’ãã®ã¾ã¾å…¥ã‚Œã‚‰ã‚Œãªã„ã®ã§ã€ä»•æ–¹ãŒãªãå‘¨ã‚Š
kagiya 2013/10/10
textarea

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

javascript

é–‹ç™º

UI

jQuery

Facebook
ãƒªãƒ³ã‚¯
GitHubã®ã‚ˆã†ãªtextareaã®è£œå®Œæ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ - ã‚«ãƒ¼ã‚½ãƒ«ä½ç½®ã®å–å¾— - Qiita
ç¶šç·¨ JavaScript - Qiitaã®textareaè‡ªå‹•è£œå®ŒãŒOSSã«ãªã‚Šã¾ã—ãŸ GitHubã®ã‚³ãƒ¡ãƒ³ãƒˆã§ã¯@ã¨å…¥åŠ›ã™ã‚‹ã¨ã‚«ãƒ¼ã‚½ãƒ«ã®ä¸‹ã«å…¥åŠ›è£œå®ŒãŒå‡ºç¾ã™ã‚‹ã€‚ã•ã‚‰ã£ã¨ã‚„ã£ã¦ã„ã‚‹ãŒã€å®Ÿã¯ã“ã‚ŒãŒçµæ§‹é›£ã—ã„ã€‚ãªãœé›£ã—ã„ã®ã‹ã¨ã„ã†ã¨ã€JavaScriptã§ã¯ã‚«ãƒ¼ã‚½ãƒ«ãŒä½•æ–‡å—ç›®ã«ã„ã‚‹ã‹ã¯åˆ†ã‹ã‚‹ãŒã€ ã‚«ãƒ¼ã‚½ãƒ«ã®XYåº§æ¨™ã‚’å–å¾—ã™ã‚‹APIãŒå˜åœ¨ã—ãªã„ ã‹ã‚‰ã ã€‚ã‚«ãƒ¼ã‚½ãƒ«ä½ç½®ãŒåˆ†ã‹ã‚‰ãªã‘ã‚Œã°ã€é©åˆ‡ãªä½ç½®ã«è£œå®Œå€™è£œã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ããªã„ã€‚ã§ã¯ä¸€ä½“ã©ã†ã™ã‚Œã°ã„ã„ã®ã‹ï¼Ÿ ä»Šå›žQiitaã§ã¯ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã§ã®ãƒ¡ãƒ³ã‚·ãƒ§ãƒ³ã®è£œå®Œæ©Ÿèƒ½ã‚’å®Ÿè£…ã—ãŸã€‚æœ¬ç¨¿ã§ã¯å‰è¿°ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ç”¨ã„ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’è§£èª¬ã™ã‚‹ã€‚ ã¡ãªã¿ã«ã“ã®ãƒ¡ãƒ³ã‚·ãƒ§ãƒ³è£œå®Œæ©Ÿèƒ½ã¯ãƒãƒ¼ãƒ ç”¨ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆQiitaã§ã‚ã‚‹ã€ŒQiita:Teamã€ã§ã‚‚å‹¿è«–ä½¿ãˆã‚‹ã€‚ç¾åœ¨çµ¶è³›ç„¡æ–™ãƒˆãƒ©ã‚¤ã‚¢ãƒ«å®Ÿæ–½ä¸ãªã®ã§ã€èˆˆå‘³ã‚’æŒãŸã‚ŒãŸæ–¹ã¯ãã¡ã‚‰ã‚‚ä½¿ã£ã¦ã¿ã¦æ¬²ã—ã„ã€‚ è¦ç´„ textareaå†…
kagiya 2013/05/23
è£œå®Œ

api

github

javascript

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

Programming

tips

ui

textarea
ãƒªãƒ³ã‚¯
JavaScript/CSSã‚’ä½¿ã£ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚ˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿç¾Â·skrollr MOONGIFT
skrollrã¯CSSã‚’ä½¿ã£ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚ˆã£ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè¡Œã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ æœ€è¿‘ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚„ã‚¢ãƒ—ãƒªç´¹ä»‹ãƒšãƒ¼ã‚¸ã§è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ãã‚Œã‚’å®Ÿç¾ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒskrollrã§ã™ã€‚ ãƒ‡ãƒ¢ã§ã™ã€‚ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’é–‹å§‹ã—ã¾ã™ï¼ å›žè»¢ã—ãªãŒã‚‰é£›ã‚“ã§ãã‚‹æ–‡å—ï¼ ä¸‹ã‹ã‚‰ä¸ŠãŒã£ã¦ãã‚‹æ–‡å—ï¼ æ¨ªã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã‚‚ã€‚ è‰²ãŒå¤‰ã‚ã‚Šã¾ã—ãŸã€‚ãã‚Œã«åˆã‚ã›ã¦ãƒ†ã‚ã‚¹ãƒˆè‰²ã‚‚å¤‰ã‚ã£ã¦ã„ã¾ã™ã€‚ ä¸Šä¸‹ã‹ã‚‰ãƒœãƒƒã‚¯ã‚¹ãŒè¿«ã£ã¦ãã¾ã™ã€‚ çµ‚äº†ã§ã™ã€‚é€†ã«ä¸Šã«ä¸ŠãŒã£ã¦ã„ãã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒé€†ã«å±•é–‹ã•ã‚Œã¦ã„ãã¾ã™ã€‚ ãƒ‡ãƒ¢å‹•ç”»ã§ã™ã€‚ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨æ¬¡ã€…ã¨å†…å®¹ãŒå¤‰ã‚ã£ã¦ã„ãã¾ã™ã€‚ å®Ÿç”¨æ€§ã¨ã„ã†æ„å‘³ã§ã¯ã‚ã¾ã‚Šå¤§ãããªã•ãã†ã§ã™ãŒã€ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆã¯å¼·çƒˆã§ã™ã€‚ã‚µã‚¤ãƒˆå…¨ä½“ã‚’ä½œã‚‹ã¨ã„ã†ã‚ˆã‚Šã‚‚ã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã‚„ç´¹ä»‹ãƒšãƒ¼ã‚¸ã§ä½¿ã†ã¨åŠ¹æžœçš„ã§ã—ã‚‡ã†ã€‚ skrollrã¯JavaScript/CSSè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆM
kagiya 2012/05/25
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

css

javascript

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

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Loading...
kagiya 2012/01/12
HTML5

html

web

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

webåˆ¶ä½œ

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

javascript

css

design
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
kagiya 2011/09/20
javascript

CSS

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

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

web

design

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
è¶…çµ¶ã‚¯ãƒ¼ãƒ«ãªMacOS Xé¢¨ãƒ‰ãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ŒCSS Dock Menuã€:phpspoté–‹ç™ºæ—¥èªŒ
CSS Dock Menu If you are a big Mac fan, you will love this CSS dock menu that I designed.è¶…çµ¶ã‚¯ãƒ¼ãƒ«ãªMacOS Xé¢¨ãƒ‰ãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ŒCSS Dock Menuã€ã€‚ å‹•ããŒæ»‘ã‚‰ã‹ã§ç”»åƒã®æ‹¡å¤§ç¸®å°ã«ä¼´ã†åŠ£åŒ–ãŒå°‘ãªã„ã®ãŒç‰¹å¾´ã§ã™ã€‚ jQueryãƒ™ãƒ¼ã‚¹ã®JavaScriptãƒ—ãƒã‚°ãƒ©ãƒ ã¨ãªã£ã¦ã„ã¾ã™ãŒã€ã‚µãƒ³ãƒ—ãƒ«ã‚’é©å½“ã«å¤‰æ›´ã™ã‚‹ã“ã¨ã§JavaScriptã®çŸ¥è˜ãŒãªãã¨ã‚‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã¯å¯èƒ½ã§ã—ã‚‡ã†ã€‚ ã‚µã‚¤ãƒˆä½œæˆæ™‚ã®ï¼‘ãƒã‚¿ã¨ã—ã¦è¦šãˆã¦ãŠã„ã¦æã¯ãªã„ã‚µãƒ³ãƒ—ãƒ«ã§ã—ã‚‡ã†ã€‚
kagiya 2007/06/02
ã‚«ã‚³ã‚¤ã‚¤

webåˆ¶ä½œ

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

css

dock

javascript
ãƒªãƒ³ã‚¯
1