[B! javascript][ ã‚ã¨ã§èªã‚€] kzhvsonicã®ãƒ

kzhvsonic id:kzhvsonic

javascriptã¨ ã‚ã¨ã§èªã‚€ã«é–¢ã™ã‚‹kzhvsonicã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹è¶…è»½é‡ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -skel.js | ã‚³ãƒªã‚¹
ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ¼ãƒ³ã§å‹•ä½œã™ã‚‹19KBã®è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å¯¾å¿œã§ãã‚‹ã‚°ãƒªãƒƒãƒ‰ã€‚ è¡¨ç¤ºã‚µã‚¤ã‚ºã”ã¨ã®ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã®è¨å®šã‚‚ç°¡å˜ã€‚ resetã‚„box-modelãªã©ã®æœ‰ç”¨ãªCSSã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’ç”¨æ„ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³æ©Ÿèƒ½ã‚‚å‚™ãˆã¦ã„ã‚‹ã®ã§ã€æ‹¡å¼µã«ã‚‚å¯¾å¿œã€‚ skel.jsã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã®ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚µã‚¤ã‚ºã¨ã—ã¦ã€å¹…1200pxã§è¡¨ç¤ºã—ã¦ã¿ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…480pxã§è¡¨ç¤º skel.jsã®ä½¿ã„æ–¹ jQueryã‚„ä»–ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãªã©ã‚’ç”¨æ„ã›ãšã«ã€ã™ãã«åˆ©ç”¨ã§ãã¾ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="skel.js"></script> jQueryã‚‚ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚ä»–ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ Step 2: ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚»
kzhvsonic 2013/05/23
webãƒ‡ã‚¶ã‚¤ãƒ³

javascript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ç”»åƒã®ã‚µãƒ ãƒã‚¤ãƒ«è¡¨ç¤ºã«ã‚‚å¯¾å¿œã—ãŸWebãƒ–ãƒ©ã‚¦ã‚¶ã¸ã®D&Dã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãƒ©ã‚¤ãƒ–ãƒ©ãƒªÂ·Dropzone MOONGIFT
Dropzoneã¯ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã«ã‚ˆã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’å¯èƒ½ã«ã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ Gmailã§ã¯ã˜ã‚ï¼ˆæã‚‰ãï¼‰è¦‹ã¦ä»¥æ¥ã€æ§˜ã€…ãªå ´é¢ã§è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸWebãƒ–ãƒ©ã‚¦ã‚¶ã¸ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰æ©Ÿèƒ½ã§ã™ãŒã€ã‚ˆã‚Šæ‰‹è»½ã«æ‰±ãˆã‚‹ã‚ˆã†ã«ã—ã¦ãã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒDropzoneã§ã™ã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã§ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ‰ãƒãƒƒãƒ—ã—ã¾ã—ãŸã€‚ç”»åƒã¯ã‚µãƒ ãƒã‚¤ãƒ«ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ç”»åƒã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ä¸ã€‚å¹³è¡Œã—ã¦å®Ÿè¡Œã•ã‚Œã¾ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ã¨è‡ªå‹•çš„ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’é–‹å§‹ã—ã¦ãã‚Œã¾ã™ã€‚ãƒ‰ãƒãƒƒãƒ—ã—ãŸã‚Šã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå®Œäº†ã—ãŸã‚Šã—ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿè¡Œã—ãŸã‚Šã€æœ€å¤§ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºæŒ‡å®šã‚„ã‚µãƒ ãƒã‚¤ãƒ«ã®è¡¨ç¤ºè¨å®šãªã©ç´°ã‹ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ Dropzoneã¯JavaScriptè£½ã€MIT Licenseã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚
kzhvsonic 2013/01/21
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

javascript

WEB

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
æ—¥ä»˜ãƒ”ãƒƒã‚«ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»Pikaday - ã‹ã¡ã³ã¨.net
ã‚·ãƒ³ãƒ—ãƒ«ãªæ—¥ä»˜ãƒ”ãƒƒã‚«ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ ç‚ºã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»Pikadayã®ã”ç´¹ä»‹ã€‚ jQueryãªã©ã«ä¾å˜ã›ãšã€ç‹¬è‡ªã§å‹•ä½œ ã™ã‚‹éžä¾å˜åž‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆãªã®ã§ä½¿ã„ ã‚„ã™ã„ã®ã§ã¯ç„¡ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªéžä¾å˜åž‹ã®ãƒ‡ãƒ¼ãƒˆãƒ”ãƒƒã‚«ãƒ¼ã§ã™ã€‚ã‚ã‚Šãã†ã§ãªã„ã‚ˆã†ãªã€‚ æ™®é€šã®ãƒ‡ãƒ¼ãƒˆãƒ”ãƒƒã‚«ãƒ¼ã§ã™ã€‚ä»–ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å¿…è¦ã¨ã—ãªã„ã®ã§æ‰‹è»½ã«ä½¿ãˆãã†ã§ã™ãã€‚åœ§ç¸®ç‰ˆã§9KBã»ã©ã€‚jQueryä¾å˜ç‰ˆã‚‚ä¸€å¿œã‚ã‚‹ã¿ãŸã„ã§ã™ã€‚ Sample å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚æ—¥æœ¬èªžã«ã¯ã¾ã ç›´ã—ã¦ãªã„ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‰ <script src="pikaday.js"></script> <script> var picker = new Pikaday( { field: document.getElementById('foo'), firstDay: 1, minDate: new Date('2000-01-01'), maxDate: new D
kzhvsonic 2012/10/15
javascript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆã®æœ«å°¾å‡¦ç†ã¯ãŠä»»ã›Â·trunk8 MOONGIFT
trunk8ã¯æ–‡å—åˆ—ã®æœ«å°¾å‡¦ç†ã‚’è¡Œã†jQueryãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ Webã‚µã‚¤ãƒˆã‚’ä½œã‚‹éš›ã«ã¯é•·éŽãŽã‚‹æ–‡å—ã«å¯¾ã—ã¦é©å½“ãªã¨ã“ã‚ã§åŒºåˆ‡ã‚‹å‡¦ç†ãŒã‚ˆãè¡Œã‚ã‚Œã¾ã™ã€‚ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§è¡Œã†æ‰‹ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯trunk8ã¨ã„ã†ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®æ–‡å—åˆ‡ã‚Šãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªä½¿ã„æ–¹ã€‚å˜ã«trunk8ã‚’å‘¼ã³å‡ºã™ã ã‘ã€‚ è¤‡æ•°è¡Œã‚‚å•é¡Œãªã—ã€‚ å¢—ã‚„ã›ã°è‡ªå‹•çš„ã«èª¿æ•´ã•ã‚Œã¾ã™ã€‚ æœ«å°¾æ–‡å—ã¯è‡ªç”±ã«æ±ºã‚ã‚‰ã‚Œã¾ã™ã€‚ å†…å®¹ã‚’æ›´æ–°ã™ã‚Œã°ãã‚Œã«åˆã‚ã›ã¦å¤‰åŒ–ã—ã¾ã™ã€‚ YouTubeé¢¨ã®ãƒˆã‚°ãƒ«ã‚‚ã§ãã¾ã™ã€‚ ç”»é¢å¹…ã«åˆã‚ã›ã¦è‡ªå‹•ãƒªã‚µã‚¤ã‚ºã‚‚å¯èƒ½ã§ã™ã€‚ trunk8ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ãªã®ã§ã‚ˆã‚ŠæŸ”è»Ÿãªæ–‡å—ã®ã‚«ãƒƒãƒˆãŒè¡Œãˆã¾ã™ã€‚é¢ç™½ã„ã®ã¯æ–‡å—æ•°ã§ã¯ãªãè©²å½“DOMã®å¹…ã«åˆã‚ã›ã¦å¤‰åŒ–ã™ã‚‹ç‚¹ã§ã—ã‚‡ã†ã€‚è¤‡æ•°è¡Œå¯¾å¿œã€åŒºåˆ‡ã£ãŸå ´åˆã®æœ€å¾Œã®æ–‡å—ã‚’å¤‰æ›´ã—ãŸã‚Šã€æ–‡å—ã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ã¦ã‚‚ã¡ã‚ƒã‚“ã¨è¡¨ç¤ºãŒä¿ã¦ã¾ã™ã€‚YouTubeé¢¨ã«ã‚‚ã£ã¨èªã‚€ï¼ˆå°‘ãªã
kzhvsonic 2012/10/11
MOONGIFT

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

jquery

javascript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
1