[B! jQuery] lam_bdaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lam_bda id:lam_bda

jQueryã«é–¢ã™ã‚‹lam_bdaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (16)

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

5000äººã«èžã„ãŸã€2018å¹´æœ€å…ˆç«¯ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ãŒä½¿ã£ã¦ã‚‹ãƒ„ãƒ¼ãƒ«ã¯ã“ã‚Œã - Qiita
å…ˆæ—¥Launching the Front-End Tooling Survey 2018ã¨ã„ã†ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã®ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆèª¿æŸ»ã‚’å’Œè¨³ã—ã¾ã—ãŸãŒã€ãã®çµæžœãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ ä»¥ä¸‹ã¯The Front-End Tooling Survey 2018 - Resultsã®æ—¥æœ¬èªžè¨³ã§ã™ã€‚ The Front-End Tooling Survey 2018 - Results ä»Šå¹´3æœˆã®Front-End Tooling Surveyã«ã€5097äººã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºè€…ã‹ã‚‰å›žç”ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ å‚åŠ ã•ã‚ŒãŸçš†ã•ã‚“ã«ã¯æ„Ÿè¬è‡´ã—ã¾ã™ã€‚ æ¯Žå›žã€èª¿æŸ»ã®ç›®æ¨™ã¯å˜ç´”ã§ã™ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒç¾åœ¨ä»•äº‹ã§ä½¿ç”¨ã—ã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ«ã«ã¤ã„ã¦å…‰ã‚’å½“ã¦ãŸã„ã®ã§ã™ã€‚ ã©ã®ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã‹ã€è‡ªåˆ†ã®çŸ¥è˜ã‚„çµŒé¨“ã ã‘ã§åˆ¤æ–ã—ã¦ã—ã¾ã†ã®ã¯æ—©è¨ˆã§ã™ã€‚ ä»¥ä¸‹ã®çµæžœã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ„ãƒ¼ãƒ«ã®ç¾åœ¨ã®å‹•å‘ã‚’æŠŠæ¡ã™ã‚‹ã®ã«å½¹ç«‹
lam_bda 2018/05/12
CSS

JavaScript

jQuery

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Topã¸æˆ»ã‚ã†ï¼ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€jump.jsã‚’ã”ç´¹ä»‹ï¼ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ãƒã‚¹ã‚¿ã‚ªãƒ«ã¯ãƒ•ãƒ¯ãƒ•ãƒ¯ã‚ˆã‚Šã‚´ãƒ¯ã‚´ãƒ¯æ´¾ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã‚¶ãƒ¯ã§ã™ã€‚ ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã‚ˆãè¦‹ã‹ã‘ã‚‹å‹•ãã®ä¸€ã¤ã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ã™ã‚‹ã™ã‚‹ã£ã¨ç›®çš„ã®ä½ç½®ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹å‹•ããŒã‚ã‚Šã¾ã™ã‚ˆãã€‚TOPã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã‚„ã€ãƒšãƒ¼ã‚¸å†…ã‚¢ãƒ³ã‚«ãƒ¼ãªã©ãŒä»£è¡¨çš„ã«è¦‹ã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚jQueryä¿¡ä»°æ´¾ã§ã‚ã£ãŸæ™‚ã¯ã€animateé–¢æ•°ã‚’ä½¿ç”¨ã—ã¦ã„ãŸã‚‚ã®ã§ã™ã€‚ä»Šå›žã¯ã€jQueryã‚’ä½¿ã‚ãšã«ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹jump.jsã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ã¾ãšã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã—ã‚‡ã†ï¼ github Demo ä½¿ã„æ–¹ jump(â€˜.targetâ€™); ãˆã€ãã‚Œã ã‘ï¼Ÿ ã¯ã„ã€‚ãã‚Œã ã‘ã§ã™ã€‚ ç¬¬ä¸€å¼•æ•°ã«ã¯ã€ä¸Šã«æŒ™ã’ãŸä¾‹ã®ã‚ˆã†ã«ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’æ¸¡ã™ä»–ã«ã€ãƒŽãƒ¼ãƒ‰ã‚’æ¸¡ã—ãŸã‚Šã€ç¾åœ¨ä½ç½®ã‹ã‚‰ã®ç›¸å¯¾å€¤ã‚’æ¸¡ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ //node const node = document.querySe
lam_bda 2018/03/19
JavaScript

jQuery

GitHub

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚ˆã‚Šä½¿ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®JavaScript/CSSãƒ„ãƒ¼ãƒ«10é¸ - ãƒãƒƒãƒ—ã‚¤ãƒ³ã‚µã‚¤ãƒˆ
ã“ã®è¨˜äº‹ã¯Speckyboy Design Magazineã‹ã‚‰ã®ç¿»è¨³è»¢è¼‰ã§ã™ã€‚é…ä¿¡å…ƒã¾ãŸã¯è‘—è€…ã®è¨±å¯ã‚’å¾—ã¦é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ 10 JavaScript and CSS Tools to Enhance Your Forms ãƒ•ã‚©ãƒ¼ãƒ ã¯å¤šãã®Webã‚µã‚¤ãƒˆã«ã¨ã£ã¦æ¬ ã‹ã›ãªã„ã‚‚ã®ã§ã™ã€‚ã—ã‹ã—ç§ãŸã¡ã¯ã€ãã®ç´°éƒ¨ã«ã¾ã§ã„ã¤ã‚‚æ°—ã‚’é…ã‚Œã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã‚’æ”¹å–„ã™ã‚‹æ–¹æ³•ã¯ãŸãã•ã‚“å˜åœ¨ã—ã¾ã™ã€‚ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®è¿½åŠ ã‚„ã€ãƒžã‚¹ã‚¯ã‚„ãã®ä»–ã®ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ã‚¤ãƒ³ãƒ—ãƒƒãƒˆã—ãŸã‚Šã™ã‚‹ã“ã¨ãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ãã—ã¦ã“ã‚Œã¯è¡¨é¢çš„ãªå¯¾å‡¦ã§ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã€‚æœ€çµ‚ç›®æ¨™ã¯ã€ã§ãã‚‹é™ã‚Šä½¿ã„ã‚„ã™ãé…åŠ›çš„ãªãƒ•ã‚©ãƒ¼ãƒ ã«ã™ã‚‹ã“ã¨ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€æœ€é©ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹ãŸã‚ã®10ã®ç„¡æ–™ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ formbase formbaseã¯ã€CSS/SASSã‚’ä½¿ç”¨ã—ã¦ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã«æ”¹å–„ã•ã‚ŒãŸãƒ‡ãƒ•ã‚©ãƒ«ãƒˆè¦ç´ ã‚’ã‚‚ãŸã‚‰ã™ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸
lam_bda 2018/03/09
JavaScript

CSS

jQuery

techfeed

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
jQuery 2.0ã‚’åˆ©ç”¨ã™ã‚‹ãŸã‚ã«æ³¨æ„ã™ã‚‹ã“ã¨
jQuery 2.0ã‚’åˆ©ç”¨ã™ã‚‹ãŸã‚ã«æ³¨æ„ã™ã‚‹ã“ã¨ 4æœˆ18æ—¥ã«jQuery 2.0ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ã“ã‚Œã¾ã§1.xç³»ã§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã‚’é€²ã‚ã¦ããŸjQueryã§ã¯åˆã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã¨ãªã‚Šã¾ã™ã€‚ jQuery 2.0ãŒjQuery 1.xç³»ã¨å¤§ããç•°ãªã‚‹ã®ã¯ã€ã“ã‚Œã¾ã§jQueryã¯IEã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯6ä»¥ä¸Šã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ãã¾ã—ãŸãŒã€jQuery 2.0ã§ã¯IE9ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯9ä»¥ä¸ŠãŒã‚µãƒãƒ¼ãƒˆã¨ãªã‚Šã¾ã™ã€‚ èª¤è§£ã—ãªã„ã‚ˆã†ã«ã—ã¦æ¬²ã—ã„ã®ã¯jQuery ãŒIE8ä»¥ä¸‹ã‚’åˆ‡ã‚Šæ¨ã¦ãŸã‚ã‘ã§ã¯ãªã„ã¨ã„ã†ã“ã¨ã€‚jQuery 1.xç³»ã¯ä»Šå¾Œã‚‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ãã€jQuery 1.xç³»ã¯jQuery 2.xç³»ã¨åŸºæœ¬çš„ã«ã¯åŒã˜æ©Ÿèƒ½ãŒå®Ÿè£…ã•ã‚Œã‚‹äºˆå®šã§ã™ã€‚ã¡ãªã¿ã«jQuery 1.xç³»ã®æ¬¡ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯jQuery 1.10ã§ã™ã€‚ jQuery 1.xç³»ã¨jQuery 2.xç³»ã®ä½¿ã„åˆ†ã‘ è¿½è¨˜:æ£
lam_bda 2013/04/25
jQuery
ãƒªãƒ³ã‚¯
pickadate.js
Thereâ€™s a tonne of options to customize the date and time pickers, such as month/year selectors, time intervals, etc. Thereâ€™s also a rich API to extend the functionality of the picker. Some examples are displayed on Codepen. When using the â€œclassicâ€ theme, it is important to have a wrapper div with position: relative around the source input to ensure the picker is sized according to the input elem
lam_bda 2013/02/18
ã“ã®datepickerã¯ã‚«ãƒƒã‚³ã„ã„ãªãƒ¼ã€‚ #sgdev

jQuery
ãƒªãƒ³ã‚¯
jQuery Anti-Patterns for Performance & Compression
The document discusses various jQuery anti-patterns that can negatively impact performance and compression. It describes caching selections, using document fragments to append content outside of loops, avoiding unnecessary re-querying of elements, and leveraging event delegation with delegate() instead of binding individual handlers. The document em phasizes optimizing selector syntax from right to
lam_bda 2012/04/23
jQuery
ãƒªãƒ³ã‚¯
jQuery 1.7 ã® $.Callbacks ã®è§£èª¬ - ã‚ã‹ã‚‰ã‚“
jQuery 1.7 ã§å°Žå…¥ã•ã‚Œã‚‹ $.Callbacks ã«ã¤ã„ã¦ã® "Demystifying jQuery 1.7â€²s $.Callbacks" ã¨é¡Œã•ã‚ŒãŸè§£èª¬è¨˜äº‹ã‚’ã¿ã¤ã‘ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚å†…å®¹ã‚’å°‘ã—ã¯ã—ã‚‡ã£ãŸã‚Šã€è£œã£ãŸã‚Šã—ãŸç¿»è¨³ã§ã™ã€‚å…ƒè¨˜äº‹ã®è‘—è€… Addy Osmani ã•ã‚“ã¯ jQuery ãƒãƒ¼ãƒ ã®ãƒ¡ãƒ³ãƒãƒ¼ã¨ã®ã“ã¨ã€‚æœ¬æ–‡ã«å‡ºã¦ãã‚‹ jQuery.Deferrd, Pub/Sub ã®è©±é¡Œã‚’ç†è§£ã™ã‚‹ã®ã«ã€æ¬¡ã®è³‡æ–™ã«ç›®ã‚’é€šã—ã¦ãŠãã¨ã‚ˆã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ jQueryã®Deferredã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ãŸ - AOEã®æ—¥è¨˜ Script Junkie | Understanding the Publish/Subscribe Pattern for Greater JavaScript Scalability Pub/Subãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãƒ³ã‚°ãƒ¢ãƒ‡ãƒ« å…ƒè¨˜äº‹ AddyOsmani.c
lam_bda 2012/01/27
jQuery
ãƒªãƒ³ã‚¯
jQueryã®liveé–¢æ•°ãŒè¶…ä¾¿åˆ©ãªä»¶ã«ã¤ã„ã¦ | ã•ãã‚‰ãŸã‚“ã©ã£ã¨ã³ãƒ¼ãš
å…ˆæ—¥ jQueryMobile ã‚’ã„ã˜ãã£ã¦ãŸã‚‰ã„ã¾ã„ã¡ã‚ˆãåˆ†ã‹ã‚‰ãªã‹ã£ãŸéƒ¨åˆ†ãŒã‚ã£ãŸã®ã§ jQueryMobile ã®ã‚½ãƒ¼ã‚¹ã¨ã‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ã ã‚‰ã ã‚‰è¦‹ã¦ã„ãŸã®ã§ã™ãŒã€live() ã¨ã„ã†é–¢æ•°ãŒã¡ã‚‡ã„ã¡ã‚‡ã„ä½¿ã‚ã‚Œã¦ãŸã®ã§æ°—ã«ãªã£ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸâ€¦ã‚‰ã€è¶…ä¾¿åˆ©ãªã“ã¨ãŒåˆ¤æ˜Žã—ãŸã®ã§ç”Ÿå˜æˆ¦ç•¥ã—ã¨ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãš semooh.jp ã•ã‚“ã®æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ã‚ˆã‚‹ã¨ã€live é–¢æ•°ã¯æœªç™»éŒ²ã® DOM ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«å¯¾ã—ã¦ã‚‚å‹•ä½œã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’ç™»éŒ²ã™ã‚‹é–¢æ•°ã®ã‚ˆã†ã§ã™ã€‚ jQuery 1.3ã‚ˆã‚Šå®Ÿè£…ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã«å¯¾ã—ã¦ãƒãƒ³ãƒ‰ãƒ©ã‚’ç™»éŒ²ã—ã¾ã™ã€‚ ç™»éŒ²ã•ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆã¯ã€ç¾åœ¨ãŠã‚ˆã³å°†æ¥çš„ã«ã‚‚ã€ã‚»ãƒ¬ã‚¯ã‚¿ã«ãƒžãƒƒãƒã™ã‚‹å…¨ã¦ã®è¦ç´ ã«é©ç”¨ã•ã‚Œã¾ã™ã€‚ ã‚«ã‚¹ã‚¿ãƒ ã‚¤ãƒ™ãƒ³ãƒˆã«å¯¾ã—ã¦bindã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ live(type, fn) â€“ jQuery æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ã£ã¦ã€ã“ã‚Œã£ã¦è¶…ä¾¿åˆ©ã˜ã‚ƒã‚“ï¼ ã£ã¦ã€
lam_bda 2011/11/29
jQuery
ãƒªãƒ³ã‚¯
ä¸€æ—¥ä¸€æ© : jQueryã§Formã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ã‚’å¤‰æ›´ã™ã‚‹æ–¹æ³•
2010å¹´07æœˆ20æ—¥23:23 ã‚«ãƒ†ã‚´ãƒªé–‹ç™º jQueryã§Formã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ã‚’å¤‰æ›´ã™ã‚‹æ–¹æ³• ä»Šå›žã¯ä»¥ä¸‹ã®ã“ã¨ã‚’æ›¸ã„ã¦ã„ã¾ã™ã€‚ jQueryã‚’ä½¿ã£ã¦ã€Formã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ã€ç‰¹ã«ãƒ†ã‚ã‚¹ãƒˆã‚¿ã‚¤ãƒ—ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ã‚’å¤‰æ›´ã™ã‚‹æ–¹æ³•ã€‚ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚ å¿™ã—ã„ã¨ã‹ã€é©å½“ã«ç†ç”±ã¯è¿°ã¹ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€æ›´æ–°ã‚’ä¸€ã‚«æœˆã°ã‹ã‚Šã‚µãƒœã‚Šã¾ã—ãŸã€‚ ã“ã“æ•°é€±é–“ãã‚‰ã„ã€jQueryã§ã‚ã‚‹ã“ã¨ãŒã†ã¾ãã„ã‹ãªãã¦ã€ãƒãƒžã£ã¦ã„ã¾ã—ãŸã€‚ ã¡ãªã¿ã«ã€jQueryã£ã¦ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ï¼Ÿ å¤šåˆ†ã€ã¿ãªã•ã‚“ã¯ã”å˜çŸ¥ã®ä¸Šã§ã€ã“ã“ã«æ¥ã‚‰ã‚ŒãŸæ–¹ãŒå¤§åŠã ã¨æ€ã„ã¾ã™ã€‚ ç°¡å˜ã«è¨€ã†ã¨ã€JavaScriptã§ã‚ã£ãŸã‚‰ã„ã„ãªçš„ãªã‚‚ã®ã‚’ä¸Šæ‰‹ã«ã¾ã¨ã‚ãŸä¾¿åˆ©ãªé“å…·ã§ã™ã€‚ ãã‚Œä»¥ä¸Šã¯ã€ã“ã®è¨˜äº‹ã®æœ¬è³ªã˜ã‚ƒãªã„ã®ã§ã€è»½ãæµã—ã¦ãŠãã¾ã™ã€‚ ãªã«ã«ãƒãƒžã£ã¦ã„ãŸã®ã‹ï¼Ÿ ãã‚Œã¯ã€Formã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã§ã™ã€‚ Formã¯é …ç›®ã‚’ä½œã£ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å…¥åŠ›ã•ã›ã‚‹éƒ¨
lam_bda 2011/04/23
jQuery
ãƒªãƒ³ã‚¯
pjax ã“ããŒ pushState + Ajax ã®æœ¬å‘½ - punitan (a.k.a. punytan) ã®ãƒ¡ãƒ¢
pjaxã®å‰ã«pushStateã¨ã¯ Ajaxã¨jQueryã®èª¬æ˜Žã¯ä¸è¦ã¨ã—ã¦ã€pushStateã¨ã¯ãªã‚“ãžã‚„ã€‚ pushStateã‚’ä½¿ã£ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã®å±¥æ´ã«å¯¾ã™ã‚‹æ“ä½œã‚’ã—ã€HTMLã®ä¸€éƒ¨ã®ã¿ã‚’æ›¸ãæ›ãˆã‚‹å‹•ä½œã§ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã®æˆ»ã‚‹ï¼é€²ã‚€æ©Ÿèƒ½ã‚’å®Ÿç¾ã§ãã‚‹æ–¹æ³•ã®ã²ã¨ã¤ã€‚Ajaxãªãƒšãƒ¼ã‚¸ã‚’å†ç¾ã—ã€ã‹ã¤URLã‚’è¦‹æ…£ã‚ŒãŸæ–¹æ³•ã§è‡ªç„¶ã«permalinkã‚’è¡¨ç¾ã§ãã‚‹ã€‚ æœ‰åãªã¨ã“ã‚ã§ã¯GitHubã§ä½¿ã‚ã‚Œã¦ã‚‹ã‚¢ãƒ¬ã€‚ hash fragment (/#!/) ãƒ–ãƒ©ã‚¦ã‚¶ã®å±¥æ´ã‚’æ©Ÿèƒ½ã•ã›ã‚‹ãŸã‚ã€URL ã® fragment (#) ã‚’ä½¿ã£ã¦Ajaxãªãƒšãƒ¼ã‚¸ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã€‚ä¸€æ™‚æœŸã‚‚ã¦ã¯ã‚„ã•ã‚ŒãŸæ„ŸãŒã‚ã‚‹ãŒã€ã•ã‚‰ãªã‚‹ã€Œ#!ã€URLæ‰¹åˆ¤ - karasuyamatenguã®æ—¥è¨˜ ãªã©åˆç†çš„ãªåè«–ãŒã‚ã‚Šã€ã“ã‚Œã‹ã‚‰å°Žå…¥ã™ã‚‹ã®ã¯ãŸã‚ã‚‰ã‚ã‚Œã‚‹ã¨ã“ã‚ã€‚ æœ‰åãªã¨ã“ã‚ã§ã¯Twitterã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚ã®åŽ„ä»‹è€…ã€‚ pjaxã¨ã¯ pjax
lam_bda 2011/04/11
jQuery

ajax

pushState
ãƒªãƒ³ã‚¯
cystein Â» jquery-railsã‚’ä½¿ã£ã¦ã¿ã‚‹
jqueryå…¨ç››ã®ã“ã‚“ãªä¸–ã®ä¸ã˜ã‚ƒã€ã£ã¦ã“ã¨ã§rails3ã§jqueryã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«è¨å®šã€‚ ã¨ã‚Šã‚ãˆãšã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« gem install jquery-rails ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®Gemfileã®æœ«å°¾ã«è¿½è¨˜ã—ã¦ã€bundle gem 'jquery-rails' bundle ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ä½¿ã†ã‚ˆã†ã«generate rails generate jquery:install remove Â public/javascripts/controls.js remove Â public/javascripts/dragdrop.js remove Â public/javascripts/effects.js remove Â public/javascripts/prototype.js fetching Â jQuery (1.4.4) create Â public/javascri
lam_bda 2011/04/02
rails

jQuery
ãƒªãƒ³ã‚¯
prototype.jsãƒ™ãƒ¼ã‚¹ã‹ã‚‰jqueryãƒ™ãƒ¼ã‚¹ã«å¤‰æ›´ã™ã‚‹ - Ruby1.9ã¨Rails3ã§ä½•ã‹ä½œã£ã¦ã¿ã‚‹
RailsãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ä½¿ã£ã¦ã„ã‚‹Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯prototype.jsã¨script.aculo.usãªã®ã ãŒã€ ä½•ã¨ãªãjqueyãŒã„ã„ãªã¨æ€ã£ã¦å¤‰æ›´ã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ ã¡ãªã¿ã«ç’°å¢ƒã¯Windows Vista 64bitã€Ruby1.9.2p0ï¼ˆRubyInstallerã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ï¼‰ã€‚ æœ€åˆã«Rails ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆã™ã‚‹ã¨ãã€ ã€Œrails new xxx -Jã€ãªã©ã¨ã€Œ-Jã€ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’å…¥ã‚Œã‚‹ã¨prototype.jsã‚’å…¥ã‚Œãªã„ã‚ˆã†ã ãŒã€ ãã‚“ãªã“ã¨ã¯ã¤ã‚†çŸ¥ã‚‰ãšã¨ã£ãã®æ˜”ã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆã—ã¦ã—ã¾ã£ãŸã®ã§ã€ ã€ŒRAILS_ROOT/public/javascriptsã€ä»¥ä¸‹ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã”ã£ãã‚Šæ‰‹å‹•ã§å‰Šé™¤ã—ãŸã€‚ ãƒ»ãƒ»ãƒ»ã„ã„ã®ã ã‚ã†ã‹ ãã®å¾Œã«ã€Œjquery-railsã€ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’gemã‚’ä½¿ã£ã¦å…¥ã‚Œã‚‹ã€‚ ã€ŒRAILS_ROOT/Gemfileã€ã«ä»¥ä¸‹ã®
lam_bda 2011/04/02
rails

jQuery
ãƒªãƒ³ã‚¯
jQuery for Designers - Tutorials and screencasts
Welcome to jQuery for Designers Learn how easy it is to apply web interaction using jQuery Search Search for Featured Simple use of Event Delegation Posted on 14th June 2011 â€” Event delegation may be some techie term that youâ€™d rather shy away from, but if youâ€™ve not already used it, this example will show you a simple but powerful use of event delegation. View Tutorial 16 Comments Tutorials â€“ Itâ€™
lam_bda 2011/02/14
jQuery

tutorial
ãƒªãƒ³ã‚¯
jQuery Tutorials for Designers
This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you donâ€™t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, Iâ€™m not going to get into the detai
lam_bda 2011/02/14
jQuery

JavaScript

tutorial
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ç”¨ã—ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰æ“ä½œã§è¡¨ç¤ºã™ã‚‹ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹
ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ã€ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ jQueryã‚’ä½¿ç”¨ã—ã€è¡¨ç¤ºã™ã‚‹ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ æœ€çµ‚çš„ã«ã¯ã€æ¼«ç”»ã®ãƒ“ãƒ¥ãƒ¼ã‚¢ãƒ¼ã«ã—ãŸã„ã®ã§ã€çŸ¢å°ã‚ãƒ¼ã§ãƒšãƒ¼ã‚¸åˆ‡ã‚Šæ›¿ãˆãŒ è¡Œãˆã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« çŸ¢å°ã‚ãƒ¼ã«å¯¾å¿œã—ãŸã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ã€‚ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Image Viewer</title> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> //ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸå–å¾—ç”¨ function getClientHeight(){ var client = getC
lam_bda 2011/02/14
jQuery

javascript
ãƒªãƒ³ã‚¯
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« - jQuery JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
", it ems.join("") + "") //*/ var iframe = document.createElement("iframe"); iframe.src = "index-blank.html"; iframe.width = "100%"; iframe.height = $(this).prev().attr("rel") || "125"; iframe.style.border = "none"; $(this).prev().append(iframe); $(window).load(function(){ var doc = iframe.contentDocument || iframe.contentWindow.document; source = source .replace(/
lam_bda 2011/02/07
jQuery
ãƒªãƒ³ã‚¯
1