[B! code reference] ytkwsmã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ytkwsm id:ytkwsm

code referenceã«é–¢ã™ã‚‹ytkwsmã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

http://eikyo48.umin.jp/symbol.html
ytkwsm 2014/02/04
ã‚ã‚‚

html

code reference
ãƒªãƒ³ã‚¯
JavaScript ã§ã‚ãƒ¼å…¥åŠ›ã«å¿œã˜ã¦ HTML ã®è¦ç´ ã®å€¤ã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å¤‰åŒ–ã•ã›ã‚‹
JavaScript ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ãƒªã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ HTML ã®è¦ç´ ã®å€¤ã‚’æ›´æ–° ã®ã¤ã¥ã 1. JavaScript ã«ã‚ˆã‚‹HTMLè¦ç´ ã®å‹•çš„ãªå¤‰åŒ– JavaScript ã‚’ç”¨ã„ã¦ã€HTML ã®è¦ç´ ã‚’å‹•çš„ã«å¤‰åŒ–ã•ã›ãŸã„ã€‚ ä¾‹ ä¸‹å›³ã«ç¤ºã™ã‚ˆã†ã«ã€å·¦ä¸Šã®ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«ã€ãƒ¦ãƒ¼ã‚¶ãŒã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§å…¥åŠ›ã—ãŸã®ã«å¿œã˜ã¦ã€å³ä¸‹ã®ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®æ•°å€¤ã‚’ã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ãƒˆã™ã‚‹ã€‚ åŒæ™‚ã«ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ä¸‹ã«ã‚ã‚‹ HTML ã®è¦ç´ ã®å¹…ã‚’åºƒã’ã‚‹ã€‚ ã‚ãƒ¼ã®å…¥åŠ›ã«å¯¾å¿œã•ã›ã‚‹ã«ã¯ã€keydown, keypress, keyup ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’åˆ©ç”¨ã™ã‚‹ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/EN"> <html> <head> <title>increment</title> <meta http
ytkwsm 2014/02/04
javascript

form

code reference
ãƒªãƒ³ã‚¯
javascriptã§formã®å€¤ã‚’å‹•çš„ã«å–å¾—ã™ã‚‹ - (ï¾Ÿâˆ€ï¾Ÿ)oå½¡ sasata299's blog
2008å¹´08æœˆ03æ—¥03:25 JavaScript javascriptã§formã®å€¤ã‚’å‹•çš„ã«å–å¾—ã™ã‚‹ ä»Šæ—¥ã¯javascriptã§formã®å€¤ã‚’å‹•çš„ã«å–å¾—ã™ã‚‹ã‚„ã‚Šæ–¹ã®ãƒ¡ãƒ¢ã€‚IEã§ã‚‚FFã§ã‚‚å¯¾å¿œã§ãã¾ã™ã€‚formã®è¦ç´ ãŒå¤‰ã‚ã£ã¦ã‚‚å¤§ä¸ˆå¤«(ï½¡ï½¥Ï‰ï½¥)ï¾‰ï¾ž <html> <head></head> <body> <form id="form1"> <input type="text" name="aaa" value="1"> <input type="text" name="bbb" value="2"> <input type="submit" name="submit" value="æ¤œç´¢"> </form> <script type="text/javascript"> var forms = document.getElementById("form1"); var array
ytkwsm 2014/01/18
javascript

form

code reference
ãƒªãƒ³ã‚¯
[jQuery] ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®å¾Œã«remove()ã—ãŸã„æ™‚ã«ã¯queue(callback) - yprops.com/notes
å¼•ãç¶šãJavaScript ã‚’ã„ã˜ã£ã¦ã„ã¾ã™ã€‚ å‹æ‰‹ãŒé•ã£ã¦æ‚¶ãˆã¦ã„ã¾ã™ãŒã€ã ã„ã¶æ…£ã‚Œã¦ãã¾ã—ãŸã€‚ jQuery ã®ã™ã°ã‚‰ã—ã•ã«ã—ã³ã‚Œã¦ã„ãŸã‚‰ã¾ã‚“ã¾ã¨ãƒãƒžã£ãŸç‚¹ã«ã¤ã„ã¦ã€‚ â– ã‚„ã‚ŠãŸã„ã“ã¨ ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆå¾Œã«ãã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’å‰Šé™¤ â– ã†ã¾ãã„ã‹ãªã„å¼ $('#some_element').fadeOut(300).remove(); //ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¯ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã›ãšã€ã™ãã«æ¶ˆãˆã‚‹ã€‚ â– åŽŸå› ã‚ãƒ¥ãƒ¼ã«å…¥ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã¨å…¥ã‚‰ãªã„ãƒ¡ã‚½ãƒƒãƒ‰ãŒã‚ã‚‹ãŸã‚ã€‚ â– èª¬æ˜Ž ï¼‘ï¼‰ã€€jQuery ã‚¯ãƒ©ã‚¹ã®ãƒ¡ã‚½ãƒƒãƒ‰ã¯ã€æˆ»ã‚Šå€¤ã¨ã—ã¦è‡ªèº«ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’è¿”ã—ã¦ãã‚Œã‚‹ã®ã§ã€ç¶šã‘ã¦å‡¦ç†ã—ãŸã„ãƒ¡ã‚½ãƒƒãƒ‰ã¯ç¶šã‘ã¦è¨˜è¿°ã§ãã‚‹ï¼ˆ= ãƒ¡ã‚½ãƒƒãƒ‰ãƒã‚§ãƒ¼ãƒ³)ã€‚ ï¼’ï¼‰ã€€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«åˆ†é¡žã•ã‚Œã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã®ã»ã¨ã‚“ã©ã¯ã€ä¸€æ—¦ã‚ãƒ¥ãƒ¼ã«æºœã¾ã£ã¦ã‹ã‚‰å®Ÿè¡Œã•ã‚Œã‚‹ãŸã‚ã€å‰ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®çµ‚äº†ã‚’å¾…ã£ã¦å‹•ã„ã¦ãã‚Œã‚‹ã€‚ ï¼“ï¼‰ã€€1) ã¨ 2) ã¯äº’ã„
ytkwsm 2013/10/24
visual effect

queue

Programming

jquery

code reference

dequeue
ãƒªãƒ³ã‚¯
Free Web Design Resources - Freebiesbug
Free Design ResourcesA huge and ever-growing selection of 2130+ Free Design Resources created by top designers and developers. Choose from an extensive selection of fonts, graphic and HTML website templates, icons, mockups, and much more!
ytkwsm 2013/09/12
ãƒ•ãƒªãƒ¼ã®code, psdãªã©

graphic design

webdesign

code reference

design reference

mobile
ãƒªãƒ³ã‚¯
JavaScript ã®ã‚¹ã‚³ãƒ¼ãƒ—ã‚’ç†è§£ã™ã‚‹ - tacamy--blog
ã‚¹ã‚³ãƒ¼ãƒ—ã¨ã¯ã€å¤‰æ•°ã®æœ‰åŠ¹ç¯„å›²ã®ã“ã¨ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®ã©ã®å ´æ‰€ã‹ã‚‰å‚ç…§ã§ãã‚‹ã‹ã‚’æ±ºã‚ã‚‹æ¦‚å¿µã§ã™ã€‚ ã‚¹ã‚³ãƒ¼ãƒ—ã®ç¨®é¡ž JavaScript ã®ã‚¹ã‚³ãƒ¼ãƒ—ã«ã¯ã€ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã¨ãƒãƒ¼ã‚«ãƒ«å¤‰æ•°ã® 2 ç¨®é¡žã‚ã‚Šã¾ã™ã€‚ ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•° ãƒãƒ¼ã‚«ãƒ«å¤‰æ•° é–¢æ•°ã®å¤–ï¼ˆãƒˆãƒƒãƒ—ãƒ¬ãƒ™ãƒ«ï¼‰ã§å®£è¨€ã—ãŸå¤‰æ•° é–¢æ•°ã®ä¸ã§å®£è¨€ã—ãŸå¤‰æ•°, é–¢æ•°ã®ä»®å¼•æ•° ãƒ—ãƒã‚°ãƒ©ãƒ å…¨ä½“ã‹ã‚‰å‚ç…§ã§ãã‚‹ ãã®é–¢æ•°ã®ä¸ã§ã®ã¿å‚ç…§ã§ãã‚‹ ãƒ–ãƒãƒƒã‚¯ã‚¹ã‚³ãƒ¼ãƒ—ã¯å˜åœ¨ã—ãªã„ Java ãªã©ã®è¨€èªžã§ã¯ã€if ã‚„ for ãªã©ã® {} ã§å›²ã¾ã‚ŒãŸãƒ–ãƒãƒƒã‚¯ã”ã¨ã«ã‚‚ãƒ–ãƒãƒƒã‚¯ã‚¹ã‚³ãƒ¼ãƒ—ãŒã‚ã‚Šã¾ã™ãŒã€JavaScript ã«ã¯å˜åœ¨ã—ã¾ã›ã‚“ã€‚ JavaScript ã§ã©ã†ã—ã¦ã‚‚ãƒ–ãƒãƒƒã‚¯ã‚¹ã‚³ãƒ¼ãƒ—ã‚’ä½¿ã„ãŸã„å ´åˆã¯ã€with å‘½ä»¤ã‚’ä½¿ã†æ–¹æ³•ã‚„ã€ç„¡åé–¢æ•°ã‚’å®šç¾©ã¨åŒæ™‚ã«å‘¼ã³å‡ºã™ãªã©ã®æ–¹æ³•ã§ã€æ“¬ä¼¼çš„ã«ãƒ–ãƒãƒƒã‚¯ã‚¹ã‚³ãƒ¼ãƒ—ã‚’ä½œã‚‹ã“ã¨ã¯å¯èƒ½ã§ã™ã€‚ è£œè¶³ : let ã‚’ä½¿ã†ã¨ãƒ–ãƒãƒƒã‚¯ã‚¹ã‚³ãƒ¼ãƒ—ãŒã¤ãã‚Œã‚‹ã¨æ•™
ytkwsm 2013/08/17
javascript

var

global

local

function

tips

code reference

scope
ãƒªãƒ³ã‚¯
Projects â€¢ Lea Verou
Ordered mostly by release date, with those with the most impact featured first. Please note that this mainly contains open source tools Iâ€™ve developed, and is only a subset of my work. It does not contain any of my work designing web techno logies, documenting web platform design principles or doing design reviews for proposed web techno logies as a W3C TAG member, or any of my early entrepreneurial
ytkwsm 2013/08/12
W3Cã®ä¸ã®äººï¼Ÿã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ

css3

code reference
ãƒªãƒ³ã‚¯
Motion 1, ä¸‰è§’é–¢æ•° - Notes
ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ JavaScript ã§è¨˜è¿°ã™ã‚‹ãŸã‚ã®è¦šãˆæ›¸ãã§ã™ã€‚ã„ã¾ã¾ã§å®Ÿå‹™ã§ä½¿ã£ã¦ããŸã‚ã–ã‚’ã¡ã‚‡ã£ã¨æ•´ç†ã—ã¦ã¿ã¾ã™ã€‚ ã¾ãšã¯ã€ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³è¨è¨ˆã‚’ã™ã‚‹ä¸Šã§ã‚ˆãä½¿ã†ä¸‰è§’é–¢æ•°ã«ã¤ã„ã¦ã€ãŠã•ã‚‰ã„ã¨ã—ã¦è§¦ã‚Œã¾ã™ã€‚ã‚‚ã£ã¨ã‚‚ã¼ãã¯æ•°å¦ã®ç´ é¤Šã¯ä¹ã—ã„ã®ã§ã€ã‚ã‚„ã—ã„ã¨ã“ã‚ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ä¸‰è§’é–¢æ•°ãŠã•ã‚‰ã„ ä¸‰è§’é–¢æ•°ã‚’ä½¿ã†ã¨ã€ç›´è§’ä¸‰è§’å½¢ã®ã‚ã‚‹è§’ã®å¤§ãã•ãŒå®šã¾ã£ãŸæ™‚ã®ã€å„ç·šã®é•·ã•ã‚’æ±‚ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å›³ã®ã‚ˆã†ã«ã€è§’åº¦Î¸ã®æ™‚ã®åº•è¾ºã®é•·ã•ã¯sin(Î¸)ã€é«˜ã•ã¯cos(Î¸)ã«ãªã‚Šã¾ã™ã€‚ ä¾‹ãˆã°Î¸ãŒ45Â°ã®æ™‚ã¯ cos(30Â°) â‰“ 0.707 sin(30Â°) â‰“ 0.707ï¼ˆ1 : 1 : âˆš2ï¼‰ 60Â°ï¼ˆä¸Šã®å›³ï¼‰ã®æ™‚ã¯ cos(60Â°) = 0.5 sin(60Â°) â‰“ 0.8660ï¼ˆ1 : 2 : âˆš3 ã§ã™ãï¼‰ 90Â°ï¼ˆåž‚ç›´ç·šï¼‰ã®æ™‚ã¯ cos(90Â°) = 0 s
ytkwsm 2013/08/10
math

javascript

code reference
ãƒªãƒ³ã‚¯
WonderHTML5Wall
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more Â· Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
ytkwsm 2013/08/09
javascriptã‚’ä½¿ã£ãŸwonderwallã®å†ç¾

javascript

animation

code reference
ãƒªãƒ³ã‚¯
è¦ç´ ã®ä¸å¿ƒã‹ã‚‰æ‹¡å¤§ã™ã‚‹ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’jQueryã‚’ä½¿ã£ã¦å†ç¾ã—ã¦ã¿ã‚‹ | WebDelog
ã€Œè¦ç´ ã®ä¸å¿ƒã‹ã‚‰æ‹¡å¤§ã™ã‚‹ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä½œã£ã¦ãã ã•ã„ã€ã•ã¦ã©ã†ã™ã‚‹ ã©ã†ã„ã†ã“ã¨ã‹ã¨ã„ã†ã¨ã€ CSS3ã‚’ä½¿ãˆã°transf orm-orignã‚’50% 50%ã«ã™ã‚‹ã“ã¨ã§ å¤‰å½¢ã®ä¸å¿ƒç‚¹ã‚’ã™ã‚‰ã™ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ ã“ã‚Œã¨transitionã‚„animationãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’çµ„ã¿åˆã‚ã›ã‚Œã° ç°¡å˜ã«å®Ÿç¾å‡ºæ¥ã¾ã™ãï¼ ã€ŒIEã§å‹•ãã¾ã›ã‘ã‚“ã©â€¦ã€ ãã†ã§ã—ãŸã€‚ IEã‚’å¿˜ã‚Œã¦ã„ã¾ã—ãŸã€‚ transitionã‚„animationã¯IE10ã‹ã‚‰ã—ã‹ä½¿ã†ã“ã¨ãŒã§ãã¾ã›ã‚“ã®ã§ã€ å‹•ã‹ã™ã“ã¨ãŒå¿…é ˆã®å ´åˆã¯ã“ã®æ–¹æ³•ã§ã¯åˆ©ç”¨ã§ãã¾ã›ã‚“ãã€‚ JavaScriptã®åŠ›ã‚’å€Ÿã‚Šã¾ã—ã‚‡ã† jQueryã«ã¯show()ã‚„animate()ã¨ã„ã†ä¾¿åˆ©ãªãƒ¡ã‚½ãƒƒãƒ‰ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã‚Œã‚‰ã‚’ä½¿ã„ã¾ã—ã‚‡ã†ã€‚ ä»Šå›žã¯ã€CSSã§äºˆã‚display:noneã€widthã¨heightã‚’0ã«ã—ã¦ãŠã„ã¦ã€ animation(
ytkwsm 2013/08/09
è¦ç´ ã®ä¸å¿ƒã‹ã‚‰æ‹¡å¤§ã™ã‚‹æ–¹æ³•

transition

jquery

code reference
ãƒªãƒ³ã‚¯
ç¬¬2å›žã€€åº§æ¨™ã®å›žè»¢ã‚’ç†è§£ã™ã‚‹â”€ãƒ–ãƒ©ã‚¦ã‚¶ã§æ“ä½œã§ãã‚‹JavaScriptåº§æ¨™å›žè»¢ãƒ—ãƒã‚°ãƒ©ãƒ | gihyo.jp
å‰å›žã®å›žè»¢ã™ã‚‹ãƒ—ãƒãƒšãƒ©ã§ã™ãŒã€ã‚½ãƒ¼ã‚¹ã‚’è¦‹ã‚‹ã¨sinã‚„ã‚‰cosã‚„ã‚‰ãŒå‡ºã¦ãã¾ã™ã€‚ã„ã‚ã‚†ã‚‹ä¸‰è§’é–¢æ•°ã¨ã„ã†ã‚„ã¤ã§ã™ãŒã€å¾—æ„ãªæ–¹ã¯å°‘ãªã„ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ï¼ˆä¸ã«ã¯è¦‹ã‚‹ã¨ã‚¸ãƒ³ãƒžã‚·ãƒ³ãŒå‡ºã‚‹ã¨ã„ã†æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“â ï¼‰â ã€‚ ä»Šå›žã¯ã“ã®ã‚ãŸã‚Šã®åº§æ¨™æ“ä½œã‚’ã€ç›´è¦³çš„ã«ã‚ã‹ã‚‹ã‚ˆã†ã«è§£èª¬ã—ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ åº§æ¨™å›žè»¢ã®åŸºæœ¬ ã¾ãšã€åº§æ¨™ã«ã¤ã„ã¦å¾©ç¿’ã—ã¦ãŠãã¾ã—ã‚‡ã†ã€‚æ™®é€šã€åº§æ¨™ã¨ã„ã†ã®ã¯ã€Œå³ã«5ã€ä¸Šã«3ã€ã®ã‚ˆã†ãªå½¢ã‚’å–ã‚Šã¾ã™ã€‚ã€Œâ å³ã«5ã€ã®éƒ¨åˆ†ã‚’xåº§æ¨™ã€ã€Œâ ä¸Šã«3ã€ã®éƒ¨åˆ†ã‚’yåº§æ¨™ã¨å‘¼ã³ã¾ã™ã€‚ ã“ã®åº§æ¨™ã§é•·æ–¹å½¢ã‚’æãã®ã¯ç°¡å˜ã§ã™ã€‚ã§ã¯ãªãœå‰å›žã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§ã¯ã‚„ã‚„ã“ã—ã„ã“ã¨ã‚’ã—ã¦ã„ãŸã®ã§ã—ã‚‡ã†ã‹ã€‚ãã‚Œã¯ã€ãƒ—ãƒãƒšãƒ©ã®å›žè»¢ã¯ã€xåº§æ¨™ã¨yåº§æ¨™ã ã‘ã§ã¯ã§ããªã„ã‹ã‚‰ã§ã™ãã€‚ã©ã†ã™ã‚Œã°é•·æ–¹å½¢ã‚’å›žè»¢ã•ã›ãŸåº§æ¨™ã‚’è¨ˆç®—ã§ãã‚‹ã§ã—ã‚‡ã†ã‹ã€‚ ã“ã‚Œã«ã¯ã€Œå³ã«5ã€ä¸Šã«3ã€ã¨ã„ã†ã®ã‚’2ã¤ã«åˆ†ã‘ã¦è€ƒãˆã¾ã™ã€‚ã¾ãšã€Œå³ã«5ã€ã®éƒ¨åˆ†ã¯ï¼ˆ0, 0ï¼‰ã‹ã‚‰
ytkwsm 2013/08/09
javascript

motion

code reference
ãƒªãƒ³ã‚¯
[jQuery/Javascript]jQueryã«ã‚ˆã‚‹ç„¡é™ãƒ«ãƒ¼ãƒ—ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ä¸‰è§’é–¢æ•°ã®è©± | Wood-Roots:blog
DEMO æœ€è¿‘ã¯ã‚ãƒ¼ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã«Flashã‚’ä½¿ç”¨ã›ãšã«Javascriptã«ã‚ˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã†ã“ã¨ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚GalleryViewã®ã‚ˆã†ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãµã†ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’è¨ç½®ã™ã‚‹ã ã‘ã®ã‚±ãƒ¼ã‚¹ã‚‚å¤šã„ã§ã™ãŒã€ã¡ã‚‡ã£ã¨ã§ã‚‚å‡ã£ãŸã“ã¨ã‚’ã—ãŸã„ã¨æ€ã„è€ƒãˆãŸã‚Šèª¿ã¹ãŸã‚Šã—ã¦ã„ã‚‹ã¨ä¸‰è§’é–¢æ•°ãŒãªã‹ãªã‹ä½¿ãˆã‚‹ã¨ã„ã†ã“ã¨ãŒåˆ†ã‹ã£ã¦ãã¾ã—ãŸã€‚ æ£ç›´è‹¦æ‰‹ãªå†…å®¹ã®è©±ãªã®ã§ã™ãŒã€ç°¡å˜ãªå‡¦ç†ã®ãŸã‚ã«ä½¿ã†ç¨‹åº¦ãªã‚‰ã‚³ãƒ”ãƒšã§ä½•ã¨ã‹ãªã‚Šã¾ã—ãŸã€‚ ä½™è«‡ã§ã™ãŒãƒ»ãƒ»ãƒ»ä¸‰è§’é–¢æ•°ã¨ã¯ è¨€ã†ã¾ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚µã‚¤ãƒ³ãƒ»ã‚³ã‚µã‚¤ãƒ³ãƒ»ã‚¿ãƒ³ã‚¸ã‚§ãƒ³ãƒˆã¨ã„ã†ã‚„ã¤ã§ã™ã€‚ç¢ºã‹é«˜1ã‹é«˜2ã®æ•°å¦ã§ç¿’ã†ã‚‚ã®ã ã£ãŸã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ä½¿ç”¨ã™ã‚‹ã®ã¯å¤§æŠµsinã¨cosã§ã™ã€‚ y = sin(x)ã€€ã¨ã„ã†å¼ã®å ´åˆã€xãŒå¢—ãˆã¦ã„ã£ã¦ã‚‚yã¯-1ã¨+1ã®é–“ã®å€¤ã—ã‹å–ã‚Šã¾ã›ã‚“ã€‚ã‚°ãƒ©ãƒ•ã«ã‚ã‚‰ã‚ã™ã¨æ³¢ç·šï¼ˆæ£å¼¦æ³¢ã¨ã„ã‚ã‚Œã‚‹ã‚‚ã®ï¼‰ã«ãªã‚Šã¾ã™ã€‚ è¦ç´ ã‚’å›žè»¢ã•ã›ç¶š
ytkwsm 2013/08/09
javascript

motion

code reference
ãƒªãƒ³ã‚¯
ä¸‰è§’é–¢æ•°ã‚’ä½¿ã£ãŸjavascriptã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ - jsdo.it - Share JavaScript, HTML5 and CSS
è‡ªåˆ†ã®ç·´ç¿’ç”¨ã§ã™ã€‚ ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ã€å›žè»¢ç‚¹ãŒå¢—ãˆã¾ã™ã€‚ ã„ã£ã±ã„ä½œã‚‹ã¨ã€æ²¢å±±ã®ç‚¹ãŒã‚¦ãƒã‚¦ãƒå‹•ã„ã¦æ°—æŒã¡æ‚ªã„ã§ã™ww /*å‚è€ƒã‚µã‚¤ãƒˆï¼šhttp://amachang.sakura.ne.jp/misc/ut/*/ var el = document.getElementById('obj'); el.style.position = 'absolute'; el.style.top = '0px'; var sineWaveX = function(x) { return (Math.sin(x * Math.PI) / 2) + 0.5; }; var sineWaveY = function(y){ return (Math.cos(y * Math.PI) / 2) + 0.5; }; function circleMove(w,h,element) { var x = 0; var
ytkwsm 2013/08/09
ä¸‰è§’é–¢æ•°ã‚’ä½¿ã£ãŸjavascriptã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ by Takayuki.Kayawari @ jsdo.it - share JavaScript, HTML5 and CSS - jsdo.it is a service to write JavaScript, HTML5, CSS in your browser and share it. You can copy and modify others' code. And also Ask questions about JavaScript, HTML5, CSS

javascript

canvas

motion

code reference
ãƒªãƒ³ã‚¯
ä¸‰è§’é–¢æ•°ã§å††é‹å‹•ï½œï½œHTML5
HTML5 <!DOCTYPE html> <html lang="jp"> <head> <meta charset="UTF-8" /> <title>ä¸‰è§’é–¢æ•°ã¨å††ï½œTrigonometric function and circle</title> <link href="css/base.css" rel="stylesheet" type="text/css"> <script src="js/base.js"></script> </head> <body> <div id="contents"> <canvas id="canvas" width="100" height="100"> </canvas> </div> </body> </html> CSS3 @charset "utf-8"; body { margin:0; padding:0; background-co
ytkwsm 2013/08/09
å‚è€ƒã«

javascript

canvas

motion

code reference
ãƒªãƒ³ã‚¯
JavaScript ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³
JavaScript ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã¯ä½•ï¼Ÿ ãƒ“ãƒ¥ãƒ¼ã‚’å°‘ã—ãšã¤å›žè»¢ã€æ‹¡å¤§ç¸®å°ã€ç§»å‹•ã€å¤‰è‰²ãªã©ã‚’è¡Œã„ã€é€£ç¶šçš„ãªå‹•ãã‚’ä½œã‚‹ ã“ã‚“ãªæ„Ÿã˜ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> ãªã‚“ã§ã€ã‚ã‚“ãªæ„Ÿã˜ã®æ›¸ãæ–¹ã«ãªã‚‹ã®ï¼Ÿ setInterval ã®æ„å‘³ãŒåˆ†ã‹ã‚‰ãªã„ ã“ã‚“ãªæ„Ÿã˜ã§æ›¸ã‘ãªã„ã®ï¼Ÿ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
ytkwsm 2013/06/24
å‚è€ƒã«

javascript

Programming

animation

motion

code reference

reference
ãƒªãƒ³ã‚¯
1