[B! JavaScript] tetsuwan30ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tetsuwan30 id:tetsuwan30

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

JavaScriptã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã“ã‚“ãªã«ã‚ã‚‹ã®ã‹ - IT-Walker on hatena
John Resigã•ã‚“ã®æ—¥è¨˜ã§ã€ã€Œã‚ãªãŸãŒä½¿ã£ã¦ã„ã‚‹JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ï¼Ÿã€ã¨è¨€ã†ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆãŒè¡Œã‚ã‚Œã¦ã¾ã—ãŸã€‚ æ¥ãšã‹ã—ãªãŒã‚‰åƒ•ã®JSäººç”Ÿã€ã¾ã ã¾ã¨ã‚‚ãªãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’è¡Œã£ãŸäº‹ãŒãªã„ã‚“ã§ã™ãŒã€æ¬¡ã“ãã¯ä½¿ã£ã¦ã‚„ã‚ã†ã¨æ€ã£ã¦ã„ãŸçŸ¢å…ˆã€‚ ã“ã‚“ãªã«é¸æŠžè‚¢ãŒæœ‰ã‚‹ã®ã‹ãƒ»ãƒ»ãƒ»ã¨ã¡ã‚‡ã£ã¨è…°ãŒå¼•ã‘ã¦ã—ã¾ã„ã¾ã—ãŸ(^^; ä»¥ä¸‹ã€è‡ªåˆ†ç”¨ã®å‚™å¿˜éŒ²ã¨ã—ã¦å¼•ç”¨ã€‚ JSUnit Selenium Core QUnit (jQuery) UnitTestJS (Prototype) JSSpec (MooTools) DOH Unit Testing (Dojo) YUITest 2 (YUI) YUITest 3 (YUI) Mochitest (MochiKit) ScrewUnit JsUnitTest jsUnity JsTestDriver Crosscheck Env.js FireUnit è‡ªåˆ†ãŒä½¿ã†JS
tetsuwan30 2009/07/10
JavaScript

ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã“ã‚Œã§ã‚µã‚¤ãƒˆã«ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã¯èª°ã§ã‚‚ç°¡å˜ã€ŒjQuery Context Menu Pluginã€:phpspoté–‹ç™ºæ—¥èªŒ
ã“ã‚Œã§ã‚µã‚¤ãƒˆã«ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã¯èª°ã§ã‚‚ç°¡å˜ã€ŒjQuery Context Menu Pluginã€ 2009å¹´03æœˆ12æ—¥- jQuery Context Menu Plugin ã“ã‚Œã§ã‚µã‚¤ãƒˆã«ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã¯èª°ã§ã‚‚ç°¡å˜ã€ŒjQuery Context Menu Pluginã€ã€‚ ã¡ã‚‡ã£ã¨å‰ã¾ã§ã ã¨ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚‹ã®ã¯ã™ã”ãå¤§å¤‰ã§ã—ãŸã€‚ç‰¹ã«ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã™ã‚‹ã“ã¨ãªã‚“ã‹ã‚’è€ƒæ…®ã™ã‚‹ã¨æœ¬å½“ã«å¤§å¤‰ã§ã—ãŸã€‚ ãŒã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ãˆã°ç°¡å˜ã«å®Ÿè£…ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ç‰¹å®šã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆä¸Šã®ã¿ã«å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¨å®šã§ãã‚‹ã¨ã„ã†ã€æŸ”è»Ÿãªã¤ãã‚Šã«ãªã£ã¦ã„ã¾ã™ã€‚ ã©ã®ã‚¢ã‚¤ãƒ†ãƒ ä¸Šã§ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‹ã£ã¦ã„ã†ã®ãŒã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã§å—ã‘ã‚‰ã‚Œã‚‹ã¨ã“ã‚ã‚‚æ±Žç”¨çš„ã«ãªã£ã¦ã„ã¦ã„ã„ã§ã™ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼‘ã¤ã¨ã£ã¦ã¿ã¦ã‚‚ã€jQueryã‚’ä½¿ã†æ„å‘³ãŒå‡ºã¦ããã†ã§ã™ã€‚ jQueryã¯æœ¬å½“ã«ãƒ‡ãƒ•
tetsuwan30 2009/03/13
JavaScript
ãƒªãƒ³ã‚¯
ãƒ‰ãƒ©ãƒƒã‚°ã§ä¸¦ã¹æ›¿ãˆå¯èƒ½ãªã‚°ãƒªãƒƒãƒ‰ã‚’å®Ÿç¾ã™ã‚‹ã€Œdraggable_grid.jsã€ã‚’ä½œã‚Šã¾ã—ãŸ - WebOS Goodies
WebOS Goodies ã¸ã‚ˆã†ã“ãï¼ WebOS ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®æœªæ¥å½¢ã€‚ã‚ã‚‰ã‚†ã‚‹ Web ã‚µã‚¤ãƒˆãŒç¹‹ãŒã‚Šã€å…±æœ‰ã—ã€å”åŠ›ã—ã¦å‰µã‚Šä¸Šã’ã‚‹ã€ã²ã¨ã¤ã®å·¨å¤§ãªæƒ…å ±ã‚·ã‚¹ãƒ†ãƒ ã§ã™ã€‚ãã“ã§ã¯ã€ã‚ã‚‰ã‚†ã‚‹æƒ…å ±ãŒãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ä¸Šã«è“„ç©ã•ã‚Œã€æˆ‘ã€…ã¯ã„ã¤ã§ã‚‚ã€ã©ã“ã‹ã‚‰ã§ã‚‚ã€å¤šå½©ãªãƒ‡ãƒã‚¤ã‚¹ã‚’ä½¿ã£ã¦ãã‚Œã‚‰ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™ã€‚ WebOS Goodies ã¯ã€ã•ã¾ã–ã¾ãªæƒ…å ±æä¾›ã‚„ãƒ„ãƒ¼ãƒ«é–‹ç™ºã‚’é€šã—ã¦ã€ãã‚“ãªä¸–ç•Œã®å®Ÿç¾ã«å°‘ã—ã§ã‚‚è²¢çŒ®ã™ã‚‹ã¹ãæ´»å‹•ã—ã¦ã„ãã¾ã™ã€‚ æœ¬æ—¥ã¯ã€ä¹…ã—ã¶ã‚Šã« JavaScript ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å…¬é–‹ã—ã¾ã™ã€‚ã‚ˆãã€ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ç‰ã§ãƒžã‚¦ã‚¹ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ç”»åƒã®ä¸¦ã¹æ›¿ãˆãŒã§ãã‚‹ã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€ãã‚“ãª UI ã‚’ç°¡å˜ã«å®Ÿç¾ã§ãã‚‹ã‚‚ã®ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ä»¥å‰ã«å…¬é–‹ã—ã¦ã”å¥½è©•ã‚’ã„ãŸã ã„ãŸ DragResize.js ã®ãƒŽã‚¦ãƒã‚¦ã‚’å¼•ãç¶™ã„ã§ãŠã‚Šã€ä»¥ä¸‹ã®ç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ JavaScript ã®å‘¼ã³å‡ºã—ã²ã¨ã¤
tetsuwan30 2009/03/12
JavaScript
ãƒªãƒ³ã‚¯
Easy Display Switch with CSS and jQuery - DesignM.ag
This tutorial was originally put together by Soh Tanaka during the Spring of 2009. Unfortunately the original demo went offline along with his source codes. I checked out an older archive copy on the WayBack Machine and decided to re-built this tutorial from scratch. I am going to demonstrate how we can make a simple list-style interface that switches over to thumbnails using jQuery. The user may
tetsuwan30 2009/03/11
css

JavaScript
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

JavaScriptã«é–¢ã™ã‚‹tetsuwan30ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´4æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´4æœˆç¬¬1é€±ï¼‰

ã€å¾©æ—§æ¸ˆã€‘ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¸ã®æŽ¥ç¶šãŒã§ããªã„ãƒ»ä¸å®‰å®šã«ãªã‚‹éšœå®³ãŒç™ºç”Ÿã—ã¦ã„ã¾ã—ãŸ

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

JavaScriptã«é–¢ã™ã‚‹tetsuwan30ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

JavaScriptã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã“ã‚“ãªã«ã‚ã‚‹ã®ã‹ - IT-Walker on hatena

ã“ã‚Œã§ã‚µã‚¤ãƒˆã«ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã¯èª°ã§ã‚‚ç°¡å˜ã€ŒjQuery Context Menu Pluginã€:phpspoté–‹ç™ºæ—¥èªŒ

ãƒ‰ãƒ©ãƒƒã‚°ã§ä¸¦ã¹æ›¿ãˆå¯èƒ½ãªã‚°ãƒªãƒƒãƒ‰ã‚’å®Ÿç¾ã™ã‚‹ã€Œdraggable_grid.jsã€ã‚’ä½œã‚Šã¾ã—ãŸ - WebOS Goodies

Easy Display Switch with CSS and jQuery - DesignM.ag

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´4æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´4æœˆç¬¬1é€±ï¼‰

ã€å¾©æ—§æ¸ˆã€‘ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¸ã®æŽ¥ç¶šãŒã§ããªã„ãƒ»ä¸å®‰å®šã«ãªã‚‹éšœå®³ãŒç™ºç”Ÿã—ã¦ã„ã¾ã—ãŸ

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

JavaScriptã«é–¢ã™ã‚‹tetsuwan30ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

JavaScriptã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã“ã‚“ãªã«ã‚ã‚‹ã®ã‹ - IT-Walker on hatena

ã“ã‚Œã§ã‚µã‚¤ãƒˆã«ç‹¬è‡ªã®å³ã‚¯ãƒªãƒƒã‚¯ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã¯èª°ã§ã‚‚ç°¡å˜ã€ŒjQuery Context Menu Pluginã€:phpspoté–‹ç™ºæ—¥èªŒ

ãƒ‰ãƒ©ãƒƒã‚°ã§ä¸¦ã¹æ›¿ãˆå¯èƒ½ãªã‚°ãƒªãƒƒãƒ‰ã‚’å®Ÿç¾ã™ã‚‹ã€Œdraggable_grid.jsã€ã‚’ä½œã‚Šã¾ã—ãŸ - WebOS Goodies

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´4æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´4æœˆç¬¬1é€±ï¼‰

ã€å¾©æ—§æ¸ˆã€‘ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã¸ã®æŽ¥ç¶šãŒã§ããªã„ãƒ»ä¸å®‰å®šã«ãªã‚‹éšœå®³ãŒç™ºç”Ÿã—ã¦ã„ã¾ã—ãŸ

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹