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

KouJustin id:KouJustin

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

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

FlexSlider.jsã‚µãƒ ãƒã‚¤ãƒ«ã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«å¯¾å¿œã®è»½é‡ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
ä¸Šè¨˜ã€è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ãŒã€ä½¿ã„å‹æ‰‹ãŒè‰¯ã•ãã†ãªã®ã§åˆ¥ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æœ¬æ—¥ã¯ã€ã‚µãƒ ãƒã‚¤ãƒ«è¡¨ç¤ºã¨ã‚«ãƒ«ãƒ¼ã‚»ãƒ«è¡¨ç¤ºã®2é€šã‚Šä½¿ã„æ–¹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ãã€‚ 2013.9.20 è¿½è¨˜ã—ã¾ã—ãŸ ã‚µãƒ ãƒã‚¤ãƒ«è¡¨ç¤ºãƒ»ã‚«ãƒ«ãƒ¼ã‚»ãƒ«è¡¨ç¤º ä¸¡æ–¹ã«å¯¾å¿œã—ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ŒFlexSlider.jsã€ã‚µãƒ ãƒã‚¤ãƒ«è¡¨ç¤ºã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«è¡¨ç¤ºã¨è¨€ã‚ã‚Œã¦ã‚‚ã©ã‚“ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‹ã‚ã‹ã‚‰ãªã„æ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ä¾‹ãˆã°ã€ã“ã¡ã‚‰ã®ã‚·ãƒ§ãƒƒãƒ— ã‚¹ãƒžãƒ›ã‚±ãƒ¼ã‚¹ã®Hameeã‚¹ãƒˆãƒ©ãƒƒãƒ—ãƒ¤ ã‚·ãƒ§ãƒƒãƒ—ã‚ªãƒ–ã‚¶ã‚¤ãƒ¤ãƒ¼2012ã§ ã€ŒTVãƒ»ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãƒ»ã‚«ãƒ¡ãƒ©ã€ã‚¸ãƒ£ãƒ³ãƒ«è³žã‚’å—è³žã—ã¦ã„ã‚‹ã‚·ãƒ§ãƒƒãƒ— â†“â†“â†“ã®ã‚¨ãƒªã‚¢ã‚’è¦‹ã¦ã‚‚ã‚‰ã†ã¨å¤§ãã‚ã®ãƒ¡ã‚¤ãƒ³ç”»åƒãŒã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦å…¥ã‚Œæ›¿ã‚ã£ã¦ã„ã¾ã™ã€‚ å…ˆæ—¥ã‚‚ãƒ¡ã‚¤ãƒ³ç”»åƒãŒåˆ‡ã‚Šæ›¿ã‚ã‚‹ä»•çµ„ã¿ã¨ã—ã¦ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ãƒ¡ã‚¤ãƒ³ç”»åƒã®ä¸‹ã«å°ã•ã„ç”»åƒï¼ˆã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒï¼‰ã‚’è¡¨ç¤ºã—ã¦ã„ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ ã“ã¡ã‚‰ã¯ã€è¤‡æ•°ã®å•†å“ç”»åƒã‚’ä¸¦
KouJustin 2014/02/13
jQuery

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
ãƒªãƒ³ã‚¯
HaltEria.com is for sale | HugeDomains
Make 36 monthly payments Pay 0% interest Start using the domain today. See details
KouJustin 2014/02/04
JavaScript

jQuery

canvas

ã‚°ãƒ©ãƒ•
ãƒªãƒ³ã‚¯
jQuery ã® on() ã¨ off() ã‚’ç†è§£ã™ã‚‹ - tacamy--blog
åˆå¿ƒè€…å‘ã‘ã®æœ¬ã¨ã‹ã ã¨ã€ã‚¤ãƒ™ãƒ³ãƒˆã‚’ jQuery ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®å¾Œã«ç›´æŽ¥æŒ‡å®šã™ã‚‹ã€ $('.foo').click(); ã®ã‚ˆã†ãªæ›¸ãæ–¹ã§èª¬æ˜Žã•ã‚Œã¦ã„ã‚‹å ´åˆãŒå¤šã„ã‘ã©ã€å°‘ã—è¤‡é›‘ãªã“ã¨ã‚’ã—ã‚ˆã†ã¨ã™ã‚‹ã¨ãã‚Œã ã¨å›°ã‚‹ã“ã¨ãŒå‡ºã¦ãã¾ã™ã€‚ãã‚“ãªã¨ãã«ä¾¿åˆ©ãªã®ãŒ on() ã‚’ä½¿ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆè¨å®šã§ã™ã€‚ on() ã²ã¨ã¤ã§ bind() live() delegate() ã‚’è¡¨ã›ã‚‹ jQuery 1.7 ã§ã€bind() live() delegate() ãŒã™ã¹ã¦ on() ã«çµ±åˆã•ã‚ŒãŸãã†ã§ã™ã€‚ ã¤ã¾ã‚Š on() ã®æ›¸ãæ–¹ã«ã‚ˆã£ã¦ã€3 ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ä½¿ã„æ–¹ãŒã§ãã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚ .foo ã¨ã„ã†è¦ç´ ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚‰ä½•ã‹ã™ã‚‹ã¨ã„ã†ä¾‹ã§ã€ã‚¤ãƒ™ãƒ³ãƒˆã®è¨å®šã¨å‰Šé™¤ã®æ–¹æ³•ã‚’ãã‚Œãžã‚Œæ›¸ã„ã¦ã¿ã¾ã™ã€‚ bind() $('.foo').bind('click', function(){...}); ã¯ $('.foo')
KouJustin 2014/01/31
jQuery

tips

javascript

on

ã‚¤ãƒ™ãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
jQueryã§ã‚ã¨ã‹ã‚‰ä»˜ã‘è¶³ã—ãŸè¦ç´ ã«ã‚¯ãƒªãƒƒã‚¯ã¨ã‹ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’æŒ‡å®šã™ã‚‹
HTMLã¨è¦ç´ è¿½åŠ æ™‚ã®ã‚µãƒ³ãƒ—ãƒ« ä»Šå›žã¯ç©ºã®ã€ulè¦ç´ ã€‘ã«jQueryã§å¾Œã‹ã‚‰ã€liè¦ç´ ã€‘ã‚’è¿½åŠ ã—ã¦ã„ã£ãŸã‚“ã§ã™ã€‚ãŒï¼Žï¼Žï¼Ž [html] <p>èŒ¶ãƒˆãƒ©</p> <p>ãƒŸã‚±</p> <p>ã‚µãƒ</p> <ul></ul> [/html] ã“ã‚“ãªHTMLã§ã€ã‚‚ã¨ã‹ã‚‰å˜åœ¨ã—ãŸ pè¦ç´ ã®ãƒ†ã‚ã‚¹ãƒˆã‚’jQueryã§å¾Œã‹ã‚‰ ul ã®ä¸ã«ãƒªã‚¹ãƒˆå¯ã‚’ã—ã¦ã¿ã¾ã—ãŸã€‚ [javascript] var lists; //ãƒªã‚¹ãƒˆå¯ã—ãŸpã®ãƒ†ã‚ã‚¹ãƒˆå…¥ã‚Œ for (var i=0; i<jQuery("p").length; i++) { var t = jQuery("p").eq(i).text(); lists += "<li>" + t + "</li>"; } jQuery("ul").append(lists); [/javascript] ã“ã®ã‚³ãƒ¼ãƒ‰ã§ã€ã‚‚ã¨ã‚‚ã¨ç©ºç™½ã ã£ãŸã€ulè¦ç´ ã€‘ã«ãƒªã‚¹ãƒˆãŒä½œæˆã•ã‚Œã¾
KouJustin 2013/12/17
jQuery

TIPS

ã‚¤ãƒ™ãƒ³ãƒˆ

å‹•çš„
ãƒªãƒ³ã‚¯
jQuery Cheat Sheet
Copying .clone() DOM Insertion, Around .wrap() .wrapAll() .wrapInner() DOM Insertion, Inside .append() .appendTo() .html() .prepend() .prependTo() .text() DOM Insertion, Outside .after() .before() .insertAfter() .insertBefore() DOM Removal .detach() .empty() .remove() .unwrap() DOM Replacement .replaceAll() .replaceWith()
KouJustin 2013/12/17
jQuery

CheatSheet

*cool
ãƒªãƒ³ã‚¯
HTML5, CSS3, jQuery1.4, WordPress3ã®åŽ³é¸ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆé›†
å½“ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã—ãŸæ•°å¤šãã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ä¸ã‹ã‚‰ã€ä»Šã¾ã•ã«å½¹ç«‹ã¤ã§ã‚ã‚ã†ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’åŽ³é¸ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ â€»æœªç´¹ä»‹ã®ã‚‚ã®ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ HTMLã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ CSSã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ jQueryã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ WordPressã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ [ad#ad-2] HTMLã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
KouJustin 2013/12/17
CheatSheet

HTML5

wordpress

CSS3

jQuery
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œè€…ã«å¿…ãšå½¹ç«‹ã¤ï¼iOS, HTML5, CSS, jQuery, WordPress, .htaccessãªã©ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
ã‚¦ã‚§ãƒ–åˆ¶ä½œã€ä¸»ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºè€…ã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ é †ç•ªã¯ã€iOS, HTML5, CSS, jQuery, WordPress, .htaccess, Git ã§ã™ã€‚ HTML5ã§ã®ç¾Žã—ã„ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ã€Sassã€Zen Codingã€jQueryã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€Gitã®ä½¿ã„æ–¹ãªã©ã‚‚ã‚ã‚Šã¾ã™ã‚ˆã€‚
KouJustin 2013/12/17
jQuery

HTML5

iOS

wordpress

CSS

CheatSheet
ãƒªãƒ³ã‚¯
ç«‹ä½“çš„ã«å‹•ãï¼ã‚«ãƒƒã‚³ã‚¤ã‚¤3Dè¡¨ç¾ã®CSS3ã‚µãƒ³ãƒ—ãƒ«5é¸ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚‚ã‚‚ã“ã§ã™ã€‚ ã‚ã£ã¨ã„ã†é–“ã«8æœˆãŒçµ‚ã‚ã£ã¦ã—ã¾ã„ã€ä»Šå¹´ã‚‚æ®‹ã™æ‰€4ãƒ¶æœˆã¨ã„ã†äº‹å®Ÿã«æ„•ç„¶ã¨ã—ã¦ã„ã¾ã™â€¦ã€‚ ã•ã¦ã€ä»Šå›žã¯CSS3ã‚’ä½¿ç”¨ã—ç©ºé–“çš„ãªå‹•ãã‚’ä»˜ã‘ã¦ã„ã‚‹ãƒªãƒƒãƒãªã‚µãƒ³ãƒ—ãƒ«ã‚’5ã¤ã”ç´¹ä»‹ã—ã¾ã™ã€‚ é–²è¦§ã®éš›ã«ã¯ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆæœ€æ–°ã®Google Chromeãªã©ï¼‰ã‚’ã”åˆ©ç”¨ä¸‹ã•ã„ã€‚ Animated Books with CSS 3D Transf orms https://tympanus.net/Development/AnimatedBooks/ æœ¬ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’å½“ã¦ã‚‹ã¨ãƒšãƒ¼ã‚¸ãŒãƒ‘ãƒ©ãƒƒã¨æ²ã‚Œã¾ã™ã€‚ è¡¨ç´™ã®æ–‡è¨€ã‚‚ãƒ†ã‚ã‚¹ãƒˆã«ãªã£ã¦ãŠã‚Šã€æ›´æ–°ã‚‚ã—æ˜“ãã†ã§ã™ãã€‚ 3D Restaurant Menu Concept https://tympanus.net/Tutorials/3DRestaurantMenu/ ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ã§è‰¯ãè¦‹ã‚‹ä¸‰ã¤æŠ˜ã‚Šã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒé–‹é–‰ã—ã¾ã™ã€‚ é«˜ç´šæ„Ÿã‚’å‡ºã—ãŸã„
KouJustin 2013/11/30
CSS

3D

jQuery
ãƒªãƒ³ã‚¯
Bootstrapã‚’ã‚‚ã£ã¨æ´»ç”¨ã™ã‚‹ãŸã‚ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãƒ„ãƒ¼ãƒ«ã‚„ãƒªã‚½ãƒ¼ã‚¹ã®ã¾ã¨ã‚
Twitter Bootstrapã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã‚Šã€jQuery UI, jQuery Mobileã§ä½¿ã£ãŸã‚Šã€Photoshopã‚„Fireworkã®ç´ æã¨ã—ã¦åˆ©ç”¨ã—ãŸã‚Šã€WordPressã®ãƒ†ãƒ¼ãƒžãªã©ã€ã‚‚ã£ã¨æ´»ç”¨ã™ã‚‹ãŸã‚ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’Web Resources Depotã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ã€Twitter Bootstrapã‹ã‚‰ã€‚
KouJustin 2013/11/18
bootstrap

jQuery

ui

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
jQueryã§$(document).readyã‚’è¤‡æ•°å®Ÿè¡Œã—ãŸå ´åˆã®thisã‚„varã«ã¤ã„ã¦ - maeharinã®æ—¥è¨˜
ã¯ã˜ã‚ã« jQueryã‚’ä½¿ã†æ™‚ã¯ã€$(document).ready(handler)ã‚„ãã®çœç•¥æ³•ã§ã‚ã‚‹$(handler)ã§domæ§‹ç¯‰ãŒã§ãã¦ã‹ã‚‰ã‚³ãƒ¼ãƒ‰ã‚’å®Ÿè¡Œã™ã‚‹ã“ã¨ãŒå¤šã„ã€‚ï¼ˆhandlerã¯ç„¡åé–¢æ•°ãªã©ã®é–¢æ•°ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆï¼‰ ã§ã€ãŸã¾ã«è¤‡æ•°ã®ãƒ•ã‚¡ã‚¤ãƒ«ã§ä½•åº¦ã‚‚$(handler)ã‚’å‘¼ã³å‡ºã™ã“ã¨ãŒã‚ã‚‹ã®ã ã‘ã‚Œã©ã€ãã®éš›$()ã®å¼•æ•°ã«æ¸¡ã—ã¦ã„ã‚‹handlerå†…ã®thisã‚„varå®£è¨€ã«ã¤ã„ã¦æ··ä¹±ã—ãŒã¡ã ã£ãŸã®ã§æ•´ç†ã—ã¦ãŠãã€‚ã¡ãªã¿ã«æ¤œè¨¼ç’°å¢ƒã¯Chrome ver24ã€jQuery1.9.1ã€‚æ¦‚å¿µã¯ES3ã‚’åŸºæº–ã«ã™ã‚‹ã€‚ å‰æ æ›¸ãæ–¹è‰²ã€… ä»¥ä¸‹ã®3ã¤ã¯åŒç¾©ï¼ˆçœŸã‚“ä¸ã¯æŽ¨å¥¨ã•ã‚Œãªã„ï¼‰ $(document).ready(handler) $().ready(handler) //this is not recommended $(handler) http://api.jquery.com/ready/
KouJustin 2013/09/03
jQuery

TIPS

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
WordPressã§å¤–éƒ¨ã®jQueryã‚’èªã¿è¾¼ã‚€ã¨ãã«æ³¨æ„ã™ã¹ãã²ã¨ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
ã„ã‚„ãƒ¼ã€ã¡ã‚‡ã£ã¨ãƒãƒžã£ã¡ã‚ƒã£ãŸã®ã§å‚™å¿˜éŒ²çš„ã«æ›¸ãæ®‹ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ ä¹…ã€…ã«ç®¡ç†ç”»é¢ã‚’è§¦ã£ã¦ã„ãŸã‚‰ã€ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ãŒã¡ã‚ƒã‚“ã¨å‹•ã‹ãªã„! ã¨ã„ã†çŠ¶æ³ã«é™¥ã‚Šã¾ã—ã¦ã€ãã®åŽŸå› ãŒjQueryã®èªã¿è¾¼ã¿ã«é–¢ä¿‚ã—ã¦ãŸã‚“ã§ã™ã‚ˆããƒ¼ã€‚ã€‚ Photo:Designing a new feature, with jQuery! By Peter Hellberg WordPressã‚’ä½¿ã†ä¸Šã®ã«åˆ‡ã£ã¦ã‚‚åˆ‡ã‚Œãªã„ã®ãŒjQueryã€‚ å„ç¨®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã•ã¾ã–ã¾ãªjavascriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã†ãŸã‚ã€ãã‚‚ãã‚‚WordPressã«åŒ…æ‹¬ã•ã‚Œã‚‹ã‹ãŸã¡ã§ã€jQueryã¯å°Žå…¥ã•ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ãã®ãŸã‚ã€ç‰¹ã«jQueryã®å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã‚‹å¿…è¦ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ ãŸã ã€ã¡ã‚‡ã£ã¨æ°—ã«ãªã‚‹ã®ãŒãã®ãƒãƒ¼ãƒ‰æ™‚é–“ã€‚ å†…è”µã•ã‚ŒãŸjQueryã‚’å‘¼ã³å‡ºã™ã“ã¨è‡ªä½“ãŒã€ãƒãƒ¼ãƒ‰æ™‚é–“ã®å¢—åŠ ã«ã¤ãªãŒã£ã¦ã„ã‚‹å¯èƒ½æ€§ã‚‚ã‚
KouJustin 2013/08/18
wordpress

TIPS

jQuery
ãƒªãƒ³ã‚¯
ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³åž‹ã®ã‚·ãƒ³ãƒ—ãƒ«ãªéšŽå±¤ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œnavgocoã€:phpspoté–‹ç™ºæ—¥èªŒ
{:navgoco} Demo Page ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³åž‹ã®ã‚·ãƒ³ãƒ—ãƒ«ãªéšŽå±¤ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œnavgocoã€ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ä¼¸ç¸®ã™ã‚‹ã®ã§ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã§ã‚‚ä½¿ãˆãã†ã§ã™ï¼ˆã¨ã„ã†ã‹ã‚¹ãƒžãƒ›å‘ã‘ï¼Ÿï¼‰ã€‚ å€‹åˆ¥ã«æŠ˜ã‚ŠãŸãŸã‚“ã ã‚Šã€ä¸€æ°—ã«é–‹ã„ãŸã‚Šã‚‚ã‚³ãƒ¼ãƒ‰æ¬¡ç¬¬ã§ã™ãŒç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ å ´åˆã«ã‚ˆã£ã¦ã¯ä½¿ã„ã‚„ã™ã„ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã«ãªã‚Šãã† é–¢é€£ã‚¨ãƒ³ãƒˆãƒª æ–°ã—ã„amazonã®ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã£ã½ã„ã‚‚ã®ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery-menu-aimã€ ã‚¢ãƒ—ãƒªé¢¨ã®ãªã‚ã‚‰ã‹ãªã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œmmenuã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«åŠ ãˆã‚¹ãƒžãƒ›ç”¨ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã‚‚ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒNavobileã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªiPhoneã®ã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã£ã½ã„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSidrã€
KouJustin 2013/08/18
ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³

jQuery

UI
ãƒªãƒ³ã‚¯
ccchart
Write the <script src="ccchart.js" charset="utf-8"></script>, Write the <canvas id="hoge"></canvas>, And enjoy following sample codes & customize!
KouJustin 2013/08/18
javascript

graph

UI

jQuery
ãƒªãƒ³ã‚¯
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
KouJustin 2013/08/18
javascript

graph

UI

jQuery
ãƒªãƒ³ã‚¯
Javascriptã§æ‰±ãˆã‚‹ã‚«ãƒƒã‚³ã‚¤ã‚¤ã‚°ãƒ©ãƒ•ã®ã¾ã¨ã‚ - Qiita
##çµè«–:Highchart ccchart(canvasChart)ã¨æ‚©ã¿ã¾ã—ãŸãŒã€Highchartã‚’é¸ã‚“ã ç†ç”±ã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ 1.å††ã‚°ãƒ©ãƒ•ã‚„æ£’ã‚°ãƒ©ãƒ•ã‚’çµ„ã¿åˆã‚ã›ãŸè¤‡åˆçš„ãªã‚°ãƒ©ãƒ•ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è¼‰ã›ã¦ã„ã‚‹ 2.è¤‡åˆã‚°ãƒ©ãƒ•ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‹ã£ã“ã„ã„ å•†ç”¨ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãªã®ã§ã€ç„¡æ–™ã«ã“ã ã‚ã‚‹æ–¹ã¯ã€ccchart(canvasChart)ãŒãŠã™ã™ã‚ã§ã™ã€‚ ##Highchart http://www.highcharts.com/ è¡¨ç¾åŠ›ã€å®Œæˆåº¦ã®ç‚¹ã§ã„ã¡ã°ã‚“ã ã¨æ€ã„ã¾ã™ã€‚å•†ç”¨ãªã®ã§ãŠé‡‘ã•ãˆã‚ã‚Œã°ã“ã‚ŒãŒã‚¤ãƒã‚ªã‚·ã€‚ ##ccchart(canvasChart) http://jsgt.org/c/ ç§ã®ã‚¤ãƒã‚ªã‚·ã¯ canvasChart ã§ã™ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯ PUBLIC DOMAIN! ##raphael.js http://raphaeljs.com/ qiitaã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ã®å††ã‚°ãƒ©ãƒ•ã§ä½¿
KouJustin 2013/08/18
javascript

graph

UI

ã¾ã¨ã‚

jQuery
ãƒªãƒ³ã‚¯
jQuery ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã«å¯¾ã™ã‚‹ã‚µã‚¤ã‚ºã‚„ä½ç½®æƒ…å ±ã‚’å–å¾—ã—ã¦ã¿ã‚‹ - Cyokodog :: Diary
æ›´æ–°å±¥æ´ 2010-01-21 æœ¬ã‚¨ãƒ³ãƒˆãƒªã®å†…å®¹ã‚‚å«ã‚ãŸæœ€æ–°ã®æƒ…å ±ã¯ä¸‹è¨˜ã‚¨ãƒ³ãƒˆãƒªã‚’ã”å‚ç…§ãã ã•ã„ã€‚ jQuery ã®ä½ç½®ãƒ»ã‚µã‚¤ã‚ºé–¢é€£ãƒ¡ã‚½ãƒƒãƒ‰ã¾ã¨ã‚ - Cyokodog::Diary å‰å›žã€å‰ã€…å›žã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã‚’ä¾‹ã«ã‚µã‚¤ã‚ºã‚„ä½ç½®ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ãªã©ã®æ±‚ã‚æ–¹ã«ã¤ã„ã¦æ›¸ãã¾ã—ãŸãŒã€å®Ÿéš›ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å®Ÿè£…ã«ãŠã„ã¦ã“ã‚Œã‚‰ã®æƒ…å ±ãŒå¿…è¦ã«ãªã‚‹ã®ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã«å¯¾ã—ã¦ã¨ã„ã†ã“ã¨ãŒå¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ å…·ä½“çš„ã«ã¯ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãªã©ã®æ©Ÿèƒ½ã§ã€ç”»é¢ã®ç«¯ã®è¦ç´ ã‚’ hover ã—ãŸæ™‚ã€ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ãŒãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸå†…ã«åŽã¾ã‚‹ã‚ˆã†ã«è¡¨ç¤ºä½ç½®ã‚’èª¿æ•´ã™ã‚‹ã‚ˆã†ãªå ´åˆã«ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã®ã‚µã‚¤ã‚ºã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ãªã©ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ jQuery ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã‚’ã¤ã‹ã‚€æ–¹æ³• ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã‚’ jQuery ã§ã¤ã‹ã‚€ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã§ã§ããã†ã§ã™ã€‚ $('html') $(window) $(
KouJustin 2013/08/18
jQuery

ãƒ–ãƒ©ã‚¦ã‚¶

TIPS

window
ãƒªãƒ³ã‚¯
jQueryã§ãƒªã‚µã‚¤ã‚ºã—ã¦ã‚‚ç”»é¢ã®ä¸å¤®ã«è¦ç´ ã‚’è¡¨ç¤ºã™ã‚‹ | Typhooon
ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®å¤§ãã•ãŒå¤‰æ›´ã•ã‚Œã‚‹ãŸã³ã«ç™ºç”Ÿã™ã‚‹ resize ã‚¤ãƒ™ãƒ³ãƒˆã‚’åˆ©ç”¨ã—ã¦ã€‚ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã¦ã‚‚è¦ç´ ãŒç”»é¢ã®ä¸å¤®ã«å†é…ç½®ã•ã‚Œã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ›¸å¼ã¯æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ [javascript] $(window).resize(function(){ // }); [/javascript] ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’ä½¿ã£ã¦ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãŒãƒªã‚µã‚¤ã‚ºã•ã‚Œã‚‹ãŸã³ã«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®å¹…ã¨é«˜ã•ã‚’å–å¾—ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ [javascript] $(window).resize(function(){ var wh = $(window).height(); var ww = $(window).width(); $(â€œ#resultâ€).text( â€œwidth : â€ + ww + â€ / height : â€ + wh ); }); [/javascript] ã“ã“ã¾ã§ã§ãã‚Œã°ã‚‚ã†ç°¡å˜ã§ã™ã€‚ã‚¦
KouJustin 2013/08/18
jQuery

TIPS
ãƒªãƒ³ã‚¯
window(ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦)ã®height(é«˜ã•)ã‚’ javascriptã§å–å¾—ã—ãŸã„(jQueryç·¨) - ãƒãƒªãƒ¼ã‹ã¤ããƒ»æ—§æŠ€è¡“ãƒ–ãƒã‚°
ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®é«˜ã•ã‚’å–å¾—ã—ã€ãã®é«˜ã•ã‚’#containerè¦ç´ ã«é©ç”¨ã—ãŸã„æ™‚ãªã©ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ãã¾ã™ã€‚ JS(jQuery) var wH = $(window).height(); //alert (wH); $(function(){ $('#container').css('height',wH+'px'); }); HTML <html> <head> </head> <body> <div id="container"> æœ¬æ–‡æœ¬æ–‡æœ¬æ–‡ </div> </body> </html> ã•ã‚‰ã«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãŒãƒªã‚µã‚¤ã‚ºã•ã‚ŒãŸã¨ãã«é©ç”¨ã™ã‚‹å ´åˆ var wH = $(window).height(); $(window).resize(function(){ $('#one_column #container').css('height',wH+'px'); });
KouJustin 2013/08/18
jQuery

TIPS

window
ãƒªãƒ³ã‚¯
ç¾åœ¨ã®è¦ç´ ã‹ã‚‰æŒ‡å®šã—ãŸã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼æ›¸å¼ã®è¦ªè¦ç´ ãŒè¦‹ã¤ã‹ã‚‹ã¾ã§æŽ¢ã™ - purazumakoiã®[ã¯ã¦ãªãƒ–ãƒã‚°]
KouJustin 2013/08/18
jQuery

ã‚»ãƒ¬ã‚¯ã‚¿

ã‚µãƒ³ãƒ—ãƒ«

TIPS
ãƒªãƒ³ã‚¯
ã‚ã‚‹ç‰¹å®šã®åè¦ç´ ã‚’æŒãŸãªã„è¦ªè¦ç´ ã‚’æŒ‡å®šã™ã‚‹jQueryã‚»ãƒ¬ã‚¯ã‚¿ - Webå¦ã³
2012å¹´ 2æœˆ 3æ—¥ å®®å´Žã®Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ç¦å±±ã§ã™ã€‚äººå‰ã§ã¯ã‹ã£ã“ã„ã„è‚©æ›¸ããŒä½¿ãˆãªã„ã®ã§ã€Œãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œã‚’ã‚„ã£ã¦ã„ã¾ã™ã€ã¨è¨€ã£ã¦ã„ã¾ã™ã€‚ WebæŠ€è¡“ç³»ã®æƒ…å ±ã¯å…±æœ‰ã™ã¹ãã€æ¤œç´¢ã—ã¦å‡ºã«ãã„æƒ…å ±ã¯ãªãŠã•ã‚‰å…±æœ‰ã™ã¹ãã¨ã„ã†ã“ã¨ã§ä¸€è¡Œã»ã©ã‚³ãƒ¼ãƒ‰æ›¸ãã¾ã™ã€‚
KouJustin 2013/08/18
jQuery

ã‚»ãƒ¬ã‚¯ã‚¿

ã‚µãƒ³ãƒ—ãƒ«

TIPS
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸