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

dog_smile id:dog_smile

javascriptã«é–¢ã™ã‚‹dog_smileã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

[JS]ã“ã®ãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆæ¥½ã—ã„ï¼ã‚·ãƒ¼ãƒ«ã®ã‚ˆã†ã«ãºã‚‰ã£ã¨ã‚ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Sticker.js
å†™çœŸç”»åƒã‚„ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã‚’é…ç½®ã—ãŸãƒ™ã‚¿å¡—ã‚Šã®ãƒœã‚¿ãƒ³ãªã©ã‚’ã‚µãƒ¼ã‚¯ãƒ«çŠ¶ã«ã—ã€ãƒ›ãƒãƒ¼ã™ã‚‹ã¨ã‚·ãƒ¼ãƒ«ã®ã‚ˆã†ã«ãºã‚‰ã£ã¨ã‚ãã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å®Ÿè£…ã¯éžå¸¸ã«ç°¡å˜ã§ã€jQueryãªã©ã®ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ Sticker.js Sticker.js -GitHub Sticker.jsã®ãƒ‡ãƒ¢ Sticker.jsã®ä½¿ã„æ–¹ Sticker.jsã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯Chrome, Safari, Firefox, Opera, IE10+ã§ã”è¦§ãã ã•ã„ã€‚ ä¸Šè¨˜ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯å·¦ã‹ã‚‰ã®ãºã‚‰ã£ã§ã™ãŒã€ä¸Šä¸‹å·¦å³ã®å…¨ã¦ã®æ–¹å‘ã‹ã‚‰ãºã‚‰ã£ãŒã§ãã¾ã™ã€‚å³ã®ãƒ™ã‚¿å¡—ã‚Šã¯ã‚ãã‚‹ã¨ã‚·ãƒ£ãƒ‰ã‚¦ãŒåŠé€æ˜Žã§é©ç”¨ã•ã‚Œã¾ã™ã€‚ Sticker.jsã®ãƒ•ãƒƒã‚¿ æœ€åˆã®ãƒ‡ãƒ¢ã¯å†™çœŸç”»åƒãªã®ã§ã‚«ãƒ¼ã‚½ãƒ«ã¯ã‚¢ãƒãƒ¼ã§ã™ãŒã€ãƒ•ãƒƒã‚¿ã®ã¯ãƒªãƒ³ã‚¯ãªã®ã§ãƒã‚¤ãƒ³ã‚¿ãƒ¼ã«ãªã£ã¦ã„ã¾ã™ã€‚ Sticker.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹
dog_smile 2014/02/18
JS

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

javascript
ãƒªãƒ³ã‚¯
[JS]ãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’èªã¿çµ‚ãˆãŸãã‚‰ã„ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚„Facebookã®ãƒ‘ãƒãƒ«ã‚’è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -End Page Box
Demo 5 ãƒˆãƒªã‚¬ãƒ¼ã‚’è¤‡æ•°è¨å®šã—ãŸãƒ‡ãƒ¢ã§ã€ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã®å¥‡æ•°ç•ªç›®ã”ã¨ã«ãƒ‘ãƒãƒ«ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ End Page Boxã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="js/jquery.endpage-box.js"></script> <link rel="stylesheet" type="text/css" href="css/endpage-box.css" /> Step 2: HTML ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯é€šå¸¸é€šã‚Šã«å®Ÿè£…ã—ã€ãƒ‘ãƒãƒ«ã¯</body>ã®ä¸Šã‚ãŸã‚Šã«é…ç½®ã—ã¦ãŠãã¾ã™
dog_smile 2013/10/03
javascript

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

HTML
ãƒªãƒ³ã‚¯
[JS]ç´å“å‰ã®ç¢ºèªã«æœ€é©ã€ä½¿ç”¨ã•ã‚Œã¦ã„ãªã„CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’è¦‹ã¤ã‘å‡ºã™ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Helium
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®å¤šæ•°ã®ãƒšãƒ¼ã‚¸å…¨ä½“ã«æ¸¡ã‚Šã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®šç¾©ã•ã‚ŒãŸã‚»ãƒ¬ã‚¯ã‚¿ãŒä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‹ã©ã†ã‹ãƒã‚§ãƒƒã‚¯ã—ã€ä½¿ã‚ã‚Œã¦ã„ãªã„ã‚»ãƒ¬ã‚¯ã‚¿ã®ãƒ¬ãƒãƒ¼ãƒˆã‚’ç”Ÿæˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç´å“ã™ã‚‹éš›ã«ã€ä¸è¦ãªã‚»ãƒ¬ã‚¯ã‚¿ã‚’é™¤åŽ»ã™ã‚‹ã®ã«å½¹ç«‹ã¡ã¾ã™ã‚ˆã€‚ Helium -GitHub Heliumã®æº–å‚™ Heliumã®ä½¿ç”¨æ–¹æ³• Heliumã®æº–å‚™ Heliumã¯jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¿…è¦ã›ãšå‹•ä½œã—ã€URLã®ãƒªã‚¹ãƒˆã‹ã‚‰å…¨ã¦ã®ãƒšãƒ¼ã‚¸ã‚’ãƒãƒ¼ãƒ‰ã—ã€è§£æžã—ã¦ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§è¦‹ã¤ã‘ãŸã‚»ãƒ¬ã‚¯ã‚¿ãŒå…¨ãƒšãƒ¼ã‚¸ã§ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‹ã©ã†ã‹ãƒã‚§ãƒƒã‚¯ã—ã€ãƒ¬ãƒãƒ¼ãƒˆã‚’ä½œæˆã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ã€é–‹ç™ºç’°å¢ƒã§å®Ÿè¡Œã—ã¦ãã ã•ã„ã€‚ å…¬é–‹ä¸ã®ã‚µã‚¤ãƒˆã§å®Ÿè¡Œã™ã‚‹ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚‚Heliumã®å‹•ä½œãŒè¦‹ãˆã¦ã—ã¾ã„ã¾ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ãƒ†ã‚¹ãƒˆã™ã‚‹ãƒšãƒ¼ã‚¸ã®å…¨ã¦ã«ã€å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ å ´æ‰€ã¯ã€headå†…ã§ã‚‚</bo
dog_smile 2013/06/10
javascript

HTML

è§£æž

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ—ãƒ¬ã‚¼ãƒ³ç”¨ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ã€ã‚ãšã‹1KBãªã®ã«å¤šå½©ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚å¯¾å¿œã—ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Bespoke.js
ã‚³ãƒ³ã‚«ãƒ¼ãƒ– å‡¹çŠ¶ã«é…ç½®ã—ãŸãƒ‘ãƒãƒ«ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¾ã™ã€‚ Bespoke.jsã®ä½¿ã„æ–¹ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®å®Ÿè£…ã¯ç°¡å˜ã§ã€3ã‚¹ãƒ†ãƒƒãƒ—ã§ã™ã€‚ Step 1: HTMLã¨å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã€å„ãƒ‘ãƒãƒ«ã¯sectionè¦ç´ ã§å®Ÿè£…ã—ã€articleã§åŒ…ã¿ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ãƒ†ãƒ¼ãƒžã”ã¨ã«å¤‰æ›´ã—ã¾ã™ã€‚ <link rel="stylesheet" href="path/to/my/theme.css"> <article> <section>Slide 1</section> <section>Slide 2</section> <section>Slide 3</section> </article> <script src="bespoke.min.js"></script> <script src="path/to/my/script.js"></scri
dog_smile 2013/03/28
ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º

HTML

javascript

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ãƒ‡ãƒ¢
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³2æ¡ˆã€æ–‡è¨€3æ¡ˆã©ã¡ã‚‰ãŒã„ã„ã‹ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ±ºã‚ã¦ã‚‚ã‚‰ã†A/Bãƒ†ã‚¹ãƒˆãŒç°¡å˜ã«å®Ÿæ–½ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -ABalytics.js
ãƒãƒŠãƒ¼åºƒå‘Š2æ¡ˆã©ã¡ã‚‰ãŒã‚ˆã„ã ã‚ã†ï¼Ÿã€€ã‚µã‚¤ãƒ³ã‚¢ãƒƒãƒ—ã®ãƒœã‚¿ãƒ³ã®æ–‡è¨€3æ¡ˆã¯ã©ã‚ŒãŒåŠ¹æžœãŒé«˜ã„ï¼Ÿ ãªã©Google Analyticsã‚’ä½¿ã£ã¦ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãƒ¬ãƒ¼ãƒˆã‚’ç°¡å˜ã«æ¸¬å®šã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ABalytics.js -GitHub ABalytics.jsã®ç‰¹å¾´ ABalytics.jsã®ä½¿ã„æ–¹ ABalytics.jsã®ç‰¹å¾´ ABalytics.jsã¯ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ä¾å˜ã›ãšã«å‹•ä½œã™ã‚‹JavaScriptã§ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã™ã‚‹ã ã‘ã§ã€Google Analyticsã‚’ä½¿ã£ãŸA/Bãƒ†ã‚¹ãƒˆã‚’ç°¡å˜ã«å®Ÿæ–½ã§ãã¾ã™ã€‚ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã«ã¯ä½•ã‚‚è¨ç½®ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ è¨ç½®ãŒç°¡å˜ï¼ ä½œæ¥ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã ã‘ã§ã™ã€‚ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®æº–å‚™ã¯ä½•ã‚‚å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ‡ãƒ¼ã‚¿ã¯ã€Google Analyticsã«ä¿å˜ã•ã‚Œã¾ã™ã€‚ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®classã‚’åŠ ãˆã‚‹ã ã‘ã§ã€è¤‡æ•°ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ãƒ†
dog_smile 2012/12/25
ãƒ†ã‚¹ãƒˆ

javascript
ãƒªãƒ³ã‚¯
[JS]ãƒ™ã‚¿å¡—ã‚Šã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚„ãƒšãƒ¼ã‚¸ã®èƒŒæ™¯ã«ã€ç¹Šç´°ã§ç¾Žã—ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Add Shine
ãƒ™ã‚¿å¡—ã‚Šã®ãƒšãƒ¼ã‚¸å…¨ä½“ã®èƒŒæ™¯ã‚„ãƒœã‚¿ãƒ³ãªã©ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãªã©ã®èƒŒæ™¯ã«ã€ç¹Šç´°ã§ç¾Žã—ã„è¼ãã‚’ã‚‚ã£ãŸã‚°ãƒ©ãƒ‡ã‚·ãƒ§ãƒ¼ãƒ³ã‚’ä¸Žãˆã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®é©ç”¨ Add Shineã®ä½¿ã„æ–¹ Add Shineã®ä½¿ã„æ–¹ã¯ã€ç°¡å˜ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.8.0/jquery.js"></script> <script src="js/addShine.js"></script> Step 2: HTML HTMLã¯ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’æ„è˜ã™ã‚‹ã“ã¨ãªãã€æ™®é€šã«å®Ÿè£…ã—ã¾ã™ã€‚ <body> <button>ãƒœã‚¿ãƒ³</button> </body> Step 3: CSS ãƒšãƒ¼ã‚¸ã®èƒŒæ™¯ã¨ãƒœã‚¿ãƒ³ã¯ã€ãƒ™ã‚¿å¡—ã‚Šã«ã—ã¾ã™
dog_smile 2012/12/19
javascript

èƒŒæ™¯

jQuery
ãƒªãƒ³ã‚¯
[JS]è¶…è»½é‡ã§è¨ç½®ã‚‚ç°¡å˜ï¼Facebook, Twitter, Google+ã®ãƒœã‚¿ãƒ³ã‚’è¨ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -SocialCount
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šã‚«ã‚¦ãƒ³ãƒˆä»˜ãã§ç¸¦ä¸¦ã³ SocialCountã®ä½¿ã„æ–¹ ä½¿ã„æ–¹ã®ã‚¹ãƒ†ãƒƒãƒ—ã¯ã€2ã¤ã€‚ ã“ã‚Œä»¥ä¸Šãªã„ãã‚‰ã„ã«ç°¡å˜ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨ç½®ã—ã¾ã™ã€‚ ã¾ãšã¯ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’headå†…ã«ã€‚ <head> <link rel="stylesheet" href="../src/socialcount.css"> </head> ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä½¿ç”¨ã™ã‚‹å ´åˆã¯ã€ã‚‚ã†ä¸€ã¤å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆsocialcount-icons.cssï¼‰ã‚’åŠ ãˆã¾ã™ã€‚ ç¶šã„ã¦ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ãƒšãƒ¼ã‚¸ã®ä¸‹ã®</body>ã®ä¸Šã«ã€‚ ... <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="../src/socialcount.js"></script> </bod
dog_smile 2012/11/30
Facebook

ãƒœã‚¿ãƒ³

ã‚½ãƒ¼ã‚·ãƒ£ãƒ«

Webåˆ¶ä½œ

javascript

jquery
ãƒªãƒ³ã‚¯
JavaScriptã§Webã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã§ãã‚‹ã€ŒNode.jsã€æ´»ç”¨å…¥é–€ | OSDN Magazine
æ˜¨ä»Šæ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®1ã¤ã«ã€ã€ŒNode.jsã€ ãŒã‚ã‚‹ã€‚Node.jsã¯JavaScriptã§Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å®Ÿè£…ã§ãã‚‹æŠ€è¡“ã§ã€é«˜ã„ã‚¹ã‚±ãƒ¼ãƒ©ãƒ“ãƒªãƒ†ã‚£ãŒç‰¹å¾´ã ã€‚æœ¬è¨˜äº‹ã§ã¯Node.jsã®åŸºæœ¬çš„ãªçŸ¥è˜ã‚„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œexpressã€ã‚’ç”¨ã„ãŸWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ä½œæˆæ–¹æ³•ã‚’ç´¹ä»‹ã™ã‚‹ã€‚ã¾ãŸã€Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ä½œã™ã‚‹IDEã€ŒCloud9 IDEã€ã‚’ç”¨ã„ã¦Node.jsã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’Windows Azureã§å®Ÿè¡Œã•ã›ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã‚‚è§£èª¬ã™ã‚‹ã€‚ JavaScriptã€ãã—ã¦éžåŒæœŸãƒ»ã‚·ãƒ³ã‚°ãƒ«ã‚¹ãƒ¬ãƒƒãƒ‰ã§æ³¨ç›®ã‚’æµ´ã³ã‚‹Node.js Node.jsã¯JavaScriptã§Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å®Ÿè£…ã§ãã‚‹æŠ€è¡“ã§ã€é–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ã‚¹ã‚¿ãƒ¼ãƒˆã¯2009å¹´ã¨ã€æ¯”è¼ƒçš„ãã®æ´å²ã¯æµ…ã„ã€‚ã—ã‹ã—ã€ã“ã“æ•°å¹´ã§ãƒ—ãƒã‚¸ã‚§ã‚¯
dog_smile 2012/04/26
javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
[JS]é«˜æ€§èƒ½ã§è¨ç½®ã‚‚ç°¡å˜ã€ãƒ–ãƒ©ã‚¦ã‚¶æž ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -bgStretcher
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šSuper Slider ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ç‰ˆã§ã€æ–œã‚æ–¹å‘ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã¾ã™ã€‚ bgStretcherã®ä¸»ãªç‰¹å¾´ ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã¯ã‚·ãƒ³ãƒ—ãƒ« å…¨ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚µãƒãƒ¼ãƒˆ ç”»åƒã¯ä¸€æžšã ã‘ã§ãªãã€è¤‡æ•°æžšã«ã‚‚å¯¾å¿œ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Internet Explorer 6, 7, 8, 9 Firefox 2, 3, 4 Opera 9+ Safari Chrome bgStretcherã®ä½¿ã„æ–¹ Step 1: ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ã‚µã‚¤ãƒˆã®ã€ŒDownloadã€ã‚ˆã‚Šãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ä¸€å¼ã«ã¯å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«å…¨ã¦ï¼ˆjqeury.jsã‚‚ï¼‰ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ Step 2: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸‹è¨˜ã®ã‚ˆã†ã«<head>ï½ž</head>ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="../jquery-1.5.2.mi
dog_smile 2012/02/10
javascript

èƒŒæ™¯

ãƒ–ãƒ©ã‚¦ã‚¶

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[JS]ã‚¹ãƒ ãƒ¼ã‚ºãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åœ°å›³ï¼ˆå¤§ãã„ç”»åƒï¼‰ã‚’ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -CraftMap
åœ°å›³ã®ã‚ˆã†ãªå¤§ãã„ç”»åƒã‚’æŒ‡å®šã‚µã‚¤ã‚ºã«ã‚¯ãƒªãƒƒãƒ—ã—ã€ã‚¯ãƒªãƒƒã‚¯ã‚„ãƒ‰ãƒ©ãƒƒã‚°æ“ä½œã§ã‚¹ãƒ ãƒ¼ã‚ºã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CraftMap [ad#ad-2] CraftMapã®ãƒ‡ãƒ¢ CraftMapã®å®Ÿè£… CraftMapã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯äºŒã¤ã‚ã‚Šã€ãƒšãƒ¼ã‚¸å†…ã®ä¸€éƒ¨ã«é…ç½®ã—ãŸã‚‚ã®ã¨ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã„ã£ã±ã„ã«é…ç½®ã—ãŸã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ åœ°å›³ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ–¹æ³•ã¯3ç¨®é¡žã®æ“ä½œãŒå¯èƒ½ã§ã™ã€‚ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆå·¦ã®ãƒ‘ãƒãƒ«ï¼‰ã®å„ãƒ©ãƒ™ãƒ«ã‚’ã‚¯ãƒªãƒƒã‚¯ åœ°å›³ä¸Šã®ãƒžãƒ¼ã‚«ãƒ¼ã‚’ã‚¯ãƒªãƒƒã‚¯ åœ°å›³ã‚’ãƒ‰ãƒ©ãƒƒã‚° å„ãƒ©ãƒ™ãƒ«ãƒ»ãƒžãƒ¼ã‚«ãƒ¼ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãã‚Œã«å¯¾å¿œã—ãŸä»˜åŠ æƒ…å ±ã‚’ãƒ‘ãƒãƒ«ã§è¡¨ç¤ºã—ã¾ã™ã€‚ Demo 2: ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã„ã£ã±ã„ã«é…ç½® [ad#ad-2] CraftMapã®å®Ÿè£… å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="js/jquery.js" type="
dog_smile 2011/12/19
åœ°å›³

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
JavaScriptã§ä½œã‚‰ã‚ŒãŸã€è¦‹ãŸã“ã¨ãªã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã®Webã‚µã‚¤ãƒˆ
æ ªå¼ä¼šç¤¾ã‚µã‚¤ã‚¾ãƒ¼ï¼ˆCyzo inc.ï¼‰ / Raffael StÃ¼ken / La Moulade - Creative St...ä»–...å…¨11ä»¶
dog_smile 2011/12/01
javascript

Web

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

ã¾ã¨ã‚

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
[JS]ä½¿ã„ã‚„ã™ãé«˜æ€§èƒ½ãªãƒ•ã‚©ãƒ¼ãƒ ãŒç°¡å˜ã«è¨ç½®ã§ãã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -jFormer
ç°¡å˜ãªãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã¯ã˜ã‚ã€ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã€ã‚³ãƒ¡ãƒ³ãƒˆç”¨ãƒ•ã‚©ãƒ¼ãƒ ã€ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã‚«ãƒ¼ãƒˆç”¨ãƒ•ã‚©ãƒ¼ãƒ ã€ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆç”¨ãƒ•ã‚©ãƒ¼ãƒ ãªã©å¤šç¨®å¤šæ§˜ãªã‚¿ã‚¤ãƒ—ãŒç”¨æ„ã•ã‚ŒãŸã€ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚‚å‚™ãˆãŸãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ jQuery Form Framework - jFormer [ad#ad-2] jFormerã®ç‰¹å¾´ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ AJAXã‚’ä½¿ã£ãŸãƒšãƒ¼ã‚¸å¤‰æ›´æ©Ÿèƒ½ CSSãƒ™ãƒ¼ã‚¹ã®ç°¡å˜ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º Botã®é˜²æ¢ï¼ˆCAPTCHAã¯ç„¡ã—ï¼‰ å…¥åŠ›ãƒ‡ãƒ¼ã‚¿ã®ãƒ¬ã‚¸ãƒ¥ãƒ¼ãƒ æ©Ÿèƒ½ ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ãƒãƒƒã‚¯æ©Ÿèƒ½ ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚‚å¤šæ•°ç”¨æ„ jFormerã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã«ã¯ã€ã•ã¾ã–ã¾ãªå®Ÿç”¨çš„ãªãƒ•ã‚©ãƒ¼ãƒ ãŒã‚ã‚Šã¾ã™ã€‚
dog_smile 2011/03/04
javascript

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
[JS]HTMLã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’3Dã«å›žè»¢ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -rotate3Di
rotate3Di - Flip HTML content in 3D ãƒ‡ãƒ¢ [ad#ad-2] rotate3Diã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Firefox 3.5+ Chrome Safari IE 9(pre7+) å¤šåˆ†ã€Operaã‚‚å¤§ä¸ˆå¤«ã¨ã®ã“ã¨ã§ã™ã€‚ â€»Opera 10ã§å‹•ä½œã—ã¾ã—ãŸã€‚ rotate3Diã®å®Ÿè£… rotate3Diã¯jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <scriptÂ type="text/javascript"Â src="jquery-1.4.4.min.js"></script> <scriptÂ type="text/javascript"Â src="rotate3Di/jquery-css-transf orm/jquery-css-transf orm.js"></script>
dog_smile 2010/11/30
jQuery

javascript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒªãƒƒãƒã™ãŽã‚‹ãƒ‡ãƒ¼ã‚¿ã‚°ãƒªãƒƒãƒ‰ç‰ã‚’å®Ÿè£…ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼‘ï¼•:phpspoté–‹ç™ºæ—¥èªŒ
15 JavaScript Data Grids to Enhance your HTML Tables | Hot Scripts Blog ãƒªãƒƒãƒã™ãŽã‚‹ãƒ‡ãƒ¼ã‚¿ã‚°ãƒªãƒƒãƒ‰ç‰ã‚’å®Ÿè£…ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼‘ï¼•ã€‚ WEBãƒšãƒ¼ã‚¸ã«å®Ÿè£…ã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã‚’é¸ã¶éš›ã«ã‹ãªã‚Šå‚è€ƒã«ã§ããã†ã§ã™ã€‚ ã‚¹ã‚¿ãƒ³ãƒ‰ã‚¢ãƒãƒ³ã§å‹•ãã‚‚ã®ã‚„ã€JavaScriptã‚„Mootoolsãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã‚‚ã®ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ dhtmlxGrid SigmaGrid jTPS â€“ Datatable jQuery Plugin DataTables â€“ Data Table jQuery plugin Flexigrid for jQuery MyTableGrid OmniGrid å…¨éƒ¨è¦‹ã‚‹ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚·ãƒ³ãƒ—ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ã‚’ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤è¡¨ç¤ºã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒGriddyã€ ã‚°ãƒªãƒƒãƒ‰ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã§æ–°
dog_smile 2010/11/02
javascript

jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ã‚°ãƒªãƒƒãƒ‰

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
news - javascript - just do jsdo.it! : 404 Blog Not Found
2010å¹´07æœˆ02æ—¥05:30 ã‚«ãƒ†ã‚´ãƒªLightweight LanguagesNews news - javascript - just do jsdo.it! ä»Šæ›´ãªãŒã‚‰è©¦ã—ã¦ã¿ãŸã‘ã©â€¦ ã“ã‚Œã¯ã™ã”ã„ã€‚ ä¸€è¨€ã§ã„ã†ã¨ã€Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãã®å ´ã§ä½œã‚Œã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ ä¾‹ãˆã°ã€ã“ã‚“ãªã®ã€‚ Simple JS Runner - jsdo.it - share JavaScript, HTML5 and CSS å…¨ã¦ã‚µã‚¤ãƒˆå†…ã§æ›¸ã‘ã¾ã—ãŸã€‚ å˜ã«ãã®å ´ã§æ›¸ã‘ã‚‹ã ã‘ã§ã¯ãªãã£ã¦ã€ã“ã†ã—ã¦ä½œå“ã‚’blogã«å¼µã‚Šè¾¼ã‚€ã“ã¨ã‚‚å‡ºæ¥ã‚‹ã—ã€äººã®ã‚³ãƒ¼ãƒ‰ã‚’forkã™ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã—ã€è‡³ã‚Œã‚Šå°½ãã›ã‚Šã€‚èªè¨¼ãŒOpenIDã‚„OAuthã§ã€ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ã‚ã–ã‚ã–ä½œæˆã—ãªãã¦ã‚‚ã„ã„ã¨ã“ã‚ã‚‚ç´ æ™´ã‚‰ã—ã„ã€‚ã“ã“ã¾ã§æ•·å±…ã‚’ä¸‹ã’ã‚‰ã‚ŒãŸã‚‰ã€ Just do it.ã™ã‚‹ã—ã‹ãªã„ã€‚ è©³ã—ãã¯ã“ã¡ã‚‰ã€‚ help - jsdo
dog_smile 2010/07/02
javascript

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
1