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

healthia id:healthia

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

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

jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’æŽ¢ã™æ™‚ã«ä¾¿åˆ©ãªã‚µã‚¤ãƒˆã®ã¾ã¨ã‚
æ˜Ÿã®æ•°ã»ã©ã‚ã‚‹ãŸãã•ã‚“ã®jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‹ã‚‰ã€ç›®çš„ã«ã‚ã£ãŸã‚‚ã®ã‚’æŽ¢ã™ã®ã¯ãªã‹ãªã‹å¤§å¤‰ã§ã™ã‚ˆãã€‚ãã‚“ãªæ™‚ã«å½¹ç«‹ã¤ä¾¿åˆ©ãªã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã¾ãšã¯æ‰‹å‰ãƒŸã‚½ã§è‡ªåˆ†ãŒã¾ã¨ã‚ãŸã‚‚ã®ã‹ã‚‰ã€‚ ã“ã‚Œã¯æœ¬å½“ã«å¤šå¤§ãªåŠ´åŠ›ã¨å®Ÿéš›ã®å‹•ä½œç¢ºèªã‚‚ã—ã¦ã„ã‚‹ã®ã§è‡ªä¿¡ã‚’ã‚‚ã£ã¦ã‚ªã‚¹ã‚¹ãƒ¡ã§ãã¾ã™ã€‚ jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ -2013å¹´ç·é›†ç·¨ æ—¥ã€…ãƒã‚§ãƒƒã‚¯ã—ã¦ã„ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‹ã‚‰åŽ³é¸ã—ã¦ä¸€å¹´å˜ä½ã§jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã‚«ãƒ†ã‚´ãƒªã”ã¨ã«é¸å‡ºã—ã¦ã„ã¾ã™ã€‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®åŠåˆ†è¿‘ãã¯å€‹åˆ¥ã«è¨˜äº‹ã‚‚æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ -2012å¹´ç·é›†ç·¨ jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ -2011å¹´ç·é›†ç·¨ jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ -2010å¹´ç·é›†ç·¨ jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ -2009å¹´ç·é›†ç·¨ jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³100é¸ -2008å¹´ç·é›†ç·¨
healthia 2014/04/18
jQuery

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

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[JS]ã‚µã‚¤ã‚ºãŒä¸æ˜Žãªç”»åƒã‚’æŒ‡å®šã—ãŸã‚¨ãƒªã‚¢ã«ãƒ•ã‚£ãƒƒãƒˆã•ã›ãŸã‚Šã€é…ç½®ã‚’èª¿æ•´ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Image Scale
ç”»åƒã®é•·ã„è¾ºã«åˆã‚ã›ã¦ã€ãƒ•ã‚£ãƒƒãƒˆ Image Scaleã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« headå†…ã«jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script src="jquery.js" type="text/javascript"></script> <script src="image-scale.js" type="text/javascript"></script> </head> Step 2: HTML å¤§ãã•ã‚’èª¿æ•´ã—ãŸã„ç”»åƒã«ã€Œclass=scaleã€ã‚’åŠ ãˆã¾ã™ã€‚ <div class="image-container"> <img class="scale" src="img/example.jpg"> </div> ã•ã‚‰ã«ã€ç”»åƒã®ä½ç½®ãªã©ã‚’è¨å®šã™ã‚‹å ´åˆã¯dataå±žæ€§ã‚’åŠ ãˆã¾ã™ã€‚ <div class="image-c
healthia 2013/08/20
ç”»åƒ

JavaScript

jQuery
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®JavaScripté–‹ç™ºã¾ã¨ã‚
ã“ã‚“ã«ã¡ã¯ã€ä¸å·ã§ã™ã€‚ ã“ã“1ãƒ»2å¹´ã§ã™ãŒã€ç§ã®æ‹…å½“ã™ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ã€ PHPã‚ˆã‚Šã‚‚JavaScriptã®é–‹ç™ºãŒå¤šã„çŠ¶æ…‹ãŒç¶šã„ã¦ãŠã‚Šã¾ã™ã€‚ JSã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’é‡ãã‚‹ã«ã¤ã‚Œã€é–‹ç™ºç’°å¢ƒã‚‚æ®µã€…ã¨æ•´ç†ã•ã‚Œã¦ãã¾ã—ãŸã®ã§ã€ ä¸€æ—¦ã€æœ€è¿‘ã®JSé–‹ç™ºã§åˆ©ç”¨ã—ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ãƒ„ãƒ¼ãƒ«ãªã©ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ â—Backbone.js http://backbonejs.org/ JavaScriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ ä½•ã‚‚ä½¿ã‚ãªã„(ã‚‚ã—ãã¯æˆ‘æµ)ã‚ˆã‚Šã¯ã€ã“ã‚Œã‚’ä½¿ã£ã¦æ¬²ã—ã„ã¨æ€ãˆã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ åˆ©ç”¨è€…ãŒå¤šãæ—¥æœ¬èªžæƒ…å ±ã‚‚è±Šå¯Œã«ã‚ã‚‹ã®ã¨ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯è‡ªä½“ãŒ1500è¡Œç¨‹åº¦ã¨è»½é‡ãªãŸã‚ã€å¦ç¿’ã‚³ã‚¹ãƒˆã‚’ä½ŽãæŠ‘ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ â—AngularJS http://angularjs.org/ ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å‚™ãˆãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ é«˜æ©Ÿèƒ½ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚„ã€DIã®ä»•çµ„ã¿ã€ãƒ«ãƒ¼ãƒ†
healthia 2013/07/17
jQuery

é–‹ç™º

UI

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

javascript
ãƒªãƒ³ã‚¯
ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã§ jQuery ã‚’ä½¿ã†é”æ³•ã® 210 æ–‡å—
æœ€è¿‘ã€JavaScript ï¼ jQuery ã¨ã„ã†ãã‚‰ã„ã€jQuery ã‚ã‚Šã® JavaScript ã«æ…£ã‚Œã¦ã—ã¾ã£ãŸã®ã§ã™ãŒã€ã¨ãªã‚‹ã¨å›°ã‚‹ã®ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚„ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã§ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ã¤ã„ã¦ã¯ä»¥å‰ã®è¨˜äº‹ã€Greasemonkey ã§ è¶…ãŠæ‰‹è»½ã« jQuery ã‚’ä½¿ã†ã‚¹ãƒ‹ãƒšãƒƒãƒˆ [Chrome å¯¾å¿œç‰ˆ] ã§ãƒ•ã‚©ãƒãƒ¼ã§ãã¦ã„ã‚‹ã®ã§ã™ãŒã€ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã§ä½¿ã†ã«ã¯ã“ã®ã¾ã¾ã¨ã„ã†ã‚ã‘ã«ã„ãã¾ã›ã‚“ã€‚ ãªã®ã§ã€ã“ã‚Œã‚’å…ƒã«ã‚·ãƒ§ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰åŒ–ã—ã¦ã€ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã§ã‚‚ä½¿ã„ã‚„ã™ã„ã‚ˆã† 241 æ–‡å— (ã‚³ãƒ¡ãƒ³ãƒˆé™¤ã) ã«ã¾ã¨ã‚ä¸Šã’ãŸã®ãŒä¸‹è¨˜ã«ãªã‚Šã¾ã™ã€‚ å‰è¿°ã®ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¯ãƒªãƒ—ãƒˆå‘ã‘ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ãŸå¾Œã«çŸ¥ã£ãŸäº‹ã‚’åæ˜ ã•ã›ã¦ã€https å¯¾å¿œã¨ã‹ã€jQuery ã®ç—•è·¡ã‚’å®Œå…¨ã«æ®‹ã•ãªã„å¯¾å¿œã¨ã‹ã‚‚è¿½åŠ ã—ã¦ã¾ã™ã€‚ (function(f,d,b,s){d=document;b=d.body;
healthia 2013/06/18
jQuery
ãƒªãƒ³ã‚¯
CSS3ã®ãµã‚ã‚Šã¨ã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ°—æŒã¡ã„ã„ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨jQueryã‚’ä½¿ã£ã¦ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å‹•ããŒæ°—æŒã¡ã„ã„æ°´å¹³åž‹ã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒ»ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šã‚µãƒ ãƒã‚¤ãƒ«ã®ãƒ›ãƒãƒ¼æ™‚ ã‚µãƒ ãƒã‚¤ãƒ«ã®ãƒ›ãƒãƒ¼æ™‚ã ã‘ã§ã‚‚ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã®è¡¨ç¤ºã ã‘ã§ãªãã€ç”»åƒãªã©ã®ã‚µã‚¤ã‚ºå¤‰æ›´ã€ãƒ†ã‚ã‚¹ãƒˆã®è¡¨ç¤ºã€å„ã‚¢ã‚¤ãƒ†ãƒ ã®å¯è¦–åŒ–ã€é…ç½®å¤‰æ›´ãªã©ã‚‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ å®Ÿè£… å®Ÿè£…ã¯ãƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ã¾ã™ã€Stepã¯3ã¤ã§ã™ã€‚ å…ƒè¨˜äº‹ã§ã¯è©³ç´°ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ã§ã€å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ Step 1: HTML ç”»åƒã€2ã¤ã®ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã€ã‚¿ã‚°ãŒä¸€ã¤ã®ã‚»ãƒƒãƒˆã«ãªã£ã¦ãŠã‚Šã€ãã‚Œãžã‚Œã‚’ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ <ul class="portfolio-it ems"> <li class="it em"> <figure> <div class="view"> <img src="images/1.jpg"> </div>
healthia 2013/06/12
ç”»åƒ

javascript

jQuery
ãƒªãƒ³ã‚¯
è¦ç´ ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«è¿½å¾“ã•ã›ã‚‹floater.jsã«ã€IE6ã§ã‚‚fixedã§ãã‚‹æ©Ÿèƒ½ã‚’è¿½åŠ | ã‹ãˆãƒ©ãƒœBlog
ãƒ•ãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ â†‘ã«ä½ç½®å›ºå®š(position: fixed)ã®æ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸã€‚ ã‚‚ã¡ã‚ã‚“ã€IE6ã«ã‚‚å¯¾å¿œã€‚ floater.js ã‚µãƒ³ãƒ—ãƒ« ãƒ‡ãƒ¢ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚„ä½¿ã„æ–¹ãªã©ã¯å‰è¨˜äº‹ã‚’å‚ç…§ãã ã•ã„ã€‚
healthia 2012/01/05
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚¢ã‚¤ãƒ†ãƒ ã‚’è¿½å¾“ã•ã›ã‚‹æ–¹æ³•

jQuery

javascript
ãƒªãƒ³ã‚¯
1