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

Horiuchi_H id:Horiuchi_H

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

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

angularJS ã¨ jQuery ã«é–¢ã™ã‚‹èª¤è§£ã‚’è§£ã - nazokingã®ãƒ–ãƒã‚°
æœ€è¿‘ angularJS ã«å¯¾ã™ã‚‹æœŸå¾…ã®ä½Žä¸‹ãŒè‘—ã—ãã¦ã¤ã‚‰ã„ã€‚ ãªã‚“ã ã‹ã‚“ã ã§ SPA ã‹ã‚‰ jQuery ã«æˆ»ã£ãŸè©± - ãƒœã‚¯ã‚³ã‚³ Angularã®å•é¡Œã§ã¯ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ - mizchi ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ - 2015å¹´5æœˆ18æ—¥ ã¿ã‚“ãªä½¿ã„ã©ã“ã‚ã‚’é–“é•ã£ã¦ã‚‹ã‚“ã‚„ã€‚ï¼‘å¹´åŠãã‚‰ã„ä½¿ã£ã¦ã¦ä¸æº€ã‚‚ã‚ã‚‹ã‘ã©è‡ªåˆ†ã®ã‚ˆãä½¿ã†ç¯„å›²ã§ã¯ angularJS æœ€å¼·ã ã¨æ€ã†ã€‚ angularJS ãŒå‘ã„ã¦ã‚‹ã®ã¯ Single Page Application ã§ã¯ãªã„ angularJS ãŒå‘ã„ã¦ã‚‹ã®ã¯ â—Ž ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚ˆã†ãªç´°ã‹ã„éƒ¨å“ã‚’å¤šç”¨ ï¼† DOMãƒ„ãƒªãƒ¼ã¨ãƒ‡ãƒ¼ã‚¿ã‚¹ã‚³ãƒ¼ãƒ—ãŒã»ã¼ä¸€è‡´ã—ã¦ã„ã¦ãƒ¦ãƒ¼ã‚¶ã®å…¥åŠ›ã‚’ã‚µãƒ¼ãƒã«é€ã£ãŸã‚Šã™ã‚‹ webã‚¢ãƒ—ãƒªã€‚ç®¡ç†ç”»é¢ã€ãƒžã‚¤ãƒšãƒ¼ã‚¸ã€æ¥å‹™ã‚¢ãƒ—ãƒªãªã© â–³ Single Page Application â† ç°¡å˜ã«ä½œã‚Œã‚‹ã‘ã©ãƒšãƒ¼ã‚¸é–“ã®é€£æºãŒå¿…è¦ãªã„ãªã‚‰ã‚µãƒ¼ãƒå´ã§åˆ†ã‘ã¦ã—ã¾ã£ãŸæ–¹
Horiuchi_H 2015/05/19
ãƒã‚°ã‚¤ãƒ³ç”»é¢ã¯ç´ ã§ä½œã£ã¦ã€ãã®å…ˆã ã‘Angularã‚’ä½¿ã†ã¨ã„ã†ã®ã¯ã€ç¢ºã‹ã«ã‚¢ãƒªã‹ã‚‚ã€‚èªè¨¼ãƒã‚§ãƒƒã‚¯ã®çŠ¶æ…‹ç®¡ç†ã¾ã§Angularã§ã‚„ã‚‹ã®ã¯é¢å€’ã ã£ãŸã€‚

angularjs

jQuery

web
ãƒªãƒ³ã‚¯
ã€ç¿»è¨³ã€‘Welcome, jQuery developers! â€” Medium
The author chose to make this story unlisted, which means only people with a link can see it. Are you sure you want to share it?Yes, show me sharing options ã€ç¿»è¨³ã€‘Welcome, jQuery developers!ãƒ“ãƒƒã‚°ãƒ‹ãƒ¥ãƒ¼ã‚¹ã§ã™ï¼jQueryã¯ã€Plugin Registryã¯èªã¿å–ã‚Šå°‚ç”¨ãªã®ã§ã€pluginã‚’å…¬é–‹ã—ãŸã„äººã¯npmã«publishã™ã‚‹ã¹ãã ã¨é€šçŸ¥ã—ã¾ã—ãŸã€‚é–‹ç™ºè€…ã®å¤šãã¯æ—¢ã«è‡ªä½œã®jQuery packageã‚’å…¬é–‹ã—å§‹ã‚ã¦ã„ã¦ãƒ“ãƒƒã‚¯ãƒªï¼ç§é”ã¯jQueryã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®ã‚µãƒãƒ¼ãƒˆã‚’é–‹å§‹ã—ã¾ã—ãŸã€‚ç§é”ã¯ã€npmã®å§‹ã‚æ–¹ã¨ã„ã†è¨˜äº‹ã‚’å…¬é–‹ã™ã‚‹äºˆå®šã§ã™ã€‚å†…å®¹ã¨ã—ã¦ã¯ã€npmã«ã‚ãªãŸã®pluginã‚’å…¬é–‹ã™ã‚‹ä»–ç¤¾ã®pluginã‚’
Horiuchi_H 2015/02/20
å¾®å¦™ãªæ°—ã‚‚ã™ã‚‹ãŒã€åž‹å®šç¾©ãƒ•ã‚¡ã‚¤ãƒ«ã®åå‰è¢«ã‚ŠãŒæ¸›ã‚‹ã‹ãªï¼Ÿ

jQuery

DefinitelyTyped
ãƒªãƒ³ã‚¯
jqueryå°æŠ€ã¾ã¨ã‚ï¼“ï¼’
ä½œæˆï¼š2013/07/1 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > å…ˆæ—¥ECã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã—ãŸã¨ãã«ã€å‹•ãã®ã‚ã‚‹ã‚µã‚¤ãƒˆã«ã—ãªã„ã¨ã„ã‘ãªã‹ã£ãŸã®ã§ã€è‰²ã€…èª¿ã¹ã¦çµ„ã¿è¾¼ã‚“ã§ã¿ãŸã‚“ã§ã™ãŒã€jQueryã§ã‚‚ã†ä½•ã§ã‚‚å‡ºæ¥ã¡ã‚ƒã„ã¾ã™ãã€‚è¿‘ã„å°†æ¥ãƒãƒ¼ã‚«ãƒ«ã§ç”»åƒãªã‚“ã‹ã‚’ç·¨é›†ã—ãªãã¦ã‚‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§è‰²ã€…ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ä»Šå›žã¯å®šç•ªã‹ã‚‰ã¡ã‚‡ã£ã¨ãƒžã‚¤ãƒŠãƒ¼ï¼ˆGoogle Analyticsé–¢ä¿‚ã¨ã‹ï¼‰ãªã‚‚ã®ã¾ã§jQueryã®å°æŠ€ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’é›†ã‚ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ã‚¹ã‚¯ãƒãƒ¼ãƒ« ï¼‘ï¼Žãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ï¼ãƒ•ãƒƒã‚¿ãƒ¼ã¾ã‚ã‚Šï¼ãƒˆãƒƒãƒ—ã«æˆ»ã‚‹ ï¼’ï¼Žãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ ã‚¹ãƒ©ã‚¤ãƒ‰ ï¼“ï¼Žã‚«ãƒ«ãƒ¼ã‚»ãƒ« ï¼”ï¼Žãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ ï¼•ï¼ŽãƒŒãƒ«ãƒŒãƒ«ã‚µã‚¯ã‚µã‚¯ãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼–ï¼Žã‚µãƒ ãƒã‚¤ãƒ«ä»˜ãã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ è£œåŠ© ï¼—ï¼ŽGoogle Ana
Horiuchi_H 2013/07/02
jQuery

programming

web

tips
ãƒªãƒ³ã‚¯
jQueryã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ éƒ¨å“æ“ä½œã®ãƒ¬ã‚·ãƒ” - ã‚€ã¤ã‚‰ã¤ã‚Œã¥ã‚Œ
ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ã‚„ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ãªã©ã®ãƒ•ã‚©ãƒ¼ãƒ éƒ¨å“ã¯ã€è«–ç†ãƒ¢ãƒ‡ãƒ«ã¨ã—ã¦ã¯å˜ç´”ãªnameã¨valueã®çµ„ã¿åˆã‚ã›ã§ã‚ã‚‹ã‚‚ã®ã®ã€jQueryã‚’ä»¥ã£ã¦ã—ã¦ã‚‚ç”»é¢ä¸Šã§ã¯çµ±ä¸€çš„ã«æ‰±ãˆãšã«æ„å¤–ã¨è‹¦åŠ´ã™ã‚‹ã€‚å¿˜ã‚ŒãŒã¡ãªã®ã§çºã‚ã¦ã¿ãŸã€‚ ãƒ•ã‚©ãƒ¼ãƒ éƒ¨å“å…±é€š ãƒ•ã‚©ãƒ¼ãƒ éƒ¨å“ï¼ˆã®jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆï¼‰ã‚’å–å¾—ã™ã‚‹ var obj = $('#target'); // idæŒ‡å®š var obj = $('.targets'); // classæŒ‡å®š var obj = $('input[@name=xxx]'); // nameæŒ‡å®š ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã€ãƒªã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©åŒä¸€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§å”¯ä¸€ãªã‚‚ã®ã«ã¯ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªidã‚’æŒ¯ã£ã¦ãŠãã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ãªã©åŒä¸€ã®nameè¦ç´ ã§è¤‡æ•°å˜åœ¨ã™ã‚‹ã‚‚ã®ã«ã¯ãã‚Œã‚‰ã§å…±é€šã®classã‚’æŒ¯ã£ã¦ãŠãã‹ã€nameè¦ç´ ã§æŒ‡å®šã™ã‚‹ã®ãŒç„¡é›£ã‹ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ï¼ˆinput[@type=t
Horiuchi_H 2013/02/12
æ¯Žå›žæ¤œç´¢ã—ã¦ã„ã‚‹ã®ã§ã€ãƒ¡ãƒ¢ã—ã¦ãŠãã€‚

javascript

jQuery

tips
ãƒªãƒ³ã‚¯
CSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ â€¦ ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãã‚Œã‚‹ã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸ
Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„ã‚‹ã¨ã€HTML ã¨ CSS ã ã‘ã§ã¯ã§ããªã„è¡¨ç¾ã£ã¦ã‚ã‚Šã¾ã™ã‚ˆãã€‚ãã‚“ãªæ™‚ã«ã‚ˆãä½¿ã†ã®ãŒ jQueryã€‚ä»Šå›žã¯ jQuery ã£ã¦ã„ã¾ã„ã¡ã‚ˆãåˆ†ã‹ã‚‰ãªã„ ... ã£ã¦ã„ã†äººãŒã€jQuery ã«å°‘ã—ã§ã‚‚è¦ªã—ã‚“ã§ã‚‚ã‚‰ãˆãŸã‚‰ã„ã„ãªãƒ¼ã¨æ€ã£ã¦ã€çŸ¥ã£ã¦ã‚‹äº‹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ãªã®ã§ jQuery åˆå¿ƒè€…ã•ã‚“å‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ ã¨ã£ã¦ã‚‚å½“ãŸã‚Šå‰ãªã‚“ã§ã™ã‘ã©ã€Web ã‚µã‚¤ãƒˆã¯åŸºæœ¬çš„ã« HTML ã§æ›¸ã‹ã‚Œã¦ã„ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ CSS ã§è£…é£¾ã•ã‚Œã¦ã„ã¾ã™ã‚ˆãã€‚æœ€è¿‘ã§ã¯ CSS3 ã®ç™»å ´ã§ã€ç°¡å˜ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ CSS ã§ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã§ã‚‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ¯ãƒ¼ã‚¯ã§ã¯ã€ã¾ã ã¾ã CSS3 ã‚’ä½¿ãˆã‚‹éƒ¨åˆ†ãŒé™ã‚‰ã‚Œã¦ã„ã‚‹ã—ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å°‘ã—å‹•ããªã©ã‚’ã¤ã‘ãŸã„æ™‚ãªã©ã¯ã€ã¾ã ã¾ã jQuery ã‚’æ´»ç”¨ã™ã‚‹äº‹ã‚‚å¤šã„ã§ã™ã€‚ ç§ã¯ Javascript ãŒè‹¦æ‰‹ã§ã€jQuery ã‚‚ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨è‹¦
Horiuchi_H 2011/10/11
javascript

css

jQuery
ãƒªãƒ³ã‚¯
1