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

kuchitama id:kuchitama

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

Re: React.jsç•Œéšˆã®äººã«èžããŸã„ - mizchi's blog
React.jsç•Œéšˆã®äººã«èžããŸã„ å‰æ Reactã‚ˆã‚Šå‰ã«åƒ•ãŒã‚„ã‚ŠãŸã‹ã£ãŸã“ã¨ã¨ã—ã¦ã€å†ªç‰æ€§ã®æ‹…ä¿ã®ç‚ºã«æ¯Žãƒ•ãƒ¬ãƒ¼ãƒ document.body.innerHTML ã‚’æ›¸ãæ›ãˆãŸã‹ã£ãŸãŒãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹çš„ã«ãã‚ŒãŒè¨±ã•ã‚Œãªã‹ã£ãŸãŒã€Reactã¯æ“¬ä¼¼çš„ã«ãã‚Œã‚’é”æˆã•ã›ã¦ãã‚ŒãŸã¨ã„ã†åœ§å€’çš„æ„Ÿè¬ðŸ™ãŒã‚ã‚‹â€” ãƒ€ã‚¤ãƒŠãƒ¢ãƒã‚°ãƒ©ãƒž (@mizchi) 2016å¹´5æœˆ23æ—¥ SPA ä¸–ã®ä¸ã«SPAã®éœ€è¦ãŒã‚ã‚‹ã®ã‹ï¼Ÿã¨ã„ã†ç‚¹è€ƒãˆã¦ã„ãŸã‘ã©ã€éœ€è¦ãŒãªã„ã‹ã‚‰SPAæŠ€è¡“ãŒã„ã‚‰ãªã„ã€ã¨ã„ã†ã®ã¯ãŸã¶ã‚“é–“é•ã£ã¦ã¦ã€SPAæŠ€è¡“ã‚’æŒãŸãªã„äººãŒå¤šã„ã‹ã‚‰ãã®ç™ºæƒ³ã‚‚ãªãã€SPAã§é”æˆã§ãã‚‹ã“ã¨ãŒã‚¤ãƒ¡ãƒ¼ã‚¸å‡ºæ¥ãªã„ã®ãŒã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³è¨è¨ˆã®ç¸›ã‚Šã«ãªã£ã¦ã„ã‚‹ã€ã¨ã„ã†æ„Ÿã˜ãªæ°—ãŒã™ã‚‹â€” ãƒ€ã‚¤ãƒŠãƒ¢ãƒã‚°ãƒ©ãƒž (@mizchi) 2016å¹´5æœˆ23æ—¥ Gmailã‚„Trelloã‚„Pivotalã‚„ã‚°ãƒ©ãƒ–ãƒ«ã¯ç•°å¸¸ãªæŠ€è¡“ã®é›†å¤§æˆã§ã¯ãªãã€å€‹åˆ¥ã«åˆ†è§£å¯èƒ½ãª
kuchitama 2016/05/25
ãƒ•ãƒãƒ³ãƒˆé–¢ä¿‚ãªãã€æœ€å¾Œã®è¨€è‘‰ãŒã¨ã¦ã‚‚ã„ã„ã€‚

React

jQuery

react.js
ãƒªãƒ³ã‚¯
jQueryä½¿ã„ãŒçŸ¥ã£ã¦ãŠãã¹ãjQueryãƒ†ã‚¯ãƒ‹ãƒƒã‚¯8é¸
ç›®æ¬¡ 1. jQuery 2.x vs 1.x2. ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã«ã¯ on() ã‚’ä½¿ã†ã¹ã—3. AJAXã«ã¯ done(), fail() ã‚’ä½¿ã†ã¹ã—4. ajax()ã ã‘ã˜ã‚ƒãªãã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ»ãƒ¡ã‚½ãƒƒãƒ‰ã‚‚æ´»ç”¨ã™ã¹ã—5. find() ã‚’ä½¿ã£ã¦çµžã‚Šè¾¼ã‚€ã¹ã—6. ã‚«ã‚¹ã‚¿ãƒ ã‚¤ãƒ™ãƒ³ãƒˆã‚’å®šç¾©ã™ã‚‹7. å±žæ€§ã‚’æŒ‡å®šã—ã¦DOMã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ç”Ÿæˆã§ãã‚‹8. formé€ä¿¡æ™‚ã¯ serialize() ã‚’ä½¿ã£ã¦å€¤ã‚’ã¾ã¨ã‚ã¦å–å¾—ã™ã¹ã—å‚è€ƒæœ¬è¨˜äº‹ã¯jQuery Advent Calendar 2013ã®23æ—¥ç›®ã®è¨˜äº‹ã¨ãªã‚Šã¾ã™ã€‚ä»Šå›žã¯jQueryä½¿ã„ã¨ã—ã¦è¦šãˆã¦ãŠããŸã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å€‹äººçš„ã«8ã¤ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã—ãŸã€‚ æ—¥æœ¬ã¨ã®æ™‚å·®ã®é–¢ä¿‚ã§æ›´æ–°ãŒ24æ—¥ã«ãªã£ã¦ã„ã‚‹ã§ã—ã‚‡ã†ãŒæ°—ã«ã›ãšã„ãã¾ã—ã‚‡ã†ã€‚ 1. jQuery 2.x vs 1.xï¼‘ã¤ç›®ã¯ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ã„ã†ã‚ˆã‚ŠTipsã«ãªã‚Šã¾ã™ã€‚jQueryã«ã¯æœ€æ–°ç‰ˆã®
kuchitama 2014/07/25
jquery

jQuery

javascript
ãƒªãƒ³ã‚¯
jQueryã§ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’å®Ÿç¾ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼’ï¼:phpspoté–‹ç™ºæ—¥èªŒ
20 Useful jQuery Modal Plugins jQueryã§ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’å®Ÿç¾ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼’ï¼ã€‚ ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã§è‡ªåˆ†ã®ç”¨é€”ã«ãƒžãƒƒãƒã—ãŸãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æŽ¢ã™æ™‚ã«ä¾¿åˆ©ãã†ã§ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„å®Ÿè£…ã®å®¹æ˜“æ€§ã¯ã„ã–ä½¿ã£ã¦ã¿ã‚‹ã¨ãƒ€ãƒ¡ãªãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã‚ã£ãŸã‚Šã—ã¾ã™ãŒã€ã“ã‚Œã ã‘ã‚ã‚Œã°ã©ã‚Œã‹ãƒžãƒƒãƒã—ãã†ãªã‚‚ã®ãŒã‚ã‚Šãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¯ãƒ¼ãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSimpleModalã€
kuchitama 2013/11/18
â€œ20 Useful jQuery Modal Pluginsâ€

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

jQuery

Web

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #15 Evernoteé¢¨ã‚¿ã‚°ç™»éŒ²ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½œã£ã¦ã¿ãŸ | DevelopersIO
ã¡ã‚‡ã£ã¨ã—ãŸå‚™å¿˜éŒ²ã¨ã„ã£ãŸãƒ¡ãƒ¢ã«ã¯ Evernote ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ä¸€æ™‚æœŸã«æ¯”ã¹ã‚‹ã¨ä½¿ç”¨é »åº¦ã¯å°‘ã—è½ã¡ã¾ã—ãŸãŒã€ãã‚Œã§ã‚‚ä½¿ã£ã¦ã„ã¾ã™ã€‚åœ°å‘³ãªã¨ã“ã‚ã§ã™ãŒã€Evernote ã®ã‚¿ã‚°ç™»éŒ² UI ãŒçµæ§‹å¥½ããªã®ãŒç†ç”±ã®ä¸€ã¤ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ Web ãƒ¡ãƒ¼ãƒ«ã«ãŠã„ã¦ã¯åŸºæœ¬çš„ã«å—ä¿¡ãŒãƒ¡ã‚¤ãƒ³ã§é€ä¿¡ã¨ã„ã£ã¦ã‚‚æ®†ã©ãŒè¿”ä¿¡ã§æ¸ˆã‚“ã§ã—ã¾ã£ã¦ã„ã¾ã™ãŒã€ Gmail ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚Gmail ã¯éžå¸¸ã«æ—©ã„ã‚µã‚¤ã‚¯ãƒ«ã§æ©Ÿèƒ½ã‚„ UI ãŒåˆ·æ–°ã•ã‚Œã¾ãã£ã¦ã„ã¾ã™ãŒã€ã„ã¤ã®é ƒã‹ã‚‰é€ä¿¡å…ˆã€Ccã€Bcc å…¥åŠ›ã®UIãŒã¾ã‚‹ã§ã‚¿ã‚°ã®ã‚ˆã†ãªè¦‹ãŸç›®ã¨ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã®ä¸¡è€…ã® UI ã¯ã¨ã¦ã‚‚è‰¯ãä¼¼ã¦ãŠã‚Šã€å˜ç´”ãªã‚«ãƒ³ãƒžåŒºåˆ‡ã‚Šã®æ–‡å—åˆ—ã‚ˆã‚Šã‚‚è¦–èªæ€§ãŒé«˜ãã¦å€‹äººçš„ã«æ°—ã«å…¥ã£ã¦ã„ã‚‹ UI ã®ä¸€ã¤ã§ã™ã€‚ ãã‚“ãªè¨³ã§ã€ã“ã®ã‚¿ã‚°ç™»éŒ²ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚å‰å›žã€jQuery UI Widget ã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦å¦ã‚“ã ã‚ã‘ã§ã™
kuchitama 2013/02/15
jQuery

html

css3

html5
ãƒªãƒ³ã‚¯
Easing Functions Cheat Sheet
Easing functions specify theÂ rate of change ofÂ aÂ parameter over time. Objects in real life donâ€™t just start and stop instantly, and almost never move atÂ aÂ constant speed. WhenÂ weÂ open aÂ drawer, weÂ first move it quickly, and slow it down as it comes out. Drop something onÂ theÂ floor, and it will first accelerate downwards, and then bounce back up after hitting the floor. This page helps you choose t
kuchitama 2012/09/16
jQuery

jquery

css

javascript

css3

animation

easing

cheatsheet
ãƒªãƒ³ã‚¯
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆï½œjQuery pluginï½œAjaxï½œPHP & JavaScript Room
è¦ç´ ã®ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã®hoveråŠ¹æžœã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ ãƒªã‚¹ãƒˆè¦ç´ ã®å„ã‚¢ã‚¤ãƒ†ãƒ ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ãŸæ™‚ã«ã€ãã®ã‚¢ã‚¤ãƒ†ãƒ ã®èƒŒå¾Œã«jQueryã§hoverç”¨ã®è¦ç´ ã‚’å‹•çš„ã«ç”Ÿæˆã—ã¦ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¤ºã•ã›ã¦ã„ã¾ã™ã€‚ å¹…ã€é«˜ã•ã€ã‚ªãƒ•ã‚»ãƒƒãƒˆãªã©ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ä½ç½®æƒ…å ±ã‚’å–å¾—ã™ã‚‹jQuery Dimensions Pluginã‚’ä½µç”¨ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’é©ç”¨ã™ã‚‹è¦ç´ ã«ã¯ã€CSSä¸Šã®ãƒ«ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã®è¦ªè¦ç´ ã«ã¯ã€position:relativeã‚ã‚‹ã„ã¯position:absoluteãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã«ã¯ã€z-indexãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€‚ å‹•çš„ã«ç”Ÿæˆã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã¯ã€hoverã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã®z-indexã‚ˆã‚Šå°ã•ã„z-indexãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€‚ /* hoverã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã®è¦ªè¦ç´ */
kuchitama 2012/01/11
jQueryä½¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã¾ã¨ã‚

javascript

jQuery

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

jquery
ãƒªãƒ³ã‚¯
1