[B! ãƒ•ã‚©ãƒ¼ãƒ ] nonsectã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nonsect id:nonsect

ãƒ•ã‚©ãƒ¼ãƒ ã«é–¢ã™ã‚‹nonsectã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

Â» reCAPTCHA v3 å…¥ã‚Œã¦ã¿ãŸ TECHSCORE BLOG
ã“ã‚Œã¯Â TECHSCORE Advent Calendar 2018Â ã®6æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€å‰ç”°ã§ã™ã€‚ 2018/10/29ã«Googleã‹ã‚‰reCAPTCHAã®æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³reCAPTCHA v3ãŒæ£å¼å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ ä»¥å‰ã€Invisible reCAPTCHAã‚’ã“ã®ãƒ–ãƒã‚°ã§ã”ç´¹ä»‹ã—ãŸã“ã¨ã‚‚ã‚ã‚Šã€ä»Šå›žã‚‚Synergy!ã®ãƒ•ã‚©ãƒ¼ãƒ ã«reCAPTCHA v3ã‚’é©ç”¨ã—ã¦ã¿ã¾ã—ãŸã€‚ ã¨ã†ã¨ã†ç”»åƒé¸æŠžãŒãªããªã£ãŸ!? reCAPTCHA v3ã®ç‰¹å¾´ã¨ã—ã¦ã€ç”»åƒé¸æŠžãŒå®Œå…¨ã«ç„¡ããªã‚Šã¾ã—ãŸã€‚ã‚‚ã†ã€Œåº—èˆ—ã‚‚é“è·¯æ¨™è˜ã‚‚ç²—ã™ãŽã¦è¦‹ãˆãªã„ã£!!!ã€ã¨ãªã‚‹ç”»åƒã‚’æŽ¢ã•ãªãã¦è‰¯ã„ã®ã§ã™ã€‚ ã§ã¯ã€ã©ã†ã‚„ã£ã¦botã«ã‚ˆã‚‹ã‚¢ã‚¯ã‚»ã‚¹ã‹åˆ¤æ–ã‚’ã™ã‚‹ã®ã‹ã¨ã„ã†ã¨ã€é–²è¦§è€…ã®ãƒšãƒ¼ã‚¸å†…ã§ã®è¡Œå‹•ã‚’ã‚¹ã‚³ã‚¢ã¨ã—ã¦ç®—å‡ºã—botã‚’åˆ¤åˆ¥ã—ã¾ã™ã€‚reCAPTCHA v3ã‚’é…ç½®ã—ãŸãƒšãƒ¼ã‚¸ã§é–²è¦§è€…ã®å‹•ãã‚’å¦ç¿’ã—ã€åˆ©ç”¨ãŒå¢—ãˆã‚‹ã¨ã¨ã‚‚ã«ã‚¹ã‚³ã‚¢ã®
nonsect 2022/12/29
reCAPTCHA

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
MW WP Form ã®ä½¿ã„æ–¹
WordPressã®ãƒ•ã‚©ãƒ¼ãƒ ç”Ÿæˆãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯å¤šæ•°å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä¼æ¥ãƒ¦ãƒ¼ã‚¹ã®å ´åˆã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®æŸ”è»Ÿæ€§ã‚„ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã€ç¢ºèªç”»é¢æ©Ÿèƒ½ãªã©ã§ä¸ä¾¿ã‚’æ„Ÿã˜ã‚‹ã“ã¨ãŒå°‘ãªãã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ãã“ã§ã€ãã‚Œã‚‰ã®ç‚¹ã‚’æ”¹å–„ã—ãŸã€æŸ”è»Ÿãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ€§ãŒé…åŠ›ã®ãƒ•ã‚©ãƒ¼ãƒ ç”ŸæˆWordPressãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMW WP Formã€ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ å…¬å¼ãƒžãƒ‹ãƒ¥ã‚¢ãƒ« MW WP Form ã®è©³ç´°ã¯ä¸‹è¨˜ã®å…¬å¼ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã‚µã‚¤ãƒˆã‚’ã”è¦§ãã ã•ã„ã€‚
nonsect 2022/09/05
wordpress

ãƒ•ã‚©ãƒ¼ãƒ

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
input[type=date]ã®æŒ™å‹•ã¨Datepicker
input[type=date] ã‚’ä½¿ã£ãŸæ™‚ã®æŒ™å‹•ã€å®Ÿã¯ã„ã¾ã ã«ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¾ã¡ã¾ã¡ã€‚ Chrome ã¯ãƒãƒ¼ãƒ—ãªãƒ”ãƒƒã‚«ãƒ¼ã‚’ç”³ã—è¨³ç¨‹åº¦ã«è¡¨ç¤ºã™ã‚‹ã‚“ã ã‘ã©ã€macOS ç‰ˆã® Safari ã«è‡³ã£ã¦ã¯ãƒ”ãƒƒã‚«ãƒ¼ã™ã‚‰å‡ºã—ã¦ãã‚Œãªã„ã€‚ãŸã ã— iOSã€iPad OS ç‰ˆã® Safari ã¯ã¡ã‚ƒã‚“ã¨ã—ãŸãƒ”ãƒƒã‚«ãƒ¼ã‚’è¡¨ç¤ºã—ã¦ãã‚Œã‚‹ã€‚ ãªã®ã§ iPhoneã€iPad ã®å ´åˆã¯ OS ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ”ãƒƒã‚«ãƒ¼ã‚’ã€ãã‚Œä»¥å¤–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®å ´åˆã¯ jQuery ã§ã‚‚ãªã‚“ã§ã‚‚ã„ã„ã‚“ã ã‘ã© Datepicker çš„ãªã‚‚ã®ã‚’è¡¨ç¤ºã™ã‚‹ã‚ˆã†ã«ã—ã¦ã¿ãŸã€‚ ã¾ãšã¯åŸºæœ¬ ã¾ãšã¯åŸºæœ¬çš„ã«ã‚ˆãã‚„ã‚‹ã‚ˆã†ãªãƒ‘ã‚¿ãƒ¼ãƒ³ã€‚ä»¥ä¸‹ã®ã‚ˆã†ãª HTML ã‚’ç”¨æ„ã™ã‚‹ã€‚ <input type="text" class="datepicker"> æ¬¡ã«ä»¥ä¸‹ã®ã‚ˆã†ãª JavaScript ã‚’ç”¨æ„ã™ã‚‹ã€‚ $( () => { $("input.datepicker"
nonsect 2022/04/10
ãƒ•ã‚©ãƒ¼ãƒ

iphone

ios

safari

jquery
ãƒªãƒ³ã‚¯
Sign-in form best practices Â |Â Articles Â |Â web.dev
Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.
nonsect 2022/02/07
ãƒ•ã‚©ãƒ¼ãƒ

web

é–‹ç™º

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
å¿…è¦ãªå ´åˆã ã‘ JavaScript ã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ãƒãƒ¼ãƒ‰ã•ã›ã‚‹ã«ã¯
ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®è¨å®šã§ã¯ã€Contact Form 7 ã¯ãã® JavaScript ã¨ CSS ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ã™ã¹ã¦ã®ãƒšãƒ¼ã‚¸ã«ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ãã£ã¨ã€ã“ã‚“ãªç„¡é§„ã®å¤šã„ã‚„ã‚Šæ–¹ã‚’ã‚„ã‚ã¦ã€ã‚³ãƒ³ã‚¿ã‚¯ãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’å«ã‚€ãƒšãƒ¼ã‚¸ã«ã ã‘ãƒãƒ¼ãƒ‰ã™ã‚Œã°ã„ã„ã®ã«ã€ã¨è€ƒãˆã¦ã„ã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ãã®æ°—æŒã¡ã¯ã‚ˆãã‚ã‹ã‚Šã¾ã™ãŒã€æŠ€è¡“çš„ãªå›°é›£ãŒã‚ã£ã¦ã€ãƒšãƒ¼ã‚¸ã‚’ãƒãƒ¼ãƒ‰ã™ã‚‹æ™‚ç‚¹ã§ãã®ãƒšãƒ¼ã‚¸ãŒã‚³ãƒ³ã‚¿ã‚¯ãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’å«ã‚“ã§ã„ã‚‹ã‹ã©ã†ã‹ã‚’åˆ¤æ–ã™ã‚‹ã“ã¨ãŒãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã¨ã£ã¦é›£ã—ã„ã®ã§ã™ã€‚ã¨ã‚‚ã‚ã‚Œã€å¤šå°‘çŠ¶æ³ã‚’è‰¯ãã™ã‚‹ã‚ˆã†ãªæ–¹æ³•ã‚’æç¤ºã™ã‚‹ã“ã¨ãªã‚‰ã§ããªãã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚ ã‚¹ãƒ†ãƒƒãƒ— 1: ã™ã¹ã¦ã®ãƒšãƒ¼ã‚¸ã§ JavaScript ã¨ CSS ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ãƒãƒ¼ãƒ‰ã—ãªã„ã‚ˆã†ã«ã™ã‚‹ å®šæ•° WPCF7_LOAD_JS ã®å€¤ãŒ false ã®å ´åˆ(ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆå€¤ã¯ true)ã€Contact Form 7 ã¯ JavaScript ã®ãƒãƒ¼ãƒ‰ã‚’è¡Œã„ã¾ã›ã‚“ã€‚æ¬¡ã®ã‚ˆ
nonsect 2020/12/22
wordpress

ãƒ•ã‚©ãƒ¼ãƒ

contact form 7
ãƒªãƒ³ã‚¯
Laravel + Vue ã§å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã¤ãã‚‹
ã•ã¦ã•ã¦ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã‚’ã—ã¦ã„ã‚‹ã¨ã‚ˆãå¿…è¦ã«ãªã‚‹æ©Ÿèƒ½ã®ã²ã¨ã¤ã«ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ãŒã‚ã‚Šã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã•ã‚“ã ã‘ãŒåˆ©ç”¨ã™ã‚‹ã‚¿ã‚¤ãƒ—ã®ã‚µã‚¤ãƒˆãªã‚‰ä¸è¦ã§ã™ãŒã€ãã‚Œä»¥å¤–ã¯ã ã„ãŸã„ã©ã®ã‚ˆã†ãªã‚µã‚¤ãƒˆã§ã‚‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé‹å–¶è€…ã«é€£çµ¡ãŒã§ãã‚‹ã‚ˆã†ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‚’é–‹è¨ã—ã¦ã„ã¾ã™ã€‚ ãã“ã§ã€ä»Šå›žã¯æ¯”è¼ƒçš„ã”è¦æœ›ãŒå¤šã„ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ Larave + Vueã§ä½œã£ã¦ã¿ã¾ã™ã€‚ ã„ã¤ã‚‚ã®å†…å®¹ã‚ˆã‚ŠåŸºæœ¬çš„ãªå†…å®¹ãŒå¤šããªã£ã¦ã„ã‚‹ã®ã§ã€ãœã²å‚è€ƒã«ã—ã¦ãã ã•ã„ãã€‚ï¼ˆæœ€å¾Œã«ä»Šå›žã®ãƒ—ãƒã‚°ãƒ©ãƒ ã‚³ãƒ¼ãƒ‰ä¸€å¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ï¼ï¼‰ é–‹ç™ºç’°å¢ƒï¼š Laravel 5.7 ã‚„ã‚ŠãŸã„ã“ã¨ ä»Šå›žé–‹ç™ºã™ã‚‹å†…å®¹ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã§ã™ã€‚ å•ã„åˆã‚ã›å†…å®¹ã‚’ãƒ¡ãƒ¼ãƒ«ã§é€ä¿¡ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆå…¥åŠ›ãƒã‚§ãƒƒã‚¯ï¼‰ã‚’ã™ã‚‹ Ajaxé€šä¿¡ã§é€ä¿¡ï¼ˆãƒšãƒ¼ã‚¸ã®ç§»å‹•ã¯ãªã—ï¼‰ ã§ã¯å®Ÿéš›ã«é–‹ç™ºã—ã¦ã„ãã¾ã—ã‚‡ã†ï¼ ãŠå•ã„åˆã‚ã›ã®å…¥åŠ›ãƒšãƒ¼ã‚¸ã‚’ã¤ãã‚‹ï¼ˆãƒ‡ã‚¶
nonsect 2019/05/16
laravel

Vue

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã¯ãƒ•ã‚©ãƒ¼ãƒ ã®ã©ã“ã«è¡¨ç¤ºã™ã‚‹ã¹ãã‹
UX Movementã®è‘—è€…ãŠã‚ˆã³è¨ç«‹è€…ã§ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚ãƒ«ã®é–‹ç™ºã‚’æ‰‹åŠ©ã‘ã—ã¦ã‚ˆã‚Šãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãªä¸–ç•Œã®ãŸã‚ã«ã€ã“ã®ãƒ–ãƒã‚°ã‚’å‰µè¨ã—ã¾ã—ãŸã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®ã©ã“ã«ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’é…ç½®ã—ã¦ã„ã¾ã™ã‹ï¼Ÿã€€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æœŸå¾…ã™ã‚‹å ´æ‰€ã«ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒç½®ã‹ã‚Œã¦ã„ãªã„ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ã‚’å®Œäº†ã§ããªããªã£ã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ã‚’é–“é•ãˆãŸã‚‰ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãã‚Œã‚’ä¿®æ£ã—ã¦é€ä¿¡ã—ç›´ã™ãŸã‚ã«ã€ãªã«ãŒé–“é•ã£ã¦ã„ãŸã®ã‹ã‚’ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Œäº†ã—ã‚ˆã†ã¨æ€ã£ã¦ã„ãŸã¨ã—ã¦ã‚‚ã€ãã‚ŒãŒã‚ã¾ã‚Šã«ã‚‚å¤§å¤‰ã§ã‚ã‚Œã°ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å¿ƒå¤‰ã‚ã‚Šã—ã¦ã—ã¾ã†ã§ã—ã‚‡ã†ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸Šã‹ã€ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã‹ ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã®é…ç½®å ´æ‰€ã§ã‚‚ã£ã¨ã‚‚ä¸€èˆ¬çš„ãªã®ã¯ã€ã€Œãƒ•ã‚©ãƒ¼ãƒ ã®ä¸Šã€ã¨ã€ã€Œã‚¨ãƒ©ãƒ¼ã®ã‚ã‚‹ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã€ã¨ã„ã†ï¼’ç®‡æ‰€ã§ã™ã€‚ã©ã¡ã‚‰ã®é…ç½®å ´æ‰€ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã¨ã£ã¦ã‚ˆã‚Šç›´æ„Ÿçš„ã§ã—ã‚‡ã†ã‹ï¼Ÿ èª¿æŸ»ã«
nonsect 2018/08/29
ui

UX

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

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
Googleãƒ•ã‚©ãƒ¼ãƒ ã§è‡ªå‹•è¿”ä¿¡ã‚·ã‚¹ãƒ†ãƒ ã‚’ã‚µã‚¯ãƒƒã¨ã¤ãã‚‹ (1/4)
Google Apps Scriptï¼ˆä»¥ä¸‹ã€GASï¼‰ã‚’ä½¿ãˆã°ã€Googleã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¡ã‚‡ã£ã¨ã—ãŸæ©Ÿèƒ½ã‚’åŠ ãˆã¦å®Ÿç”¨çš„ãªã‚µãƒ¼ãƒ“ã‚¹ã«ä»•ç«‹ã¦ã‚‰ã‚Œã¾ã™ã€‚ä»Šå›žã¯ã€å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç°¡å˜ã«ä½œæˆã§ãã‚‹ã€ŒGoogleãƒ•ã‚©ãƒ¼ãƒ ã€ã‚’ä½¿ã£ã¦ã€å•ã„åˆã‚ã›ãƒ¡ãƒ¼ãƒ«ã¸è‡ªå‹•ã§è¿”ä¿¡ã™ã‚‹ã‚·ã‚¹ãƒ†ãƒ ã‚’ä½œã‚Šã¾ã™ã€‚ ã€ãƒ•ã‚©ãƒ¼ãƒ ä½œæˆã€‘å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹ Googleãƒ•ã‚©ãƒ¼ãƒ ã¯ã€å•ã„åˆã‚ã›ã‚„ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆãªã©ã®ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç°¡å˜ãªæ“ä½œã§ä½œæˆã§ãã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ã¾ãšã¯ä¼æ¥ã‚µã‚¤ãƒˆã‚’æƒ³å®šã—ãŸã€ã‚·ãƒ³ãƒ—ãƒ«ãªå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ 1. https://drive.google.comã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦Googleãƒ‰ãƒ©ã‚¤ãƒ–ã‚’é–‹ãã¾ã™ã€‚ã€Œä½œæˆã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã€ã€Œãƒ•ã‚©ãƒ¼ãƒ ã€ã‚’é¸ã‚“ã§ãã ã•ã„ã€‚
nonsect 2014/12/20
google

ãƒ•ã‚©ãƒ¼ãƒ

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

GAS
ãƒªãƒ³ã‚¯
ã€jQueryã€‘autoResizeã®ä½¿ã„æ–¹ã€‚ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã®ãƒªã‚µã‚¤ã‚º
jQueryã¯Javascriptã¨HTMLã‚’çµã³ã¤ã‘ã‚‹Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ autoResizeã¯ã€ãã®jQueryã‚’ä½¿ã£ã¦ã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã«å…¥åŠ›ã—ãŸãƒ‡ãƒ¼ã‚¿é‡ã«åˆã‚ã›ã¦ã€ã‚¨ãƒªã‚¢ã‚’ãƒªã‚µã‚¤ã‚ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ autoResizeã®ä½¿ã„æ–¹ã¯ä¸‹è¨˜ã®é€šã‚Šã€‚ --- 1. jQueryã¨autoResizeã‚’ã“ã“ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚ jQuery Â Â Â : jquery.min.js autoResize : autoresize.jquery.js or autoresize.jquery.min.js ï¼ˆåƒ•ã¯ã€autoresize.jqueryã‚’ä½¿ã£ã¦ã„ã‚‹ï¼‰ 2. è‡ªåˆ†ã®.htmlãƒ•ã‚¡ã‚¤ãƒ«ã®headã‚¿ã‚°ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ãƒ‘ã‚¹ã‚’å…¥ã‚Œã‚‹ã€‚ <head> <script src="js/jquery.min.js" type="text/javascript"></scri
nonsect 2014/04/08
iOS ã® Safari ã¯ textarea è¦ç´ ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ãŒè¡¨ç¤ºã•ã‚Œãªã„ã®ã§è‡ªå‹•ãƒªã‚µã‚¤ã‚ºã—ã¦å¯¾å‡¦ã™ã‚‹ã¨ã‹ã€‚

jQuery

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
input type="file" ãªã‚„ã¤ã‚’ç‹¬è‡ªã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ–¹æ³• - ãƒ€ãƒ¼ã‚·ãƒžãƒ»ãƒ±ãƒ³ãƒ‚ãƒ‹ãƒ¤ãƒªãƒ³ã‚°
ãƒ‡ãƒ¢ HTML <div class="file"> ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸æŠž <input type="file"/> </div> CSS .file { display: inline-block; overflow: hidden; position: relative; padding: .5em; border: 1px solid #999; background-color: #eee; } .file input[type="file"] { opacity: 0; filter: progid:DXImageTransf orm.Microsoft.Alpha(opacity=0); position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; cursor: pointer; } å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ ä»¥ä¸‹ã®ãƒ–ãƒ©ã‚¦ã‚¶
nonsect 2014/02/05
ãƒ•ã‚©ãƒ¼ãƒ

tips

file
ãƒªãƒ³ã‚¯
jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’Ajaxé€ä¿¡ã™ã‚‹éš›ã®åŸºæœ¬ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚äºŒé‡é€ä¿¡ã®é˜²å¾¡ã¨ã‹ã€‚ | Ginpen.com
ä»•äº‹ã®é€²ã¿ãŒã¡ã‚‡ã„ã¨ã‚¢ãƒ¬ãªã®ã§ã€ç¾å®Ÿé€ƒé¿ã‚‚ã¨ã„æ°—åˆ†è»¢æ›ã«ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›å†…å®¹ã‚’ã€jQuery.ajax()ã‚’ä½¿ã£ã¦ã‚µãƒ¼ãƒãƒ¼ã¸é€ä¿¡ã—ãŸã„ã£ã¦æ™‚ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ åŸºæœ¬çš„ãªæµã‚Œ ãƒ•ã‚©ãƒ¼ãƒ ã®submitã‚’æ‹¾ã† é€šå¸¸ã®é€ä¿¡ã¯ã‚ãƒ£ãƒ³ã‚»ãƒ« é€ä¿¡ãƒœã‚¿ãƒ³ã‚’ç„¡åŠ¹åŒ– é€ä¿¡å…ˆURLã‚„ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›å€¤ã‚’å–å¾— é€ä¿¡ å—ä¿¡å¾Œã€é€ä¿¡ãƒœã‚¿ãƒ³ã‚’æˆ»ã™ å…¥åŠ›å€¤ã‚’ã©ã†å¾—ã‚‹ã‹ã€ã¨ã„ã†ã®ãŒãƒã‚¤ãƒ³ãƒˆã‹ã¨æ€ã„ã¾ã™ã€‚ é€ä¿¡ãƒœã‚¿ãƒ³ã‚’ç„¡åŠ¹åŒ–ã™ã‚‹ã£ã¦ã®ã¯ã‚„ã‚‰ãªãã¦ã‚‚è‰¯ã„ã‚“ã ã‘ã©ã€èª¤æ“ä½œé˜²æ¢ã®ãŸã‚ã«ã‚‚æ˜¯éžã‚„ã£ã¦é ‚ããŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚ã¨é€ä¿¡ãƒœã‚¿ãƒ³ã®åˆ¶å¾¡ä»¥å¤–ã«ã‚‚å¿œç”¨ãŒããã¾ã™ã€‚ ãƒ‡ãƒ¢ ãªã‚“ã‹ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ çš„ãªã‚‚ã®ã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ ã¾ãƒ¼å®Ÿéš›ã«ãŠå•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã‚’Ajaxã§é€ä¿¡ã™ã‚‹å ´é¢ãªã‚“ã¦ãªã„ã‚ˆã†ãªæ°—ã‚‚ã™ã‚‹ã‚“ã§ã™ãŒã€åŸºæœ¬ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ã„ã†äº‹ã§ã€‚
nonsect 2014/01/31
jQuery ã‚’ä½¿ã£ã¦ Ajaxã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’é€ä¿¡ã™ã‚‹éš›ã®åŸºæœ¬ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã€‚ã‚ã‹ã‚Šã‚„ã™ã„ã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚

ajax

ãƒ•ã‚©ãƒ¼ãƒ

jQuery
ãƒªãƒ³ã‚¯
1