[B! jQuery] nao-tã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nao-t id:nao-t

jQueryã«é–¢ã™ã‚‹nao-tã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (20)

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

ã€è¶…ä¾¿åˆ©ã€‘YubinBango.jsã‚’ä½¿ã£ãŸä½æ‰€è‡ªå‹•å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œã‚Šæ–¹è§£èª¬ - æ ªå¼ä¼šç¤¾PENGIN
ç²Ÿé£¯åŽŸåŒ |ãƒ—ãƒãƒ‡ãƒ¥ãƒ¼ã‚µãƒ¼ ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã‚’å¾—æ„ã¨ã™ã‚‹ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œä¼šç¤¾PENGINã®ä»£è¡¨ã€‚æ•™è‚²ç³»ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ã§æ–°è¦äº‹æ¥é–‹ç™ºã‚’çµŒé¨“ã—ã€ç‹¬ç«‹å¾Œã¯ä¸Šå ´ä¼æ¥ã‚„ãƒ¬ã‚¬ã‚·ãƒ¼ç”£æ¥ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œãƒ»SEOå¯¾ç–ãƒ»CVRæ”¹å–„ã®æ”¯æ´ã‚’è¡Œã†PENGINã‚’å‰µæ¥ã€‚ã€Œãƒ¯ã‚¯ãƒ¯ã‚¯ã™ã‚‹ã€‚ãƒ¯ã‚¯ãƒ¯ã‚¯ã•ã›ã‚‹ã€‚ã€ã‚’ç†å¿µã«æŽ²ã’ã¦ã‚³ãƒ„ã‚³ãƒ„ã¨é ‘å¼µã£ã¦ã„ã¾ã™ã€‚ ã“ã‚“ãªæ‚©ã¿ãŒã‚ã‚‹æ–¹ã«ã€ä¾¿åˆ©ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ï¼ å½“è¨˜äº‹ã§ã¯JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªYubinBan go.jsã‚’åˆ©ç”¨ã—ã¦éƒµä¾¿ç•ªå·ã‚’å…¥åŠ›ã—ãŸã‚‰è‡ªå‹•ã§ä½æ‰€ã‚’è¡¨ç¤ºã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‹ã‚‰ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³•ã‚’ç”»åƒã‚„ã‚³ãƒ¼ãƒ‰ã‚’ç”¨ã„ã¦è©³ã—ãè§£èª¬ã™ã‚‹ã®ã§ã€JavaScriptãŒè‹¦æ‰‹ãªæ–¹ã‚‚ã“ã®è¨˜äº‹ã‚’èªã‚ã°éƒµä¾¿ç•ªå·ã‚’å…¥åŠ›ã—ãŸã‚‰è‡ªå‹•ã§ä½æ‰€ã‚’è¡¨ç¤ºã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ï¼
nao-t 2024/04/12
jQuery

JavaScript

ãƒ•ã‚©ãƒ¼ãƒ

tips

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

Webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
ã€ç°¡å˜ã€‘jquery.autokana.jsã®ä½¿ã„æ–¹ã€ãµã‚ŠãŒãªã‚’è‡ªå‹•å…¥åŠ›ã€‘
ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã«ã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã‚ˆã£ã¦ã€Œåå‰ã€ã¨ã€Œãµã‚ŠãŒãªã€ã®ï¼’ã¤å…¥åŠ›ã™ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã‚ˆãã€‚ ã“ã®å ´åˆã€æ¼¢å—ã‚’å…¥åŠ›ã—ãŸã•ã„ã«ã€ãµã‚ŠãŒãªã‚’è‡ªå‹•å…¥åŠ›ã—ãŸã»ã†ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼çš„ã«æ‰‹é–“ãŒã‹ã‹ã‚Šã¾ã›ã‚“ã€‚ ä¸‹è¨˜ã¿ãŸã„ã«â†“ å®Ÿã¯ã“ã‚Œç°¡å˜ã«å®Ÿè£…ã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ãã‚Œã¯ã€Œjquery.autokana.jsã€ã¨ã„ã†JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã“ã¨ã€‚ ã€Œjquery.autokana.jsã€ã¨ã¯ã€ãµã‚ŠãŒãªã‚’è‡ªå‹•å…¥åŠ›ã—ã¦ãã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚
nao-t 2023/10/02
jQuery

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

tips
ãƒªãƒ³ã‚¯
ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’é–‰ã˜ãŸã‚‰å‹•ç”»ã‚‚å†ç”Ÿåœæ¢ã«ã™ã‚‹æ–¹æ³•ï¼ˆvideoã‚¿ã‚°ç·¨ï¼‰ï½œã‚†ãƒ¼ãŸ å°æ¹¾ç§»ä½ðŸ‡¯ðŸ‡µðŸ‡¹ðŸ‡¼
ã“ã‚“ã«ã¡ã¯ï¼ å¤§é˜ªã§ã‚³ãƒ¼ãƒ€ãƒ¼ã‚’ã—ã¦ã„ã‚‹ã‚†ãƒ¼ãŸã§ã™ã€‚ ä»Šå›žã¯ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’ä½¿ç”¨ã—ã¦ã€ä¸ã«å‹•ç”»ãŒåŸ‹ã‚è¾¼ã¾ã‚Œã¦ã„ã‚‹å ´åˆã«ã€ ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’é–‰ã˜ã‚‹ã¨ã€å†ç”Ÿã•ã‚Œã¦ã„ã‚‹å‹•ç”»ã‚‚è‡ªå‹•çš„ã«å†ç”Ÿåœæ¢ã«ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å®Ÿéš›ã«å®Ÿæ¡ˆä»¶ã§å°‘ã—æ‚©ã‚“ã ã®ã§ã€è¨˜äº‹ã«ã—ã‚ˆã†ã‹ãªã¨æ€ã„ã¾ã—ãŸï¼ ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ¢ãƒ¼ãƒ€ãƒ«å†…ã®å‹•ç”»ãŒé–‹ãã€ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’é–‰ã˜ã‚‹ã¨å‹•ç”»ã‚‚å†ç”Ÿåœæ¢ã—ã¾ã™ã€‚ demoã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™â†“ åŸºæœ¬çš„ãªãƒ¢ãƒ¼ãƒ€ãƒ«ã®è¨˜è¿° åŸºæœ¬çš„ãªãƒ¢ãƒ¼ãƒ€ãƒ«ã¨ã—ã¦ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã‹ã¨æ€ã„ã¾ã™ã€‚â€‹ jQuery(function () { jQuery('.js-modal-open.js-play01').each(function () { jQuery(this).on('click', function () { let target = jQuery(this).data('target'); let modal =
nao-t 2022/09/14
jQuery

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

JavaScript

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

tips
ãƒªãƒ³ã‚¯
WordPressã®REST APIã§ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒç”»åƒã‚’å–å¾—ã™ã‚‹2ã¤ã®æ–¹æ³• | ã‚ªãƒ¬DEV.com
ä»Šå›žã¯WordPressã®REST APIã§ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒç”»åƒã®æƒ…å ±ã‚’å–å¾—ã—ã¾ã™ã€‚ ã‚„ã‚Šæ–¹ã¯å¤§ãã2ã¤ã€‚ ç”»åƒæƒ…å ±å–å¾—ã«ã‚‚REST APIã‚’ä½¿ã†ã‹ã€å‰å›žã®è¨˜äº‹åŒæ§˜ã«è¨˜äº‹ã®APIã«ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒã®æƒ…å ±ã‚’è¿½åŠ ã—ã¦ã—ã¾ã†ã‹ã€ã§ã™ã€‚ ä¸¡æ–¹ç´¹ä»‹ã—ã¾ã™ã€‚ APIã‚’åˆ©ç”¨ã—ã¦ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒã‚’å–å¾— å®Ÿã¯æŠ•ç¨¿(post)ã®REST APIã«ã¯æœ€åˆã‹ã‚‰ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒã®ãƒ‡ãƒ¼ã‚¿ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ ã€ŒæŠ•ç¨¿ã€ã®ã‚¹ã‚ãƒ¼ãƒžã«ã‚ã‚‹ã€Œfeatured_mediaã€ã¨ã„ã†é …ç›®ã§ã™ã€‚ ã“ã“ã«ã¯ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒã«è¨å®šã•ã‚ŒãŸãƒ¡ãƒ‡ã‚£ã‚¢ã®IDãŒå…¥ã£ã¦ã„ã¾ã™ã€‚ REST APIã‚’åˆ©ç”¨ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯(WordPressã§ãªã„ã‚‚ã®)å´ã‹ã‚‰ã¯WordPressã§ã®IDãªã‚“ã‹æ¸¡ã•ã‚Œã¦ã‚‚ã©ã†ã—ã‚ˆã†ã‚‚ãªã„ã‚“ã§ã™ãŒã€ã“ã‚Œã‚’åˆ©ç”¨ã—ã¦ä»Šåº¦ã¯ã€Œãƒ¡ãƒ‡ã‚£ã‚¢ã€ã®APIã‚’å©ãã¨ã‚¢ã‚¤ã‚ãƒ£ãƒƒãƒç”»åƒã®æƒ…å ±ãŒå–å¾—ã§ãã¾ã™ã€‚ ã€Œãƒ¡ãƒ‡ã‚£ã‚¢ã€ã®APIã¸ã‚¢ã‚¯ã‚»ã‚¹ REST APIã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³
nao-t 2022/04/04
jQuery

wordpress

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

Webé–‹ç™º

API
ãƒªãƒ³ã‚¯
jquery.instagramFeed.jsãŒä½¿ãˆãªããªã£ãŸè©±ã€ã‚¢ã‚¯ã‚»ã‚¹ãƒˆãƒ¼ã‚¯ãƒ³ä¸è¦ã€‘
nao-t 2021/09/08
jQuery

instagram
ãƒªãƒ³ã‚¯
jquery.instagramFeedã¨ã„ã†jQueryãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ã‚¤ãƒ³ã‚¹ã‚¿ã‚°ãƒ©ãƒ ã®ä¸€è¦§ã‚’è¡¨ç¤ºã•ã›ãŸã„
å‰æãƒ»å®Ÿç¾ã—ãŸã„ã“ã¨ jquery.instagramFeedã¨ã„ã†jQueryãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ã‚¤ãƒ³ã‚¹ã‚¿ã‚°ãƒ©ãƒ ã®ä¸€è¦§ã‚’è¡¨ç¤ºã•ã›ãŸã„ ç™ºç”Ÿã—ã¦ã„ã‚‹å•é¡Œãƒ»ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ LocalbyFlywheelã‚’ä½¿ã£ãŸãƒãƒ¼ã‚«ãƒ«ç’°å¢ƒã§ã¯ã€ã†ã¾ãå‹•ä½œã™ã‚‹ã®ã§ã™ãŒã€æœ¬ç•ªç’°å¢ƒã«ã‚¢ãƒƒãƒ—ã™ã‚‹ã¨ä¸‹è¨˜ã®ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œã¦å‹•ä½œã—ãªããªã£ã¦ã—ã¾ã† ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ Uncaught SyntaxError: Unexpected token '<' è©²å½“ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ jQuery(function ($) { $(window).on('load', function(){ $.instagramFeed({ 'username': 'ã‚¤ãƒ³ã‚¹ã‚¿ã‚°ãƒ©ãƒ ã®', 'container': "#instagram-feed1", 'display_profile': true, 'display_biography
nao-t 2021/09/08
jQuery

instagram
ãƒªãƒ³ã‚¯
jQuery ã§ innerHTML ã®æ›¸ãæ›ãˆï¼å–å¾—ï¼è¿½è¨˜ï¼å‰Šé™¤ã‚’è¡Œã†æ–¹æ³•
<div> ã‚¿ã‚°ã®å†…å®¹ã‚’ç·¨é›†ã—ãŸã„ï¼ <span> ã‚¿ã‚°ã®å†…å®¹ã‚’ç·¨é›†ã—ãŸã„ï¼ ãã‚“ãªæ™‚ JavaScript ã§ã¯ innerHTML ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’åˆ©ç”¨ã—ã¾ã™ã€‚æŒ‡å®šã—ãŸè¦ç´ ã®ä¸èº«ã‚’å–å¾—ã€æ›¸ãæ›ãˆã€ãã—ã¦å‰Šé™¤ãŒè¡Œãˆã¾ã™ã€‚ã“ã‚Œã‚’ jQuery ã§å®Ÿè£…ã™ã‚‹å ´åˆ .html() ã‚’åˆ©ç”¨ã—ã¾ã™ã€‚ã—ã‹ã— innerHTML ã®å‡¦ç†ã‚’å…¨ã¦ .html() ã«ç½®ãæ›ãˆã‚‹ã®ã¯ãŠã™ã™ã‚ã§ãã¾ã›ã‚“ã€‚ ç”¨é€”ã«å¿œã˜ã¦ã„ãã¤ã‹ã®é–¢æ•°ã‚’ä½¿ã„åˆ†ã‘ã‚‹ã“ã¨ã§ã€å‡¦ç†å†…å®¹ãŒåˆ†ã‹ã‚Šã‚„ã™ã„ãƒ—ãƒã‚°ãƒ©ãƒ ã«ãªã‚Šã¾ã™ã€‚ã§ã¯å…·ä½“çš„ãªå‡¦ç†ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ä¾‹ã«æŒ™ã’ã¦ã€innerHTML ã‚’ jQuery ã§å®Ÿè£…ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã—ã‚‡ã†ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã§ã¯ã€id:hogehoge ã‚’æŒã¤ div è¦ç´ ã«å¯¾ã—ã¦å‡¦ç†ã™ã‚‹ä¾‹ã§èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ãã‚Œãžã‚Œå‡¦ç†ç”¨ãƒœã‚¿ãƒ³ã®ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã‚’èµ·ç‚¹ã«ã€ãƒ—ãƒã‚°ãƒ©ãƒ ãŒèµ°ã‚‹ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¾ã™ã€‚ <div id
nao-t 2021/09/08
]

jQuery

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ãƒ—ãƒã‚°ãƒ©ãƒ

JavaScript
ãƒªãƒ³ã‚¯
ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ‰ï¼ˆslick.jsï¼‰ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º | WEBåˆ¶ä½œã®å‚™å¿˜éŒ²ã‚ã‚‚ ãƒŸãƒ•ãƒWEB
slick.jsã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ ã‚‚ã£ã¨ç´°ã‹ãæŒ‡å®šã—ãŸã„å ´åˆã¯ã€slick.jsã®githubã‚’ã”è¦§ãã ã•ã„ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã“ã‚Œã‚‰ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’ã„ãã¤ã‹è¨å®šã™ã‚‹ã¨ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ $(document).ready(function(){ $('.sample').slick({ autoplay:true, autoplaySpeed:3000, fade:true, dots:true, pauseOnHover:false, swipeToSlide:true, }); }); çŸ¢å°ã‚„ãƒ‰ãƒƒãƒˆã€ä½™ç™½ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º(css) ä¸‹è¨˜ã‚’å‚è€ƒã«cssç·¨é›†ã—ã¦ãã ã•ã„ã€‚ ãƒ‰ãƒƒãƒˆéƒ¨åˆ†ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º ã‚¹ãƒ©ã‚¤ãƒ‰ã®ä¸‹ã«è¡¨ç¤ºã•ã‚Œã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‰ãƒƒãƒˆã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ã™ã€‚ï¼ˆSEO Plusã§ã¯ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«ä½¿ç”¨ã—ã¦ã„ã‚‹ã®ã§ã€ãƒ‰ãƒƒãƒˆã¯è¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ï¼‰ /*ä½ç½®ã‚’å¤‰ãˆã‚‹*/ .slick-
nao-t 2021/09/06
jQuery

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

slick
ãƒªãƒ³ã‚¯
ã€jQueryå…¥é–€ã€‘selectè¦ç´ ã®é¸æŠžãƒ»å–å¾—ãƒ»è¿½åŠ ã¾ã¨ã‚ï¼ | ä¾ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ©ã‚¤ã‚¿ãƒ¼ã®ãƒžã‚µãƒˆã§ã™ï¼ ä»Šå›žã¯ã€jQueryã‹ã‚‰ã€Œselectè¦ç´ ã€ã‚’é¸æŠžã—ãŸã‚Šå–å¾—ãƒ»è¿½åŠ ã™ã‚‹ãŸã‚ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ‰‹æ³•ã«ã¤ã„ã¦å¦ç¿’ã‚’ã—ã¦ãã„ã¾ã—ã‚‡ã†ï¼ ã“ã®è¨˜äº‹ã§ã¯ã€ ã€Œselectè¦ç´ ã€ã¨ã¯ï¼Ÿ ãã‚Œã§ã¯ã€ã¾ãšæœ€åˆã«ã€Œselectè¦ç´ ã€ã«ã¤ã„ã¦ã®åŸºæœ¬çš„ãªçŸ¥è˜ã‹ã‚‰å¦ç¿’ã‚’é€²ã‚ã¦ã„ãã¾ã—ã‚‡ã†ï¼ ã€Œselectè¦ç´ ã€ã¯ã€ä¸€èˆ¬çš„ã«ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ å†…ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«é¸æŠžè‚¢ã‚’æä¾›ã™ã‚‹éš›ã«ä½¿ã‚ã‚Œã‚‹HTMLè¦ç´ ã«ãªã‚Šã¾ã™ã€‚ä¾‹ãˆã°ã€ä»¥ä¸‹ã®ã‚ˆã†ãªé¸æŠžãƒ•ã‚©ãƒ¼ãƒ ã‚’è¦‹ãŸã“ã¨ãŒã‚ã‚‹äººã‚‚å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ä¸Šè¨˜ã®ã‚ˆã†ãªãƒªã‚¹ãƒˆã‹ã‚‰1ã¤ã ã‘é¸æŠžè‚¢ã‚’é¸ã‚“ã ã‚Šã€è¤‡æ•°ã®é¸æŠžè‚¢ã‚’é¸ã¶ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ãã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé¸ã‚“ã é …ç›®ã¯jQueryã‹ã‚‰å–å¾—ã—ã¦ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«çµ„ã¿è¾¼ã‚€ã“ã¨ãŒã§ãã‚‹ã®ã§ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯ã€ã“ã®ã€Œselectè¦ç´ ã€ã‚’jQueryã‹ã‚‰æ“ä½œã™ã‚‹ãŸã‚ã®åŸºæœ¬ã‹ã‚‰å¿œç”¨æŠ€ã¾ã§è©³ã—ãè§£èª¬ã—ã¦ã„ãã¾ã™ã®ã§ãœã²å‚è€ƒã«ã—ã¦
nao-t 2021/03/11
jQuery

Webåˆ¶ä½œ

WebçŸ¥è˜

Webé–‹ç™º
ãƒªãƒ³ã‚¯
ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã®Uploadã‚’å®Ÿç¾ã™ã‚‹ã€Œdropzone.jsã€ - Tecuration .com
ã€Œdropzone.jsã€ã¯ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’Uploadã™ã‚‹UIã‚’æä¾›ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ dropzone.js ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ã€Œdropzone.jsã€ã®ç‰¹ç†ã™ã¹ãç‚¹ã¯ãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã®é«˜ã•ã¨ã€å®Ÿè£…ã®ç°¡å˜ã•ã«ã‚ã‚Šã¾ã™ã€‚ã¾ãšãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ‡ãƒ¢ç”»åƒã‚’é€šã˜ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Uploadã™ã‚‹å‰ã¯ã“ã®ã‚ˆã†ãªçŠ¶æ…‹ã§ã™ã€‚ ç”»åƒã‚’ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã—ã¾ã™ã€‚ã™ã‚‹ã¨UploadãŒå§‹ã¾ã‚Šã¾ã™ã€‚ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã€ã©ã‚Œãã‚‰ã„ã§å‡¦ç†ãŒå®Œäº†ã™ã‚‹ã‹ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ ç”»åƒã®UploadãŒå®Œäº†ã—ã¾ã—ãŸã€‚ã“ã®ã‚ˆã†ã«ãƒŸãƒ‹ã‚µã‚¤ã‚ºã®ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã§ã¯ã€ã€Œdropzone.jsã€ã®æœ€ã‚‚åŸºæœ¬çš„ãªå®Ÿè£…æ–¹æ³•ã«ã¤ã„ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã¾ãšã¯å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script src="dropzone.min.js"></script> HTMLã¯ã“
nao-t 2013/06/19
Webé–‹ç™º

jQuery

ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰
ãƒªãƒ³ã‚¯
Drag and Dropã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç°¡å˜ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚Œã‚‹Dropzone.js - WebDelog
dropzonejs.com 2014æœˆ7æœˆ1æ—¥: dropzone.js ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒä¸ŠãŒã‚Šã€ä»¥å‰ã®è¨˜äº‹ã®å†…å®¹ã§ã¯å‹•ä½œã—ãªã„ã‚‚ã®ãŒå¤šããªã£ã¦ã„ãŸãŸã‚ã€2014å¹´7æœˆ1æ—¥æ™‚ç‚¹ã§ã®æœ€æ–°ç‰ˆ 3.10.2 ã®ä»•æ§˜ã«ã‚ã‚ã›ã¦è¨˜äº‹å†…å®¹ã‚’è¦‹ç›´ã—ã€æ”¹è¨‚ã—ã¦ã„ã¾ã™ã€‚(æ›´æ–°ãŒé…ããªã£ã¦ã—ã¾ã£ã¦ã™ã¿ã¾ã›ã‚“ã€‚) ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¯ Chrome 7+ Firefox 4+ IE 10+ Opera 12+ (Macç‰ˆã®Operaã§ã¯ãƒã‚°ãŒã‚ã‚‹ãŸã‚ç¾åœ¨ã¯ç„¡åŠ¹ã®ã‚ˆã†ã§ã™) Safari 5+ ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ãŒåˆ©ç”¨ã§ããªã„ãƒ–ãƒ©ã‚¦ã‚¶ã®ãŸã‚ã«ã¯ã€ ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨input:fileã§è¡¨ç¤ºã•ã‚Œã‚‹ãƒ•ã‚¡ã‚¤ãƒ«é¸æŠžã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’è¡¨ç¤ºã•ã›ãŸã‚Šã€ å‹•ä½œã—ãªã‹ã£ãŸã¨ãã®å‡¦ç†ã‚’æ›¸ã„ã¦å¯¾å¿œã™ã‚‹ã“ã¨ãŒå¯èƒ½ã¨ãªã£ã¦ã„ã¾ã™ã€‚ å‹•ä½œæ–¹æ³• ã¾ãšå®Ÿéš›ã«å‹•ã‹ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ äº‹å‰ã«dropzoneã‚’ä¸‹è¨˜ã‚ˆã‚Šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—
nao-t 2013/06/19
Webé–‹ç™º

Webåˆ¶ä½œ

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

jQuery

ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰
ãƒªãƒ³ã‚¯
jQueryã¨HTML5ã§ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’å®Ÿç¾ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
jQuery HTML5 Drag-and-Drop File Upload | LearnComputer jQueryã¨HTML5ã§ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’å®Ÿç¾ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ jQueryã®filedropãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã„ã¤ã¤ã‚µãƒ¼ãƒã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ãŸã‚ã®JavaScriptã¨PHPã‚³ãƒ¼ãƒ‰ã®ä¾‹ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ JSéƒ¨åˆ†ã®ã‚³ãƒ¼ãƒ‰ä¾‹ã€‚ã‚¢ãƒƒãƒ—å…ˆã®PHPã‚¨ãƒ³ãƒˆãƒªãƒã‚¤ãƒ³ãƒˆã€ã‚¢ãƒƒãƒ—é–‹å§‹ã€çµ‚äº†æ™‚ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ãŒæŒ‡å®šã§ãã¾ã™ã€‚ PHPå´ã§ã¯ $_FILES ã‚’ä½¿ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å—ã‘å–ã‚‹ã¨ã„ã†ç°¡å˜ãªç‰©ã«ãªã£ã¦ã„ã¾ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®ãƒ¬ã‚¸ãƒ¥ãƒ¼ãƒ ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§è¡Œãˆã‚‹ã€ŒResumable.jsã€ ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰é–¢é€£ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼‘ï¼ PHPã‚’ä½¿ã£ãŸAjaxãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«ï¼‘ï¼
nao-t 2013/06/19
jQuery

html5

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰

Webé–‹ç™º
ãƒªãƒ³ã‚¯
JavaScript / jQueryã§tableã®è¡Œã‚’ã€Œè¿½åŠ ã€ã€Œå‰Šé™¤ã€ã€Œç§»å‹•ã€ã€Œå¤‰æ›´ã€ã•ã›ã‚‹æ–¹æ³•
ã¾ãšã€Œãƒªã‚¹ãƒˆé¸æŠžã€ã®åˆ—ã®é¸æŠžè‚¢ã‹ã‚‰ã€ŒBã€ã‚’é¸æŠžã—ã¾ã™ã€‚ â‡’ã€Œãƒªã‚¹ãƒˆåã€ãŒã€ŒBã€ã«å¤‰æ›´ã•ã‚Œã¾ã™ã€‚ï¼ˆå¤‰æ›´ï¼‰ã€Œè¿½åŠ /å‰Šé™¤ã€ã®åˆ—ã®ã€Œ+ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã¾ã™ã€‚ â‡’è¡ŒãŒè¿½åŠ ã•ã‚Œã¾ã™ã€‚ï¼ˆè¿½åŠ ï¼‰è¿½åŠ ã•ã‚ŒãŸè¡Œã®ã€Œãƒªã‚¹ãƒˆé †ã€ã®åˆ—ã®ã€Œâ†‘ã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ â‡’è¡ŒãŒä¸Šã¸ç§»å‹•ã—ã¾ã™ã€‚ï¼ˆç§»å‹•ï¼‰ç§»å‹•ã—ãŸè¡Œã®ã€Œãƒªã‚¹ãƒˆé †ã€ã®åˆ—ã®ã€Œâ†“ã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ â‡’è¡ŒãŒä¸‹ã¸ç§»å‹•ã—ã¾ã™ã€‚ï¼ˆç§»å‹•ï¼‰æœ€å¾Œã«ã€å¥½ããªè¡Œã®ã€Œè¿½åŠ /å‰Šé™¤ã€ã®åˆ—ã®ã€Œ-ã€ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ã¾ã™ã€‚ â‡’è¡ŒãŒå‰Šé™¤ã•ã‚Œã¾ã™ã€‚ï¼ˆå‰Šé™¤ï¼‰ ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ã¾ã‚ã€ã‚ˆãã‚ã‚‹æ©Ÿèƒ½ã§ã™ãã€‚ã§ã¯ã€ã“ã®æ©Ÿèƒ½ã®å®Ÿè£…æ–¹æ³•ã«ã¤ã„ã¦ä»¥ä¸‹ã«ã¾ã¨ã‚ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ HTML HTMLã§ã¯ã€ä»¥ä¸‹ã®ç‚¹ãŒãƒã‚¤ãƒ³ãƒˆã¨ãªã‚Šã¾ã™ã€‚ ãã‚Œãžã‚Œã®æ©Ÿèƒ½ã‚’ç™ºç”Ÿã•ã›ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’ã‚»ãƒƒãƒˆã—ã¦ãŠãã¾ã™ã€‚æ“ä½œã®å¯¾è±¡ã¨ãªã‚‹ã€Œè¡Œã€ã®éƒ¨åˆ†ã¯<tbody>ã‚¿ã‚°å†…ã«è¨˜è¿°ã™ã‚‹ã‚ˆã†ã«ã—ã¾ã™ï¼ˆã“ã‚ŒãŒå¾Œã€…å¤§äº‹ã«ãªã‚Šã¾ã™ï¼‰ã€‚JavaScrip
nao-t 2013/04/23
jQuery

Webé–‹ç™º

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

ãƒœã‚¿ãƒ³
ãƒªãƒ³ã‚¯
jQueryã§ã€Œãƒšãƒ¼ã‚¸é·ç§»æ™‚ã«æŒ‡å®šè¦ç´ ã‚’ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ãƒ»ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã•ã›ã‚‹æ©Ÿèƒ½ã€ã‚’å®Ÿè£…
æµ·å¤–ã®ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ã¨ãƒªãƒƒãƒãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãŒå®Ÿè£…ã•ã‚ŒãŸã‚‚ã®ãŒå¢—ãˆã¦ãã¦ã„ã‚‹ã®ã«æ°—ä»˜ãã¾ã™ã€‚ç§ã‚‚ãã®æ³¢ã«ä¹—ã£ã¦ã„ããŸã„ã®ã§ã€ä»Šå¹´ã¯ã€ã“ã®ãƒ–ãƒã‚°ã«å¯¾ã—ã¦ã€ŒUIã®å¼·åŒ–ã€ã‚’ç›®æ¨™ã«ã„ã‚ã„ã‚ã‚„ã£ã¦ã„ã“ã†ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ãã®ç¬¬ä¸€å¼¾ã¨ã—ã¦ã€ã‚¿ã‚¤ãƒˆãƒ«ã®é€šã‚Šã€Œãƒšãƒ¼ã‚¸é·ç§»æ™‚ã«æŒ‡å®šè¦ç´ ã‚’ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ãƒ»ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã•ã›ã‚‹æ©Ÿèƒ½ã€ã‚’å®Ÿè£…ã—ã¦ã¿ã¾ã—ãŸã€‚è©³ã—ãè¨€ã†ã¨ã‚µã‚¤ãƒˆå†…ã®ãƒšãƒ¼ã‚¸é–“ã‚’ç§»å‹•ã™ã‚‹éš›ã«ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆéƒ¨åˆ†ã®è¡¨ç¤ºã¯æ®‹ã—ãŸã¾ã¾ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„éƒ¨åˆ†ï¼ˆãƒ–ãƒã‚°ã®è¨˜äº‹ï¼‰ã®ã¿ã‚’ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã•ã›ã€ãƒšãƒ¼ã‚¸é·ç§»å¾Œã‚‚åŒæ§˜ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„éƒ¨åˆ†ï¼ˆãƒ–ãƒã‚°ã®è¨˜äº‹ï¼‰ã®ã¿ã‚’ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã•ã›ã‚‹ã¨ã„ã£ãŸæ©Ÿèƒ½ã§ã™ã€‚æ©Ÿèƒ½ã®å®Ÿè£…ã¯æ„å¤–ã¨ç°¡å˜ã§jQueryã¨ãã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§å®Ÿç¾å¯èƒ½ã§ã—ãŸã€‚ ãƒšãƒ¼ã‚¸é·ç§»æ™‚ã«#contentã®éƒ¨åˆ†ã‚’ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ãƒ»ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã•ã›ã‚‹å®Ÿè£…æ–¹æ³•ã«ã¤ã„ã¦ä»¥ä¸‹ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒªãƒ³ã‚¯ã®ã‚¯ãƒªãƒƒã‚¯æ™‚ã«æŒ‡å®šå€‹æ‰€ã‚’ãƒ•ã‚§ã‚¤ãƒ‰ã‚¢ã‚¦ãƒˆã•ã›
nao-t 2013/04/04
Webé–‹ç™º

jQuery
ãƒªãƒ³ã‚¯
$(document).ready();ã«ã¤ã„ã¦ - monjudohâ€™s diary
jQueryä½¿ç”¨æ™‚ã«ä»¥ä¸‹ã®æ›¸ãæ–¹ã‚’ã™ã‚‹ã¨ã€ã©ã‚Œã‚’ä½¿ã£ã¦ã‚‚DOMæ§‹ç¯‰å¾Œã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§å®Ÿè¡Œã—ãŸã„å‡¦ç†ã‚’å®Ÿè¡Œã§ãã‚‹ã€‚ $(document).ready(function(){ /*å®Ÿè¡Œã—ãŸã„å‡¦ç†*/ }); $().ready(function(){ /*å®Ÿè¡Œã—ãŸã„å‡¦ç†*/ }); $(function(){ /*å®Ÿè¡Œã—ãŸã„å‡¦ç†*/ }); ä»¥ä¸‹ã®ã‚ˆã†ã«è¤‡æ•°å›žå®Ÿè¡Œã—ãŸå ´åˆã¯$(function(){/**/});ã‚’å®Ÿè¡Œã—ãŸé †ã«ã€ ä¸ã®é–¢æ•°ãŒå®Ÿè¡Œã•ã‚Œã‚‹ã®ã§ä»¥ä¸‹ã®å ´åˆã¯ã€DOMæ§‹ç¯‰å¾Œã«consoleã«æ”¹è¡Œã‚’æŒŸã‚“ã§1,2,3ã¨é †ç•ªã«å‡ºã‚‹ã€‚ $(function(){ console.info(1); }); $(function(){ console.info(2); }); $(function(){ console.info(3); }); è‡ªä¿¡ãŒãªã„ã®ã§ã€ä¸€å¿œã€ã‚³ãƒ¼ãƒ‰ã®è©²å½“ç®‡æ‰€ã‚’ç¢ºèª jQue
nao-t 2013/04/03
jQuery

JavaScript

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
jQuery 1.9 ã«æ›´æ–°ã™ã‚‹éš›ã«æ³¨æ„ã™ã¹ãå¤‰æ›´ç‚¹ã®è‡ªåˆ†ãªã‚Šã®ã¾ã¨ã‚ | ç§çš„ãªjQueryä»–
jQuery Core 1.9 Upgrade Guide | jQuery ã®ã€ŒChanges of Note in jQuery 1.9ã€ã‚’èªã‚“ã§ã€ è‡ªåˆ†ãªã‚Šã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ èª¤è¨³ã—ã¦é–“é•ã£ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¦ãŸã‚Šã€ æœ€æ–°ã®æƒ…å ±ã§ãªã„ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ èªã¾ã‚Œã‚‹éš›ã¯ã”æ³¨æ„ä¸‹ã•ã„ã€‚ ï¼ˆâ€»ãƒšãƒ¼ã‚¸ã‚’ãã®ã¾ã¾è¨³ã—ãŸã‚ã‘ã§ã¯ãªã„ã¨ã€æ€ã„ã¾ã™ï¼‰ jQuery 1.9 ã§ã¯ API ã®å‰Šé™¤ã‚„ æŒ™å‹•ã®å¤‰æ›´ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¯ã€å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‹ã‚‰æ›´æ–°ã—ãŸæ™‚ã€ æ—¢å˜ã®ã‚³ãƒ¼ãƒ‰ã«å½±éŸ¿ãŒã§ãã†ãªå¤‰æ›´ã‚’ ä¸¦ã¹ãŸã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚ å¤‰æ›´ç‚¹ã‚’å…¨éƒ¨ç¶²ç¾…ã—ã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ç®‡æ¡æ›¸ãã«ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ï¼š å‰Šé™¤ã•ã‚ŒãŸæ©Ÿèƒ½ .toggle(function, function) ã®ç”¨æ³• jQuery.browser() .live()ã¨.die() jQuery.sub() document ä»¥å¤–ã®è¦ç´ ã§ã® A
nao-t 2013/02/04
][Webåˆ¶ä½œ]

jQuery

JavaScript
ãƒªãƒ³ã‚¯
ã‚¨ãƒ•ã‚§ã‚¯ãƒˆæ“ä½œï¼šåŸºæœ¬ï½œjQuery APIãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ï½œAjaxï½œPHP & JavaScript Room
ãƒžãƒƒãƒã—ãŸè¦ç´ ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰è¡¨ç¤ºã—ã¾ã™ã€‚ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®ç¬¬2å¼•æ•°callbackã‚’æŒ‡å®šã—ãŸå ´åˆã¯ã€è¦ç´ ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å®Œäº†æ™‚ã«æŒ‡å®šã—ãŸã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ ãƒžãƒƒãƒã—ãŸå„è¦ç´ ã®é«˜ã•ãƒ»å¹…ãƒ»é€æ˜Žåº¦ã¯ã€æŒ‡å®šã—ãŸé€Ÿåº¦ã«ã—ãŸãŒã£ã¦å‹•çš„ã«å¤‰æ›´ã•ã‚Œã¾ã™ã€‚ jQuery v1.3ã‹ã‚‰ã¯ã€paddingã¨marginãŒã‚ˆã‚Šæ»‘ã‚‰ã‹ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ç¬¬1å¼•æ•°speedã«ã¯ã€è¦ç´ ã‚’è¡¨ç¤ºæ™‚ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é€Ÿåº¦ã‚’æŒ‡å®šã—ã¾ã™ã€‚ æ•°å€¤ï¼ˆãƒŸãƒªç§’ï¼‰ã‚ã‚‹ã„ã¯æ–‡å—åˆ—ã‚’æŒ‡å®šå¯èƒ½ã§ã™ã€‚ æ•°å€¤ã®å ´åˆã€ä¾‹ãˆã°3ç§’ãªã‚‰ã€Œ3000ã€ã‚’æŒ‡å®šã—ã¾ã™ã€‚ æ–‡å—åˆ—ã®å ´åˆã€ã‚ã‚‰ã‹ã˜ã‚å®šç¾©ã•ã‚Œã¦ã„ã‚‹é€Ÿåº¦ï¼ˆã€Œslowã€ï¼ˆã‚†ã£ãã‚Šï¼‰ã€ã€Œnormalã€(é€šå¸¸ï¼‰ã€ã€Œfastã€ï¼ˆé€Ÿãï¼‰ï¼‰ã®ã„ãšã‚Œã‹ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã®ç¬¬2å¼•æ•°callbackã«ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Œäº†ã—ãŸæ™‚ã«å®Ÿè¡Œã™ã‚‹é–¢æ•°ã‚’æŒ‡å®šã—ã¾ã™ã€‚ é–¢æ•°ãŒå®Ÿè¡Œã•ã‚Œã‚‹
nao-t 2012/12/17
JavaScript

jQuery

css

Ajax
ãƒªãƒ³ã‚¯
File APIãã®å¾Œä½¿ã£ã¦ã¿ã¦ - ãã‚Œãƒžã‚°ã§ï¼
ãƒ•ã‚¡ã‚¤ãƒ«APIã‚’ãã®å¾Œã¡ã‚‡ã£ã¨ä½¿ã†æ©Ÿä¼šãŒã‚ã£ãŸã€‚ã„ãã¤ã‹æ°—ã¥ã„ãŸã“ã¨ãŒã‚ã£ãŸã®ã§ãƒ¡ãƒ¢ The File object provides information about -- and access to the contents of -- files. These are generally retrieved from a FileList object returned as a result of a user selecting files using the input element, or from a drag and drop operation's DataTransfer object. input type fileä»¥å¤–ã§ã‚‚ãƒ•ã‚¡ã‚¤ãƒ«ã¯å–ã‚Œã‚‹ãŒ ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã¯ DataTransfer ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆçµŒç”± XmlHttp ã¯ BlobBuilder çµŒç”± da
nao-t 2012/12/15
jQuery

form

Webé–‹ç™º

API

Ajax
ãƒªãƒ³ã‚¯
CMLog :: jQueryã§åãƒŽãƒ¼ãƒ‰ã®å…¨å‰Šé™¤
jQueryã§åãƒŽãƒ¼ãƒ‰ã®å…¨å‰Šé™¤ åãƒŽãƒ¼ãƒ‰ã‚’å…¨ã¦å‰Šé™¤ã™ã‚‹ (removeChild)ã§"åãƒŽãƒ¼ãƒ‰ã‚’å…¨ã¦å‰Šé™¤ã™ã‚‹ã«ã¯åãƒŽãƒ¼ãƒ‰ã®æ•°ã ã‘for()ã‚’ä½¿ã£ã¦ç¹°ã‚Šè¿”ã—removeChild()ã‚’å®Ÿè¡Œã—ã¾ã™ã€‚"ã¨ã„ã†ã®ãŒjQueryãªã‚‰ã°ã€ $('#ID').children().remove(); ã§å®Ÿç¾ã§ãã‚‹ã€‚æ¥½ã§ã™ãâ€•ã€‚ã§ã‚‚ã€ä¸èº«ãŒæ¶ˆãˆãã‚‰ãªã„äº‹ãŒã‚ã‚‹ã€‚ç›´å±žã®ãƒ†ã‚ã‚¹ãƒˆãƒŽãƒ¼ãƒ‰ãŒã‚ã‚‹ã¨æ¶ˆãˆãªã„ã®ã ã€‚ãã†ã„ã†æ™‚ã¯ã€ $('#ID').text(''); ã§ï¼¯ï¼«ã€‚ç°¡å˜ã ãã€‚
nao-t 2012/12/04
jQuery

Webé–‹ç™º
ãƒªãƒ³ã‚¯
jQueryã‚¼ãƒã‹ã‚‰ / ã‚ªãƒ¼ãƒˆãƒãƒ¼ãƒ‰(ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨æ¬¡ã®ãƒšãƒ¼ã‚¸ã‚’è‡ªå‹•èªã¿è¾¼ã¿) | ã‚†ã‚‹ã¶ | ãƒšãƒ¼ã‚¸ 513
ç”»é¢ä¸‹ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨æ¬¡ã®ãƒšãƒ¼ã‚¸ã‚’èªã¿è¾¼ã‚“ã§ãã‚Œã‚‹ãƒ¤ãƒ„ã§ã™ãã€‚ ã‚¤ãƒã‚¤ãƒè¦‹ã¦ã‚‹ã¨æ¬¡ã®ã‚ˆã†ãªè€ƒãˆæ–¹ã¿ãŸã„ã™ã€‚ å¯¾è±¡ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸‹ç«¯ã®ä½ç½®åº§æ¨™ãŒè¡¨ç¤ºã‚¨ãƒªã‚¢(ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ä¸‹ç«¯)ã«è¿‘ã¥ã„ãŸã‚‰ã€ç¶šãã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ã“ã‚Œã‚’ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸæ™‚ã«ãƒã‚§ãƒƒã‚¯ã€‚ ã¾ãšã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸‹ç«¯ã®ä½ç½®åº§æ¨™ã‚’æ±‚ã‚ã‚‹ã€‚å¯¾è±¡ã‚¨ãƒªã‚¢ã® id å±žæ€§ãŒ target ãªã‚‰ã€ä»¥ä¸‹ã€‚
nao-t 2012/01/18
jQuery

è‡ªå‹•ãƒšãƒ¼ã‚¸é€ã‚Š
ãƒªãƒ³ã‚¯
1