[B! function] daizu6110ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

daizu6110 id:daizu6110

functionã«é–¢ã™ã‚‹daizu6110ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

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

divã¯ãƒœã‚¿ãƒ³ã§ã¯ãªã„ã€ãƒœã‚¿ãƒ³ã®å®Ÿè£…ã«ã¤ã„ã¦çŸ¥ã£ã¦ãŠãã¹ãã™ã¹ã¦ã®ã“ã¨
ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ã¨ãã€HTMLã®ä½•ã‚’ã‚ˆãä½¿ç”¨ã—ã¾ã™ã‹ï¼Ÿ buttonã‚¿ã‚°ã€ã‚‚ã—ãã¯divã‚¿ã‚°ï¼Ÿ divã‚’ä½¿ç”¨ã—ã¦ã¯ã„ã‘ãªã„ç†ç”±ã€buttonã‚’ä½¿ç”¨ã™ã‚‹ã¨ãã®æ³¨æ„ç‚¹ã€å ´åˆã«ã‚ˆã£ã¦ã¯aãŒã‚ˆã„ç†ç”±ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Everything you didnâ€™t know you need to know about buttons by Steve Sewell ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ãƒœã‚¿ãƒ³ã®å®Ÿè£…ã«divã‚’ä½¿ç”¨ã—ãŸã¨ãã®å•é¡Œç‚¹ ãƒœã‚¿ãƒ³ã‚’buttonã§å®Ÿè£…ã™ã‚‹ buttonã®ã‚¹ã‚¿ã‚¤ãƒ«ã«é–¢ã™ã‚‹å•é¡Œç‚¹ buttonã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ£ã—ãè¨å®šã™ã‚‹æ–¹æ³• ãƒ•ã‚©ãƒ¼ãƒ å†…ã®buttonã®å‹•ä½œã‚’ä¿®æ£ã™ã‚‹ ä»–ã®ãƒšãƒ¼ã‚¸ã¸ã®ãƒªãƒ³ã‚¯ã«ä½¿ç”¨ã™ã‚‹å ´åˆã¯aã‚¿ã‚°ã§ ãƒœã‚¿ãƒ³ã®å®Ÿè£…ã‚’ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã™ã‚‹ çµ‚ã‚ã‚Šã« ã¯ã˜ã‚ã« ã‚¯ãƒªãƒƒã‚¯ã§
daizu6110 2023/02/10
å®Ÿè£…

ãƒœã‚¿ãƒ³

button

function

html
ãƒªãƒ³ã‚¯
[CSS]è¦‹å‡ºã—ã‚„æœ¬æ–‡ã®font-sizeã¨line-heightã®å˜ä½ã«remã‚’ä½¿ç”¨ã—ã¦ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
// Function for converting a px based font-size to rem. @function calculateRem($size) { $remSize: $size / 16px; //Default font size on html element is 100%, equivalent to 16px; @return #{$remSize}rem; } @function calculateNum($lheight) { $numSize: $lheight; //Default font size on html element is 100%, equivalent to 16px; @return #{$numSize}; } // Mixin that will include the fall back px declaratio
daizu6110 2018/08/03
font

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

function

line

html

css
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œæ™‚ã«åŠ©ã‹ã‚‹ã€æ„å¤–ã¨å½¹ç«‹ã¤ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«
ä½œæˆï¼š2016/05/9 æ›´æ–°ï¼š2016/06/29 Tool > Webåˆ¶ä½œã™ã‚‹æ™‚ã«ã‚ã‚‹ã¨å½¹ã«ç«‹ã¤ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã€‚ã‚‚ã£ã¨åŠ¹çŽ‡çš„ã«ã™ã‚‹ãŸã‚ã«ã€ä»Šã®ã¨ã“ã‚ä¸€ç•ªä½¿ã„ã‚„ã™ã„ã¨æ€ã†ãƒ„ãƒ¼ãƒ«ã‚„åŸ‹ã‚è¾¼ã¿åž‹ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ãƒãƒ£ã‚¤ãƒ ã¨ã‚¯ãƒãƒƒã‚¯ ã‚¹ã‚¯ãƒ¼ãƒ«ã‚„ä¼šç¤¾ã§ã‚¦ã‚§ã‚¹ãƒˆãƒŸãƒ³ã‚¹ã‚¿ãƒ¼ã®é˜ã‚’é³´ã‚‰ã—ãŸã„ãªã‚‰ã“ã‚Œã€‚Chromeã‚¿ãƒ–ã‚’é–‹ã„ã¦æ™‚é–“ã‚’è¨å®šã—ã¦ãŠãã¨ã€å¦æ ¡ã®ã€Œã‚ãƒ¼ãƒ³ã‚³ãƒ¼ãƒ³ã‚«ãƒ¼ãƒ³ã‚³ãƒ¼ãƒ³ã€ã¨ã„ã†ãƒãƒ£ã‚¤ãƒ ã‚’é³´ã‚‰ã›ã¾ã™ã€‚ Webåˆ¶ä½œæ•™å®¤ã§50åˆ†ãƒ»10åˆ†ã”ã¨å®Ÿéš›ã«ã‚¿ã‚¤ãƒžãƒ¼ã‚’é³´ã‚‰ã—ã¦ã¾ã™ãŒã€å¦æ ¡ã®æ°—åˆ†ãŒå‡ºã¦æ°—ãŒå¼•ãç· ã¾ã‚Šã¾ã™ã€‚ã“ã®æ³ã«è´ãã¨åˆ‡ãªããªã‚Šã¾ã™ãã€‚ timer tab ã‚¿ãƒ–ã§è¡¨ç¤ºã§ãã‚‹å¤©æ°—äºˆå ±ä»˜ãã‚¯ãƒãƒƒã‚¯ãªã‚‰ã“ã¡ã‚‰ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒç¾Žã—ã„ã€‚ãƒ•ã‚©ãƒ³ãƒˆã®è‰²ã¨ç¨®é¡žã‚’æŒ‡å®šå¯èƒ½ã€‚ Floaty Color Clock WordPress
daizu6110 2016/05/10
ãƒªãƒ³ã‚¯

function

ã‚µãƒ¼ãƒ“ã‚¹

ã‚³ãƒ¼ãƒ‰

ã‚µãƒ ãƒã‚¤ãƒ«
ãƒªãƒ³ã‚¯
ä½•ã‚’ä½¿ãˆã°ã‚ˆã„ã‹åˆ†ã‹ã£ãŸï¼ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã®å„ãƒšãƒ¼ã‚¸ã‚’åˆ¶ä½œã™ã‚‹å‰ã«ã¿ã¦ãŠããŸã„ã“ã¨
ä½œæˆï¼š2015/02/9 æ›´æ–°ï¼š2016/06/29 Webåˆ¶ä½œ > ä¼æ¥ã‚µã‚¤ãƒˆã¯ã‚µãƒ¼ãƒ“ã‚¹ã‚„å•†å“ã®ä»–ã€ãƒ“ã‚¸ãƒ§ãƒ³ã‚„IRæƒ…å ±ãªã©ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ä»Šå›žã¯WordPressã§æ§‹ç¯‰ã—ãŸå›ºå®šãƒšãƒ¼ã‚¸ã‚’è¦‹ã‚„ã™ãã™ã‚‹ãŸã‚ã«ã€ã©ã†ã„ã£ãŸjQueryãƒ»WPãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ãˆã°ã‚ˆã„ã®ã‹ã€ã¾ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«å¯¾å¿œã•ã›ã‚‹ãŸã‚ã®å°æŠ€ã‚‚ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ï¼‘ï¼Žã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒšãƒ¼ã‚¸ ï¼’ï¼Žã‚µãƒ¼ãƒ“ã‚¹ï¼ä¼šç¤¾æ¦‚è¦ãƒšãƒ¼ã‚¸ ï¼“ï¼Žå„ãƒšãƒ¼ã‚¸ã®èƒŒæ™¯ç”»åƒã‚’ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã•ã‚“å´ã§å¤‰æ›´å¯èƒ½ã« ï¼”ï¼Žå•ã„åˆã‚ã›ãƒšãƒ¼ã‚¸ ï¼•ï¼ŽCRM ï¼–ï¼Žå•†å“ã‚’ç®¡ç†ç”»é¢ã‹ã‚‰æ“ä½œ ï¼—ï¼Žã‚¢ã‚¯ã‚»ã‚¹ãƒšãƒ¼ã‚¸ ï¼˜ï¼ŽãŠçŸ¥ã‚‰ã›ãƒšãƒ¼ã‚¸ ï¼™ï¼ŽSNS/TEL/GAã‚¢ã‚«ã‚¦ãƒ³ãƒˆå¤‰æ›´ç®¡ç† ï¼‘ï¼ï¼ŽQ&Aãƒšãƒ¼ã‚¸ ï¼‘ï¼‘ï¼Žãƒ–ãƒã‚°ãƒšãƒ¼ã‚¸ ï¼‘ï¼Žã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒšãƒ¼ã‚¸ ä»¥å‰ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã•ã‚“ã«ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒšãƒ¼ã‚¸ã‚’ã€Œãƒ©ãƒ³ãƒ€ãƒ ã«ã—ã¦ã»ã—ã„ã€ã¨è¨€ã‚ã‚ŒãŸã“ã¨
daizu6110 2015/02/10
function

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

ã‚µãƒ¼ãƒ“ã‚¹

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€ä¿å˜ç‰ˆã€‘Googleã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹(Universalã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ç‰ˆ)ã®ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã‚³ãƒ¼ãƒ‰ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºï¼•é¸ï¼‹çµ„ã¿åˆã‚ã›ä¾‹ï¼”é¸ - æ ªå¼ä¼šç¤¾ãƒŠãƒ³ãƒãƒ¼
HOMEãƒ–ãƒã‚°Google Analytics(ã‚°ãƒ¼ã‚°ãƒ«ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹)ã€ä¿å˜ç‰ˆã€‘Googleã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹(Universalã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ç‰ˆ)ã®ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã‚³ãƒ¼ãƒ‰ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºï¼•é¸ï¼‹çµ„ã¿åˆã‚ã›ä¾‹ï¼”é¸ ã¯ã˜ã‚ã« æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã”ç´¹ä»‹ã™ã‚‹ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã‚³ãƒ¼ãƒ‰ã¯Universalã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ï¼ˆä»¥ä¸‹UAï¼‰ã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚ å¾“æ¥ã®Googleã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ï¼ˆä»¥ä¸‹GAï¼‰ã®ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã‚³ãƒ¼ãƒ‰ã«ã¤ã„ã¦ã®è¨˜è¿°ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ WEBã‚µã‚¤ãƒˆç”¨ã®ã‚³ãƒ¼ãƒ‰ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªç”¨ã®ã‚³ãƒ¼ãƒ‰ã«ã¤ã„ã¦ã®è¨˜è¿°ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ ã¾ãŸã€ã‚³ãƒ¼ãƒ‰ã®ä¸€ç¯€ä¸€ç¯€ã«é–¢ã™ã‚‹è©³ç´°ãªèª¬æ˜Žã¯ã‚ãˆã¦æ›¸ãã¾ã›ã‚“ã€‚ æ›¸ãã¨æ–‡å—ãŒã„ã£ã±ã„ã«ãªã£ã¦æ›¸ãã»ã†ã‚‚èªã‚€ã»ã†ã‚‚å¤§å¤‰ãªã®ã§ã€‚ è©³ç´°ã¯å…¬å¼ã®ãƒ˜ãƒ«ãƒ—ç‰ã‚’ã”å‚ç…§ãã ã•ã„ã€‚ ç›®æ¬¡ ï¼ï¼Žã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºç„¡ã— ï¼‘ï¼Žãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤åºƒå‘Š ï¼’ï¼Žæ‹¡å¼µãƒªãƒ³ã‚¯ã‚¢ãƒˆãƒªãƒ“ãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ ï¼“ï¼Žã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ ï¼”ï¼Žãƒžãƒ«ãƒãƒˆãƒ©ãƒƒã‚ãƒ³ã‚° ï¼•ï¼Žeã‚³ãƒžãƒ¼ã‚¹ ï¼–
daizu6110 2014/11/20
æ‹¡å¼µ

ã‚³ãƒ¼ãƒ‰

Analytics

åºƒå‘Š

ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º

eã‚³ãƒžãƒ¼ã‚¹

function

google

seo
ãƒªãƒ³ã‚¯
jQueryã§aãƒªãƒ³ã‚¯ã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹ãƒ¢ãƒ€ãƒ³ãªæ›¸ãæ–¹ã‚’æ•™ãˆã¦ãã ã•ã„ ãƒªãƒ³ã‚¯ã«ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹ã¨ã æœ€åˆ <a href="#" onClick="jump(1);">ãƒšãƒ¼ã‚¸ï¼‘<â€¦
jQueryã§aãƒªãƒ³ã‚¯ã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹ãƒ¢ãƒ€ãƒ³ãªæ›¸ãæ–¹ã‚’æ•™ãˆã¦ãã ã•ã„ ãƒªãƒ³ã‚¯ã«ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹ã¨ã æœ€åˆ <a href="#" onClick="jump(1);">ãƒšãƒ¼ã‚¸ï¼‘</a> <a href="#" onClick="jump(2);">ãƒšãƒ¼ã‚¸ï¼’</a> function jump(page) { location.href = 'http://hoge' + page; } ã¨ã—ã¦ã¾ã—ãŸãŒã€ãªã‚“ã¨ãªãjQueryã§ãƒãƒ¼ãƒ‰æ™‚ã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’è¨å®šã™ã‚‹æ–¹ãŒè‰¯ã„ã®ã‹ãªã¨æ€ã£ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ã«ç›´ã—ã¾ã—ãŸ $(function(){ $("#one").click(function(){ location.href = 'http://hoge' + 1; }); $("#two").click(function(){ location.href = 'http://hoge' +
daizu6110 2014/10/24
function

jquery

JavaScript

ãƒªãƒ³ã‚¯

è¨å®š
ãƒªãƒ³ã‚¯
[JS]ã‚¹ãƒžãƒ›ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå‘ã‘ã®æ“ä½œã‚’æ¥½ã—ãã™ã‚‹ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Impulse
Bouncy Scrolling â€»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIFã«ã—ãŸã‚‰ã‚µã‚¤ã‚ºãŒã™ã”ã‹ã£ãŸã®ã§é™æ¢ç”»åƒã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã«ã¯ä»–ã«ã‚‚ãŸãã•ã‚“ã®ãƒ‡ãƒ¢ãŒã‚ã‚Šã¾ã™ã€‚ Impulseã®ä½¿ã„æ–¹ å®Ÿè£…ã¯å„ãƒ‡ãƒ¢ã«ã‚ˆã£ã¦HTMLã‚„JavaScriptãŒç•°ãªã‚‹ã®ã§ã€ã€ŒPulldown Menuã€ã§å®Ÿè£…æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ ã“ã“ã¯å…¨ãƒ‡ãƒ¢å…±é€šã§ã™ã€‚ <head> ... <script src="/scripts/impulse.js"></script> </head> Step 2: HTML ãƒ˜ãƒƒãƒ€ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãã‚Œãžã‚Œdivè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ <body> <div class="nav-header"> <div class="hamburger-menu-handle"></div> </div> <div class="pu
daizu6110 2014/09/03
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

js

JavaScript

function

html

ã‚¹ãƒžãƒ›

jquery

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ç”»åƒã®ã€Œç¸¦æ–¹å‘ã®æœ€é©åŒ–ã€ã£ã¦ä½•!?ãŸã£ãŸæ•°è¡Œã§ã‚¹ãƒžãƒ›ãƒ“ãƒ¥ãƒ¼ã‚’æ”¹å–„ã—ã‚ˆã†ï¼
webãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤§ããªå•é¡Œã®1ã¤ã¯ã€ã‚¹ãƒžãƒ›ãƒ“ãƒ¥ãƒ¼ã«ãŠã‘ã‚‹ç¸¦é•·ç”»åƒã€‚ä»Šå›žã¯ã€Œç¸¦æ–¹å‘ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚æ€ã„ä»˜ãã§å®Ÿè£…ã—ã¦ã¿ãŸã®ã§ã™ãŒã€é©šãã»ã©ã‚¹ãƒžãƒ›ãƒ“ãƒ¥ãƒ¼ãŒæ”¹å–„ã§ããŸã®ã§ã€ãã®Javascriptã®ã‚³ãƒ¼ãƒ‰ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã‚’è¦‹ã‚‹ 1ã€Œç¸¦æ–¹å‘ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã€ã£ã¦ä½•ï¼Ÿç¸¦é•·ç”»åƒã‚’ã‚¹ãƒžãƒ›ã§è¦‹ãŸã‚µãƒ³ãƒ—ãƒ«ä»Šå›žã®å•é¡Œã¯ã€ç¸¦é•·ç”»åƒã®ã‚¹ãƒžãƒ›ãƒ“ãƒ¥ãƒ¼ã§ã™ã€‚iPhoneã‚„Androidã®è§£èª¬è¨˜äº‹ãªã©ã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’è¼‰ã›ã‚‹å ´åˆã€ç¸¦ã«é•·ã„ç”»åƒã‚’åˆ©ç”¨ã—ã¾ã™ã‚ˆãï¼Ÿã™ã‚‹ã¨ã‚¹ãƒžãƒ›ãƒ“ãƒ¥ãƒ¼ã§ã¯ã‚µãƒ³ãƒ—ãƒ«å›³ã®ã‚ˆã†ã«ã€ç”»åƒãŒç”»é¢å…¨ä½“ã‚’å é ˜ã—ã¦ã—ã¾ã†ã“ã¨ãŒå°‘ãªãã‚ã‚Šã¾ã›ã‚“ã€‚ max-width:100%ã‚’è¨å®šã™ã‚‹ã“ã¨ã§ã€Œæ¨ªæ–¹å‘ã€ã«ã¯æœ€é©åŒ–ã—ã¦ã„ã¦ã‚‚ã€ã€Œç¸¦æ–¹å‘ã€ã«ã¯æœ€é©åŒ–ã§ãã¦ã„ãªã„ä¾‹ã§ã™ã€‚ç”»åƒã¯ã‚„ã£ã±ã‚Šæ–‡å—ã¨ä¸€ç·’ã«è¦‹ãŸã„ã§ã™ã‚ˆãâ€¦ã€‚max-height:...%ã¯ã€Œç”»é¢ã®é«˜ã•ã€ã§ã¯ãªãã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é«˜ã•ã€ãŒåŸºæº–ã«ãªã‚‹ã®ã§
daizu6110 2014/08/05
æœ€é©åŒ–

ç”»åƒ

function

ã‚³ãƒ¼ãƒ‰

JavaScript

webãƒ‡ã‚¶ã‚¤ãƒ³

web

jquery
ãƒªãƒ³ã‚¯
CoffeeScriptã‚’ä½¿ã†ç†ç”± - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
daizu6110 2014/05/04
function

javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

programming

é–‹ç™º

development

CoffeeScript
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ã£ã¦ã€divå…¨ä½“ã«ãƒªãƒ³ã‚¯ã‚’è²¼ã‚‹æ–¹æ³•ã€‚_blankå¯¾å¿œã‚‚ã€‚ | SHINGO IRIE
ä¾‹ãˆã°ãƒœã‚¿ãƒ³ãªã©divå…¨ä½“ã«ãƒªãƒ³ã‚¯ã‚’è²¼ã‚ŠãŸã„ã“ã¨ãŒã‚ã‚Šã¾ã™ãŒã€ãã®éš›ã«ä¾¿åˆ©ãªTipsã®ã”ç´¹ä»‹ã§ã™ã€‚ ã¾ãšã¯ã€è¦‹ãŸç›®ã®ã¿æº–å‚™CSSã§ãƒœã‚¿ãƒ³ã‚’ä½œã‚Šã¾ã™ã€‚ãƒªãƒ³ã‚¯ã‚‚divã®ä¸ã«ç½®ã„ã¦æ§‹ã„ã¾ã›ã‚“ã€‚CSSã§divã®ä¸Šã«ãƒžã‚¦ã‚¹ãŒã®ã£ãŸã¨ãã«ã€ã‚«ãƒ¼ã‚½ãƒ«ãŒå¤‰ã‚ã‚‹ã‚ˆã†å¤‰æ›´ã—ã¦ã„ã¾ã™ã€‚ <style> .sbtn{ margin-right:10px; text-align:center; background-color: #28B0FF; padding:10px; color:#fff; text-decoration:none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-bottom:10px; cursor:pointer; } </style> <div class="sbtn">
daizu6110 2014/04/17
ãƒªãƒ³ã‚¯

function

jQuery

ãƒœã‚¿ãƒ³

margin

color

css
ãƒªãƒ³ã‚¯
[CSS]ãƒ‡ãƒ¢ãŒæ¥½ã—ã„ï¼è¦ç´ ã«classã‚’ä¸Žãˆã‚‹ã ã‘ã§ã•ã¾ã–ã¾ãªCSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é©ç”¨ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Magic
Slide, Math, Tin, Bomb Magicã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="yourpath/magic.css"> </head> Step 2: è¦ç´ ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®š ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯magic.csså˜ä½“ã§å‹•ä½œã—ã¾ã™ãŒã€jQueryã¨çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã•ã¾ã–ã¾ãªã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ãƒˆãƒªã‚¬ãƒ¼ã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãšã¯jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§è¦ç´ ã‚’æŒ‡å®šã—ã€ä¾‹ãˆã°ãƒ›ãƒãƒ¼æ™‚ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹æ™‚ã¯ã“ã‚“ãªæ„Ÿã˜ã«ã€‚ $('.yourdiv').hover(function () { $(this).addClass('magictime puffIn'); }); ç‰¹å®šã®æ™‚é–“ã€ãƒ«ãƒ¼ãƒ—ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹æ™‚ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ setInt
daizu6110 2014/04/10
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

function

ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ

JavaScript

css3
ãƒªãƒ³ã‚¯
JavaScriptã®é–¢æ•°å®šç¾© - Nao Minami's Blog
ã“ã‚“ã°ã‚“ã¯ã€south37ã§ã™ã€‚ æœ€è¿‘ã¯Effective JavaScriptã‚’èªã‚“ã§ã‚‹ã®ã§ã™ãŒã€çŸ¥ã‚‰ãªã‹ã£ãŸäº‹ãŒãƒãƒãƒãƒå‡ºã¦ãã‚‹ã®ã§ã€ã¨ã¦ã‚‚å‹‰å¼·ã«ãªã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰ã¯ã¡ã‚‡ã„ã¡ã‚‡ã„ã€ããƒ¼ã‚„ã£ã¦å‹‰å¼·ã—ãŸäº‹ã‚’ã¾ã¨ã‚ã¦ã„ã‘ãŸã‚‰ã„ã„ãªã¨æ€ã„ã¾ã™ã€‚ ã£ã¦äº‹ã§ã€ä»Šæ—¥ã¯é–¢æ•°å®šç¾©ã®è©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ é–¢æ•°å®£è¨€ã¨é–¢æ•°å¼ JavaScriptã«ãŠã‘ã‚‹é–¢æ•°å®šç¾©ã«ã¯ã€å¤§ããåˆ†ã‘ã¦3ã¤ã®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ functionæ–‡ã‚’ä½¿ã†æ–¹æ³•(é–¢æ•°å®£è¨€) functionæ¼”ç®—åã‚’ä½¿ã†æ–¹æ³•(é–¢æ•°å¼) Functionã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ã‚’ä½¿ã†æ–¹æ³• 1ã¨2ãŒä¸€èˆ¬çš„ã«ã‚ˆãä½¿ã‚ã‚Œã‚‹æ–¹æ³•ã§ã™ãã€‚ // æ–¹æ³•1 function multi(x, y) { return x * y; } // æ–¹æ³•2 var multi = function(x, y) { return x * y; }; // ã“ã‚Œã‚‚æ–¹æ³•2 var multi
daizu6110 2014/04/09
é–¢æ•°

JavaScript

development

function
ãƒªãƒ³ã‚¯
1