[B! ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³] kuchitamaã®ãƒ

kuchitama id:kuchitama

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«é–¢ã™ã‚‹kuchitamaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

åƒ•ã¯ãªãœã“ã“ã¾ã§ã—ã¦çŒ«ã‚’ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã§èµ°ã‚‰ã›ãŸã‹ã£ãŸã®ã‹... - Qiita
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€‚è¶£å‘³ã§macOSã‚¢ãƒ—ãƒªé–‹ç™ºã‚’ã—ã¦ã„ã‚‹å¦ç”Ÿãƒ‡ãƒ™ãƒãƒƒãƒ‘ã®Kyomeã¨ç”³ã—ã¾ã™ã€‚ä»Šå›žã¯ã€CPUè² è·ã«åˆã‚ã›ãŸé€Ÿåº¦ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ä¸Šã§çŒ«ãŒèµ°ã‚‹ã ã‘ã®macOSå‘ã‘ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£(?)ã‚¢ãƒ—ãƒªã€RunCatã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¦ã‹ã‚‰ç´„ä¸€å‘¨å¹´ã¨ã„ã†ã“ã¨ã§ã€RunCatã®é–‹ç™ºè£è©±ã‚’è¨˜ã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ RunCat ã€Œãªã‚“ã‹é¢ç™½ã„ã‚¢ãƒ—ãƒªä½œã‚ŠãŸã„ãªã€œã€‚ã€ ã€Œã“ã®å‰ã¯ã‚«ã‚¹ã‚¿ãƒ ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§ãƒ”ã‚¢ãƒŽä½œã£ãŸã—ã€ãƒžãƒ‹ã‚¢ãƒƒã‚¯ãªã¨ã“æ”»ã‚ãŸã„ãªã€‚ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã¨ã‹...ã€‚ã€ Mac Bookã‚’é–‹ãã€ãµã¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã‚’è¦‹ã‚‹ã¨ã€Wi-Fiã®æŽ¥ç¶šãƒã‚§ãƒƒã‚¯ä¸ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒç›®ã«å…¥ã‚‹ ã€Œã¸ã‡...ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒãƒ¼ã£ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãã‚‹ã®ã‹ã€‚ã€ ã€Œ...çŒ«ã§ã‚‚èµ°ã‚‰ã›ã¦ã¿ã‚ˆã†ã‹ã€‚ã€ ã™ã¹ã¦ã¯ã“ã‚“ãªæ€ã„ã¤ãã‹ã‚‰å§‹ã¾ã‚Šã¾ã—ãŸã€‚ RunCatã¯CPUè² è·ã«åˆã‚ã›ã¦Runnerã¨å‘¼ã°ã‚Œã‚‹ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ï¼ˆã‚ã‚‹ã„ã¯ãƒ¢ãƒãƒ¼ãƒ•ï¼‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§
kuchitama 2020/08/16
Swift

macOS

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
Googleã‚‚æŽ¨å¥¨ï¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªTweenMaxã®ä½¿ã„æ–¹ã€€å…¥é–€ç·¨ â€” un-Tech
ã”ãã’ã‚“ã‚ˆã†ã€‚ãƒ•ãƒ¼ãƒŸãƒ³ã§ã™ã€‚ ã€ŒJavaScriptã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä½œã‚‹ãªã‚‰TweenMaxãŒæœ€å¼·ã ã‚ˆã€ã¨å…ˆè¼©ã‹ã‚‰æ•™ã‚ã‚Šæ—©2å¹´ã€‚ã„ã¾ã ç¾å½¹æœ€å¼·ï¼ˆåƒ•ã®ä¸ã§ï¼‰JavaScriptã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªTweenMaxã®è‰¯ã•ã‚’åºƒã‚ã‚‹ãŸã‚ã«ã€å…¥é–€ç·¨ãƒ»å¿œç”¨ç·¨ã®å…¨2å›žã«åˆ†ã‘ã¦ã”ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ TweenMaxã¨ã¯ TweenMaxã¨ã¯ã€GreenSockç¤¾ãŒé–‹ç™ºã—ãŸè¶…é«˜æ€§èƒ½ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ŒGSAPã€ã®ã²ã¨ã¤ã§ã€DOMã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ç‰¹åŒ–ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ requestAnimationFrameã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€jQueryã®animateãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ã†ã‚ˆã‚Šã€å‹•ä½œãŒé«˜é€Ÿã‹ã¤å®‰å®šã—ã¦ã„ã¾ã™ã€‚ åŒã˜ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«mokichiãã‚“ãŒç´¹ä»‹ã—ã¦ãã‚ŒãŸVelocity.jsã¨ã„ã†ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ TweenMaxã¨åŒæ§˜ã«å‹•ä½œãŒé«˜é€Ÿã‹ã¤å®‰å®šã—ã¦ãŠã‚Šã€jQuer
kuchitama 2015/11/26
javascript

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

TweenMax

animation
ãƒªãƒ³ã‚¯
CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®çµ‚äº†ã‚¤ãƒ™ãƒ³ãƒˆã‚’å–å¾—ã—ã¦ãã‚Œã‚‹JavaScriptã€ŒDetecting CSS Animation and Transition End with JavaScriptã€ï½œBLACKFLAG
jQueryãªã©ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã—ãŸéš›ã«ã¯ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³çµ‚äº†æ™‚ã«å‡¦ç†ã‚’å®Ÿè¡Œã•ã›ã‚‹ã®ã¯æ¯”è¼ƒçš„ç°¡å˜ãªã®ã§ã™ãŒ CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åˆ¶å¾¡ã®å ´åˆã¯å°‘ã€…é¢å€’ã ã£ãŸã‚Šã—ã¾ã™ã€‚ ãã‚“ãªCSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®çµ‚äº†ã‚¤ãƒ™ãƒ³ãƒˆã‚’å–å¾—ã—ã¦ãã‚Œã‚‹JavaScript ã€ŒDetecting CSS Animation and Transition End with JavaScriptã€ãŒ ã¨ã¦ã‚‚ä¾¿åˆ©ãã†ã ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ Detecting CSS Animation and Transition End with JavaScript â€“ Osvaldas Valutis Detecting CSS Animation and Transition End with JavaScript â€“ Osvaldas Valutis ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯jQueryã§ä½¿ç”¨ã™ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ jQueryã«
kuchitama 2015/09/30
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

jquery

javascript

animation

CSS3
ãƒªãƒ³ã‚¯
ãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆã«ä½¿ãˆã‚‹CSS3ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³5ç¨®
ãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆã«ä½¿ãˆã‚‹CSS3ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³5ç¨® ã¡ã‚‡ã£ã¨ã—ãŸãƒ¯ãƒ³ãƒã‚¤ãƒ³ãƒˆã«ä½¿ãˆãã†ãªCSS3ã‚ªãƒ³ãƒªãƒ¼ã®ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ IEã¯10ä»¥ä¸Šã§å‹•ãã¾ã™ã€‚ æŠ•ç¨¿æ—¥2013å¹´10æœˆ30æ—¥ æ›´æ–°æ—¥2013å¹´10æœˆ30æ—¥ ãƒ™ãƒ¼ã‚¹HTML ãƒ™ãƒ¼ã‚¹ã®HTMLã§ã™ã€‚ã£ã¦ã„ã£ã¦ã‚‚åŸºæœ¬aã‚¿ã‚°ã ã‘ã§ã™ã€‚ html <a href="#" class="btn01">BUTTON</a> 1.ãã‚‹ãã‚‹ã£ã¦å›žã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ãã‚‹ãã‚‹ã£ã¨ï¼’å›žè»¢ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ã§ã™ã€‚ ãã‚‹ã£ã¨ï¼‘å›žè»¢ã®å ´åˆã¯ã€Œrotateã€ã‚’360ã«ã™ã‚Œã°OKã§ã™ã€‚ css .btn01 { color: #fff; text-decoration: none; background-color: #dda0dd; display: block; width: 150px; height: 150px; line-height:
kuchitama 2015/05/06
css

html

css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆï½œjQuery pluginï½œAjaxï½œPHP & JavaScript Room
è¦ç´ ã®ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã®hoveråŠ¹æžœã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ ãƒªã‚¹ãƒˆè¦ç´ ã®å„ã‚¢ã‚¤ãƒ†ãƒ ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ãŸæ™‚ã«ã€ãã®ã‚¢ã‚¤ãƒ†ãƒ ã®èƒŒå¾Œã«jQueryã§hoverç”¨ã®è¦ç´ ã‚’å‹•çš„ã«ç”Ÿæˆã—ã¦ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¤ºã•ã›ã¦ã„ã¾ã™ã€‚ å¹…ã€é«˜ã•ã€ã‚ªãƒ•ã‚»ãƒƒãƒˆãªã©ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ä½ç½®æƒ…å ±ã‚’å–å¾—ã™ã‚‹jQuery Dimensions Pluginã‚’ä½µç”¨ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’é©ç”¨ã™ã‚‹è¦ç´ ã«ã¯ã€CSSä¸Šã®ãƒ«ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã®è¦ªè¦ç´ ã«ã¯ã€position:relativeã‚ã‚‹ã„ã¯position:absoluteãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã«ã¯ã€z-indexãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€‚ å‹•çš„ã«ç”Ÿæˆã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã¯ã€hoverã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã®z-indexã‚ˆã‚Šå°ã•ã„z-indexãŒæŒ‡å®šã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€‚ /* hoverã•ã‚ŒãŸã‚¢ã‚¤ãƒ†ãƒ ã®è¦ªè¦ç´ */
kuchitama 2012/01/11
jQueryä½¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã¾ã¨ã‚

javascript

jQuery

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

jquery
ãƒªãƒ³ã‚¯
1