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

yutatone id:yutatone

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

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

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³å¦ç¿’ãŒç„¡æ–™é–‹æ”¾ Rails, Backbone.js, etc | Act as Professional
ã“ã‚Œã¯é€±æœ«ã‚„ã‚ŠãŸã„ãªâˆ’ã€‚ã¨æ€ã£ãŸ@HIROCASTERã§ã”ã–ã„ã¾ã›ã†ã€‚ ã„ã¾ã©ãã®Rubyã¨Railsã®å¦ã³æ–¹ã¨ã—ã¦å–ã‚Šä¸Šã’ãŸã“ã¨ã®ã‚ã‚‹Code SchoolãŒä»Šé€±æœ«ã ã‘ç„¡æ–™é–‹æ”¾ã•ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ ã¿ã‚“ãªãŒè€ƒãˆã‚‹ã€ã¡ã‚‡ã£ã¨é€€å±ˆãªã‚ªãƒ³ãƒ©ã‚¤ãƒ³å¦ç¿’ã¨ã¯ä¸€ç·šã‚’ç”»ã™ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã™ã®ã§ã€ãœã²ã‚„ã£ã¦ã¿ã¦ãã ã•ã„ã€‚ Rubyã®åŸºç¤Žã‹ã‚‰Ruby on Railsã‚„jQuery, Backbone.jsã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚³ãƒ¼ã‚¹ã¾ã§å…¨ã¦ç„¡æ–™ã§ã™ã€‚ æ£ç¢ºã«ã¯ 5/18 18:00 ã€œ 5/20 23:59ï¼ˆæ±éƒ¨å¤æ™‚é–“ï¼‰ æ—¥æœ¬æ™‚é–“ã‚’è¨ˆç®—ã™ã‚‹ã¨ 5/19(åœŸ) 09:00 ã€œ 5æœˆ21æ—¥(æœˆ) 14:59 ã§ã™ã€‚ ãŠã™ã™ã‚ã‚³ãƒ¼ã‚¹ ç„¡æ–™ã‚³ãƒ¼ã‚¹ã®Rails for ZombiesãŒãŠã‚‚ã—ã‚ã„ã®ã§ã™ãŒæ°—ã«ãªã£ãŸã‚³ãƒ¼ã‚¹ã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¾ã™ã€‚ Anatomy of Backbone.js â€“ Code School Backbone.
yutatone 2012/05/20
jQuery

å¦ç¿’

programming

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
https://www.matsuaz.com/matsumotojs/2011/04/13/1302687798504.html
yutatone 2012/04/25
å¾Œã§èªã‚€ã€‚

jQuery

ã‚¢ãƒ³ã‚«ãƒ¼
ãƒªãƒ³ã‚¯
HTML5ã®Canvaså›³å½¢ã‚’ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ClickableCanvas - ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ãƒ»ã‚³ãƒ¼ãƒ‰ | WIZARD-CODE
ClickableCanvasã®æ¦‚è¦ jQuery ClickableCanvasã¯ã€HTML5ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯æ©Ÿèƒ½ã§ã‚ã‚‹Canvasã§æã‹ã‚ŒãŸå›³å½¢ã«ã€ä¸€éƒ¨ã®ãƒžã‚¦ã‚¹ã‚¤ãƒ™ãƒ³ãƒˆã‚’ãƒã‚¤ãƒ³ãƒ‰ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ å›³å½¢ã«ãƒžã‚¦ã‚¹ã‚’åˆã‚ã›ãŸã‚Šã€å›³å½¢ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§DOMã‚¤ãƒ™ãƒ³ãƒˆã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’å‘¼ã³å‡ºã™ã“ã¨ãŒã§ãã¾ã™ã€‚ Internet Explorerã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³8ã¾ã§Canvasè¦ç´ ã«å¯¾å¿œã—ã¦ã„ãªã„ã‚‚ã®ã®ã€FlashCanvasã‚„ExplorerCanvasã€ uuCanvas.jsã‚’ãƒšãƒ¼ã‚¸å†…ã§å‘¼ã³å‡ºã™ã“ã¨ã§åŒç‰ã®æ©Ÿèƒ½ã‚’æŒãŸã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ jQuery Clickable Canvas ãƒãƒ¼ã‚¸ãƒ§ãƒ³ï¼’ã‚’å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚è©³ã—ãã¯ã“ã¡ã‚‰ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¸ï¼ 10/11/18ã€€Canvasæ©Ÿèƒ½ã‚’Internet Explorerã§å®Ÿç¾ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªFlashCanvasã«å¯¾å¿œ
yutatone 2012/02/27
jQuery

canvas

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jCanvas | jQuery meets the HTML5 canvas
Seriously, what is jCanvas? jCanvas is a JavaScript library, written using jQuery and for jQuery, that wraps around the HTML5 canvas API, adding new features and capabilities, many of which are customizable. Capabilities include layers, events, drag-and-drop, animation, and much more. The result is a flexible API wrapped up in a sugary, jQuery-esque syntax that brings power and ease to the HTML5 c
yutatone 2012/02/25
jQuery

HTML

canvas

plugin

jQuery
ãƒªãƒ³ã‚¯
ã‚ãšã‹8KBã§ç›´æ„Ÿçš„ã«CanvasãŒä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjCanvasã€ | Webæ´»ãƒ¡ãƒ¢å¸³
å††ã‚’æ›¸ã â†‘drawArcãƒ¡ã‚½ãƒƒãƒ‰ã§å††ã‚’æ›¸ãäº‹ãŒã§ãã¾ã™ã€‚ ã‚ªãƒ—ã‚·ãƒ§ãƒ³å¼•æ•°ã§åº§æ¨™ä½ç½®ã¨ã‚µã‚¤ã‚ºã€è‰²ãªã©ã‚’æŒ‡å®šã—ã¾ã™ã€‚ $("canvas.test").drawArc({ fillStyle: "black", x: 100, y: 100 }); çŸå½¢ã‚’æ›¸ã„ã¦å›žè»¢ã•ã›ã‚‹ â†‘rotateCanvasã§å›žè»¢è»¸ã®åº§æ¥ã¨è§’åº¦ã‚’æŒ‡å®šã—ã¾ã™ã€‚ $("canvas.test").rotateCanvas({ angle: 45, x: 100, y: 100 }) .drawRect({ fillStyle: "#000", x: 100, y: 100, width: 100, height: 50 }) .restoreCanvas(); ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹ â†‘gradientãƒ¡ã‚½ãƒƒãƒ‰ã§ã‚°ãƒ©ãƒ¼ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ä½œæˆã—ã€ æç”»ã™ã‚‹éš›ã«æŒ‡å®šã™ã‚‹ã¨ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒé©ç”¨ã•ã‚Œã¾ã™ã€‚ var lin
yutatone 2012/02/25
canvas

jquery

html5

plugin

jQuery
ãƒªãƒ³ã‚¯
ç¬¬8å›ž Ajaxç·¨ï¼ˆå‰ç·¨ï¼‰
é€£è¼‰ç›®æ¬¡ $.getJSONãƒ¡ã‚½ãƒƒãƒ‰ã¯ã€HTTP GETé€šä¿¡ã§JSONï¼ˆJavaScript Object Notationï¼‰å½¢å¼ã®ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ãŸã‚ã®ãƒ¡ã‚½ãƒƒãƒ‰ã§ã™ã€‚JSONã¯ã€åå‰ã®ã¨ãŠã‚Šã€JavaScriptã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ»ãƒªãƒ†ãƒ©ãƒ«ã‚’åŸºã«ã—ãŸãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã€JavaScriptã¨ã®è¦ªå’Œæ€§ãŒé«˜ã„ã“ã¨ã‹ã‚‰ã€Ajaxé€šä¿¡ã§ã¯ã‚ˆãåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ JSONãƒ‡ãƒ¼ã‚¿ã®å–å¾—ã¯ã€ã‚‚ã¡ã‚ã‚“ã€$.getã€loadãƒ¡ã‚½ãƒƒãƒ‰ã‚’åˆ©ç”¨ã—ã¦ã‚‚è¡Œãˆã¾ã™ãŒã€$.getJSONãƒ¡ã‚½ãƒƒãƒ‰ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã‚ˆã‚Šã‚·ãƒ³ãƒ—ãƒ«ã«ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã§ãã¾ã™ã€‚$.getJSONãƒ¡ã‚½ãƒƒãƒ‰ã§åˆ©ç”¨ã§ãã‚‹å¼•æ•°ã¯ã€ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚
yutatone 2012/02/17
ajax

jQuery

Ajax
ãƒªãƒ³ã‚¯
ãƒ†ãƒ¼ãƒ–ãƒ«ã®è¡Œï¼ˆTRè¦ç´ ï¼‰ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã§è¡¨ç¤ºåˆ‡æ›¿ã•ã›ã‚‹æ–¹æ³•(2) | Javable.Jp
å‰å›žã¯ã‚µãƒ³ãƒ—ãƒ«ã ã‘æç¤ºã—ã¾ã—ãŸãŒã€ä»Šå›žã¯ãã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’è§£èª¬ã—ã¾ã™ã€‚ å¿µã®ãŸã‚ã€å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ ã“ã®ãƒšãƒ¼ã‚¸ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ã€ä¸‹è¨˜ãƒ–ãƒ©ã‚¦ã‚¶ã§ç¢ºèªã—ã¾ã—ãŸã€‚ Firefox 2.0.0.10, Firefox 3.0.10 (Windows XP sp3, Mac OS X v10.5.6) IE6, IE7, IE8 (Windows XP sp3) Safari 3.2.1 (Mac OS X v10.5.6) jQueryã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã€1.3.2ã§ã™ã€‚ çµ„ã¿æ–¹ã®ãƒã‚¤ãƒ³ãƒˆ è¡Œã®è¡¨ç¤º/éžè¡¨ç¤ºã‚’ã‚¹ãƒ ãƒ¼ã‚ºã«è¦‹ã›ã‚‹ã«ã¯ã€jQueryã®çµ„ã¿æ–¹ã ã‘ã§ãªãã€HTML, CSSã§ã‚‚ã„ãã¤ã‹æ³¨æ„ã™ã¹ãã¨ã“ã‚ãŒã‚ã‚Šã¾ã™ã€‚æ¦‚è¦ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ [HTML] å„ã‚»ãƒ«å†…éƒ¨ã‚’divã§å›²ã¿ã€divã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã‚ˆã†ã«ã™ã‚‹ã€‚ [CSS] ã‚»ãƒ«ã®ãƒ‘ãƒ‡ã‚£ãƒ³ã‚°(cellpaddingã¾ãŸã¯CSSã®paddingãƒ—ãƒãƒ‘ãƒ†ã‚£)ã¯
yutatone 2011/10/08
jQuery

IE6
ãƒªãƒ³ã‚¯
jQueryã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œjquery-tmplã€ã‚’ä½¿ã£ã¦ã¿ãŸ (å¤šåˆ†)ãã®1 - é»’ç¾Šå·¥æˆ¿ã¯ã¦ãªç‰ˆ
è¿½è¨˜ï¼šç¶šç·¨æ›¸ãã¾ã—ãŸã€‚ ãƒªãƒ³ã‚¯ã¯ä¸€ç•ªä¸‹ã« æœ€è¿‘jQueryã«ã¯ã¾ã£ã¦ã„ã‚‹ã²ã¤ã˜ã§ã™ã€‚ã“ã‚“ã«ã¡ã¯ã€‚ jQueryã«é™ã‚‰ãšã€Javascriptã§DOMã‚’ã„ã˜ã£ã¦ã„ã‚‹ã¨ var name = 'bsheep'; $('<div>').addClass('name').text(name).appendTo('#profile'); // // <div id="profile"></div> //ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€â†“ // <div id="profile"><div class="name">bsheep</div></div> // ã“ã‚“ãªæ„Ÿã˜ã§DOMã‚’ãã®å ´ã§ç”Ÿæˆã—ã¦åŸ‹ã‚è¾¼ã¿ã¨ã‹ã„ã†æ“ä½œãŒçµæ§‹ã‚ã‚Šã¾ã™ã€‚ ã§ã‚‚ã€ã“ã†ã„ã†ã®æ›¸ã„ã¦ã„ã‚‹ã¨HTMLã¨scriptã¨ã‚’åˆ†é›¢ã—ãŸããªã£ã¦ãã¾ã™ã‚ˆãï¼ ã“ã®æ›¸ãæ–¹ã®ã¾ã¾è¤‡é›‘ãªã‚‚ã®ã¨ã‹ä½œã£ã¦ã‚‹ã¨ã€ã§ãã‚ãŒã‚Šã®HTMLã®æ§‹é€ ã‚’èªã¿å–ã‚‹ãŸã‚ã®æ€è€ƒã‚³ã‚¹ãƒˆãŒã‹ãªã‚Šå¿…
yutatone 2011/09/24
jQuery

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

template
ãƒªãƒ³ã‚¯
ASCII.jpï¼šWebåˆ¶ä½œã®ç¾å ´ã§ä½¿ãˆã‚‹jQueryã€€UIãƒ‡ã‚¶ã‚¤ãƒ³å…¥é–€
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ï¼ˆXï¼‰HTMLï¼CSSã‚³ãƒ¼ãƒ€ãƒ¼ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæ‰±ã„ã‚„ã™ã„JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã€ŒjQueryã€ã‚’åŸºç¤Žã‹ã‚‰è§£èª¬ã€‚ãƒ—ãƒã‚°ãƒ©ãƒ ã®åŸºæœ¬çš„ãªæ›¸ãæ–¹ã‹ã‚‰ã€å®Ÿå‹™ã§ä½¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«ã¾ã§ã€‚jQueryã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã¦ä»•äº‹ã®å¹…ã‚’ãã£ã¨åºƒã’ã‚ˆã†ã€‚<cj:inc template="792" element_id="499288" />
yutatone 2011/09/23
jQuery

ã¾ã¨ã‚

ajax

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
40åˆ†ã§è¦šãˆã‚‹ï¼jQueryé€Ÿç¿’è¬›åº§ (1/6)
ã„ã¾ã‚„Webåˆ¶ä½œã«æ¬ ã‹ã›ãªããªã£ãŸJavaScriptã€‚ã§ã‚‚ã€ã€ŒJavaScriptã¯ã»ã¨ã‚“ã©â€œã‚¢ãƒªãƒ¢ãƒŽâ€ã§æ¸ˆã¾ã›ã¦ã„ã‚‹ã€ã¨ã„ã†æ–¹ã‚‚å¤šã„ã®ã§ã¯ï¼Ÿ ãã“ã§ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãªã©ã®Webåˆ¶ä½œè€…ã®æ–¹å‘ã‘ã«ã€ã„ã¾ä¸€ç•ªäººæ°—ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã€ŒjQueryã€ã®åŸºæœ¬ã‚’å¦ã¹ã‚‹ç‰¹åˆ¥ãƒ¬ãƒƒã‚¹ãƒ³ã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚é¡Œã—ã¦ã€ã€Œ40åˆ†ã§è¦šãˆã‚‹jQueryã€ã€‚è¦ç‚¹ã ã‘ã«ãŽã‚…ã£ã¨çµžã£ã¦è§£èª¬ã—ã¾ã™ã®ã§ã€æ‰‹ã‚’å‹•ã‹ã—ãªãŒã‚‰ä»Šã™ãjQueryã‚’å§‹ã‚ã¾ã—ã‚‡ã†ã€‚ ã€0åˆ†ç›®ï¼šå°Žå…¥ç·¨ã€‘ jQueryã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨åˆ©ç”¨æ–¹æ³• jQueryã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼æœ¬ä½“ï¼ˆJavaScriptãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ã¯å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€headè¦ç´ ãªã©ã«scriptè¦ç´ ã‚’æ›¸ã„ã¦èªã¿è¾¼ã¿ã¾ã™ã€‚
yutatone 2011/09/23
jQuery

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
Options
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
yutatone 2011/09/20
jQuery

api

file

upload
ãƒªãƒ³ã‚¯
jQuery File Upload Demo
jQuery File Upload Demo File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Pintura
yutatone 2011/09/15
upload

file

HTML

jQuery

html5
ãƒªãƒ³ã‚¯
Charming Python: Functional programming in Python, Part 3
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
yutatone 2011/05/23
ã‚ã¨ã§èªã‚€

php

jQuery

ajax

javascript
ãƒªãƒ³ã‚¯
1