[B! ajax] sometkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sometk id:sometk

ajaxã«é–¢ã™ã‚‹sometkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (59)

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

ä¸€ä¼‘.comãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒžãƒ›ç‰ˆã‹ã‚‰jQueryä¾å˜ã‚’å–ã‚Šé™¤ããŸã‚ã«ã‚„ã£ãŸã“ã¨ - ä¸€ä¼‘.com Developers Blog
ä¸€ä¼‘.comã§Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’é–‹ç™ºã—ã¦ã„ã‚‹å®‡éƒ½å®®ã§ã™ã€‚ å…ˆæ—¥ã€ä¸€ä¼‘.comãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒžãƒ›ç‰ˆã‹ã‚‰ã€jQueryã‚’å–ã‚Šé™¤ãã¾ã—ãŸã€‚jQueryã‚’å–ã‚Šé™¤ã„ãŸçµŒç·¯ã€ã‚„ã£ãŸã“ã¨ã€çµæžœã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ ã¡ãªã¿ã«ã€ãƒ›ãƒ†ãƒ«ãƒšãƒ¼ã‚¸ã«ã¯ä»¥ä¸‹ã®URLã§ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™ï¼ˆã‚¹ãƒžãƒ›ã§é–‹ãã‹ã€PCã®å ´åˆã¯UAã‚’ã‚¹ãƒžãƒ›ã«å½è£…ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ï¼‰ https://www.ikyu.com/sd/00001290/ ãªãœjQueryã‚’å–ã‚Šé™¤ã„ãŸã®ã‹ï¼Ÿ ã©ã†ã‚„ã£ãŸã®ã‹ ä½•ã‚’ã‚„ã£ãŸã®ã‹ jQuery.ajax() => fetch ã«ç½®ãæ›ãˆ fetchã®polyfillã‚’æŽ¡ç”¨ã—ãŸç†ç”± DOMæ“ä½œã‚’æ¨™æº–APIã«ç½®ãæ›ãˆ è¦ç´ ã®å–å¾— show/hide addClass/removeClass html/text ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ $.ready() ã‚¤ãƒ™ãƒ³ãƒˆãƒ•ã‚£ãƒ«ã‚¿ãƒªãƒ³ã‚° jQueryã®ä½¿ç”¨ã‚’é˜²ãç›®å° jQueryå‰Š
sometk 2019/01/17
è‹¥å¹²ã€jQueryã‚’æ‚ªè€…ã«ã™ã‚‹é¢¨æ½®ãŒã‚ã‚‹ã‚ˆã†ã«æ„Ÿã˜ã¦ã„ã¦ã€ç¸®å°å‚¾å‘ã«ãªã‚‹ã‚“ã ã‚ã†ã‹ã€‚æ°—æŒã¡ã¯ã‚ã‹ã‚‰ã‚“ã§ã‚‚ãªã„ã‘ã©

1901

jquery

ajax

dom

javascript
ãƒªãƒ³ã‚¯
jQuery.ajax()ã®éžåŒæœŸé€šä¿¡ã§å®Ÿè¡Œé †åºã‚’ä¿è¨¼ã™ã‚‹æ–¹æ³•
jQuery.ajax()ã®éžåŒæœŸé€šä¿¡ã§å®Ÿè¡Œé †åºã‚’ä¿è¨¼ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å…·ä½“çš„ã«ã¯ã€jQuery.ajax()ã«ã‚ˆã‚‹éžåŒæœŸé€šä¿¡ã‚’é€£ç¶šã—ã¦å®Ÿè¡Œã™ã‚‹å ´åˆã‚„jQuery.ajax()ãƒ¡ã‚½ãƒƒãƒ‰ã«ã‚ˆã‚‹éžåŒæœŸé€šä¿¡ã¨ä»–ã®å‡¦ç†ã‚’ç¶šã‘ã¦å®Ÿè¡Œã™ã‚‹å ´åˆã€ãŠäº’ã„ã®å®Ÿè¡Œé †åºã‚’ä¿è¨¼ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯jQuery1.8ã‚’ä½¿ã£ã¦è§£èª¬ã—ã¾ã™ã€‚ãã®é–¢ä¿‚ã§ã€done()ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚done()ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚Œã°success()ã«èªã¿æ›¿ãˆã¦ãã ã•ã„ã€‚ ï¼‘ï¼ŽjQuery.ajax()ã®ä»•æ§˜ ã€Œä»•æ§˜ã€ã¨ã„ã†è¡¨ç¾ã¯é©åˆ‡ã§ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ä¾‹ãˆã°jQuery.ajax()ã«ã‚ˆã‚‹éžåŒæœŸé€šä¿¡ã‚’é€£ç¶šå®Ÿè¡Œã—ãŸå ´åˆã€å®Ÿè¡Œçµæžœã®é †åºã¯ä¸å®šã§ã™ã€‚ ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ã€foræ–‡ã®ä¸ã§jQuery.ajax()ã‚’å®Ÿè¡Œã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’ç”¨æ„ã—ã¾ã—ãŸã€‚ <meta charset="utf-8" />
sometk 2018/11/07
ã“ã“ã¯ã„ã¤ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„ãª

1811

jquery

ajax

javascript
ãƒªãƒ³ã‚¯
ã¾ã XMLHttpRequestã‚’ä½¿ã£ã¦ã‚‹ã®ï¼Ÿã€€fetchã®ã™ã™ã‚
JavaScriptã§Webçš„ãªãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›¸ã„ãŸã“ã¨ãŒã‚ã‚‹äººã¯ã€XMLHttpRequestã‚’ä½¿ã£ãŸçµŒé¨“ã‚‚ã‚ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚XMLHttpRequestï¼Œç•¥ã—ã¦XHRã¯ã€JavaScriptï¼ˆ+DOMï¼‰ã§ã‚µãƒ¼ãƒãƒ¼ã¨HTTPé€šä¿¡ã‚’ã™ã‚‹ãŸã‚ã®å”¯ä¸€ã®æ–¹æ³•ã¨ã—ã¦ã®åœ°ä½ã‚’é•·ã‚‰ãä¿ã£ã¦ãã¾ã—ãŸãŒ1ã€ã“ã“3ã€œ4å¹´ã§ã‚ˆã‚Šæ–°ã—ã„APIã§ã‚ã‚‹fetch APIãŒç™»å ´ã—ã¾ã—ãŸã€‚fetch APIãŒå‡ºãŸã°ã‹ã‚Šã®é ƒã¯ä½•ã ã“ã®ãŠã‚‚ã¡ã‚ƒã¯ã¨æ£ç›´æ€ã„ã¾ã—ãŸãŒã€ã„ã¤ã®é–“ã«ã‹ä»•æ§˜ãŒå……å®Ÿã—ã¦ã„ã„æ„Ÿã˜ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ çš†ã•ã‚“ã¯ã€ã“ã®æ–°ã—ã„APIã§ã‚ã‚‹fetchã‚’ã¡ã‚ƒã‚“ã¨ä½¿ã£ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚ãã‚Œã¨ã‚‚ã€å¤ã„XHRã‚’æœªã ã«ä½¿ã£ã¦ã„ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€æœªã ã«fetchã‚’ä½¿ã£ã¦ã„ãªã„äººã‚’ä¸»ãªå¯¾è±¡ã¨ã—ã¦fetchã®ä½¿ã„æ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ï¼ˆXHRã¨æ¯”è¼ƒã—ãªãŒã‚‰è§£èª¬ã™ã‚‹ã®ã§$.ajaxã¨ã‹axiosã¨ã‹ã—ã‹ä½¿ã£ãŸã“ã¨ãŒãª
sometk 2018/10/11
æ‚ªã„è¨˜äº‹ã˜ã‚ƒãªã„ã¨æ€ã†ã‚“ã ãŒâ€¥

1810

javascript

ajax

API
ãƒªãƒ³ã‚¯
ãã ã‚‰ãªã„APIãªã‚“ã¦ã„ã‚‰ãªã„ã‚ˆ â€“ 2016å¹´ã®ã‚¦ã‚§ãƒ–ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°äº‹æƒ… | POSTD
ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã®APIã¨ãã®ãƒ¬ãƒ¼ãƒˆåˆ¶é™ã¯ã€ã‚ã¾ã‚Šæ°—åˆ†ã®ã‚ˆã„ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ç‰¹ã«Instagramã€‚ã‚ã‚“ãªåˆ¶é™ã¤ãAPIã‚’æ¬²ã—ãŒã‚‹äººãŒã„ã£ãŸã„ã©ã“ã«ã„ã‚‹ã‚“ã§ã—ã‚‡ã†ãï¼Ÿ æœ€è¿‘ã®ã‚µã‚¤ãƒˆã¯ã€ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã‚„ãƒ‡ãƒ¼ã‚¿ãƒžã‚¤ãƒ‹ãƒ³ã‚°ã®è©¦ã¿ã‚’é˜»æ¢ã™ã‚‹ã®ãŒã†ã¾ããªã£ã¦ãã¾ã—ãŸã€‚AngelListã¯PhantomJSã™ã‚‰æ¤œå‡ºã—ã¦ã—ã¾ã„ã¾ã™ï¼ˆä»Šã®ã¨ã“ã‚ã€ä»–ã®ã‚µã‚¤ãƒˆã§ãã“ã¾ã§ã®ä¾‹ã¯è¦‹ã¦ã„ã¾ã›ã‚“ï¼‰ã€‚ã§ã‚‚ã€ãƒ–ãƒ©ã‚¦ã‚¶çµŒç”±ã§ã®æ£ç¢ºãªã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’è‡ªå‹•åŒ–ã§ããŸã¨ã—ãŸã‚‰ã€ã‚µã‚¤ãƒˆå´ã¯ãã‚Œã‚’ãƒ–ãƒãƒƒã‚¯ã§ãã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿ ä¸¦è¡Œæ€§ã‚’è€ƒãˆãŸã‚Šã€ã•ã‚“ã–ã‚“è‹¦åŠ´ã—ã¦ç”¨æ„ã—ãŸçµæžœã¨ã—ã¦å¾—ã‚‰ã‚Œã‚‹ã‚‚ã®ã‚’è€ƒãˆãŸã‚Šã™ã‚‹ã¨ã€Seleniumãªã‚“ã¦æœ€æ‚ªã§ã™ã€‚ã‚ã‚Œã¯ã€ç§ãŸã¡ãŒã€Œã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°ã€ã¨èžã„ã¦æ€ã„æµ®ã‹ã¹ã‚‹ã‚ˆã†ãªã“ã¨ã‚’ã™ã‚‹ãŸã‚ã«ã¯ä½œã‚‰ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ã—ã‹ã—ã€è³¢ãä½œã‚Šè¾¼ã¾ã‚ŒãŸä»Šã©ãã®ã‚µã‚¤ãƒˆã‚’ç›¸æ‰‹ã«ã—ã¦ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’æŽ˜ã‚Šå½“ã¦ã‚‹ãŸã‚ã®ä¿¡é ¼ã§ãã‚‹
sometk 2016/12/03
1612

php

scraping

Ajax
ãƒªãƒ³ã‚¯
jQuery Validate Pluginã®è§£èª¬ã¨Validate æ—¥æœ¬èªžç’°å¢ƒç”¨Pluginã¨jQuery Form Pluginã¨ã®é€£æº - ãã‚‰ã’ã ã‚‰ã‘
å‰å›žã€ãƒ•ã‚©ãƒ¼ãƒ ã‚’AJAXã§ã†ã‚“ã¡ã‚ƒã‹ã™ã‚‹jQueryFormPluginã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’æ›¸ãã¾ã—ãŸã‘ã©ã€ãƒ•ã‚©ãƒ¼ãƒ ã¨è¨€ãˆã°Validateã§ã™ã‚ˆãã€‚ ã£ã¦ã“ã¨ã§jQueryValidatePluginã«ã¤ã„ã¦ã‚‚ã‚µãƒ©ã‚µãƒ©è¦‹ã¦ã„ãŸã®ã§ã€ã“ã£ã¡ã‚‚æ—¥æœ¬èªžDocumentåŒ–ã—ãŸã®ã‚’æ›¸ã„ã¦ãŠãã€‚ ã§ã€æ—¥æœ¬èªžåŒ–ã—ã¦æ›¸ã„ã¦ã„ãŸã‚‰æ€ã£ãŸã‚ˆã‚Šã‚‚é‡ãŒå¤šãã¦å°‘ã—é©å½“ãªæ„ŸãŒå¦ã‚ãªã„ã‚ˆã†ãªæ„Ÿã˜ã«ãªã£ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ å¿…è¦ãªã•ãã†ãªã¨ã“ã‚ã¯ä¸€éƒ¨é£›ã°ã—ã¦ã„ã‚‹ã—ãƒ¼ã€ãŸã¾ã«ãŠã‹ã—ã„ã¨ã“ã‚ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒæ‚ªã—ã‹ã‚‰ãšã€‚ãã‚“ã¨ãã¯ã‚³ãƒ¡ãƒ³ãƒˆãã ã•ãƒ¼ã„ã€‚ ã‚ã€ã‚ã¨ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ç‰ã®ãƒãƒ¼ã‚«ãƒ©ã‚¤ã‚ºç‰ˆã¨æ—¥æœ¬èªžç’°å¢ƒç”¨ã®Validateãƒ¡ã‚½ãƒƒãƒ‰ã‚’æ–°ãŸã«è¿½åŠ ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚‚æ›¸ãã¾ã—ãŸã€‚ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã ã¨åŠè§’è‹±æ•°ã®ã¿ã¨ã‹ãƒ¼ã€ã²ã‚‰ãŒãªã®ã¿ã¨ã‹ãƒ¼ã§ããªã„ã‚“ã§ãƒ¼ ãã‚Œã‹ã‚‰ã€ã‚‚ã¨ã‚‚ã¨ã®ç›®çš„ã®jQuery Form Pluginã¨ã®é€£æºã§AJAXãªã‚“
sometk 2016/07/27
1607

validation

jQuery

JavaScript

Ajax
ãƒªãƒ³ã‚¯
AjaxZip3 | Webã‚µã‚¤ãƒˆåˆ¶ä½œæ”¯æ´ | ShanaBrian Website
éƒµä¾¿ç•ªå·ãŒ2ã‚¨ãƒªã‚¢ã€ä½æ‰€ãŒ2ã‚¨ãƒªã‚¢ã®å ´åˆï¼ˆãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ï¼‰ â€» éƒ½é“åºœçœŒã®ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã¯éƒ½é“åºœçœŒåã¾ãŸã¯éƒ½é“åºœçœŒç•ªå·ï¼ˆéƒ½é“åºœçœŒã‚³ãƒ¼ãƒ‰ï¼‰å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ <form action="./" method="post"> ã€’ <input type="text" name="zip1"> - <input type="text" name="zip2" onKeyUp="AjaxZip3.zip2addr('zip1','zip2','address1','address2');"> éƒ½é“åºœçœŒ <select name="address1"> <option value="">-- é¸æŠžã—ã¦ãã ã•ã„ --</option> <option value="åŒ—æµ·é“">åŒ—æµ·é“</option> <option value="é’æ£®çœŒ">é’æ£®çœŒ</option> <option value="å²©æ‰‹çœŒ"
sometk 2016/07/26
1607

address

javascript

jquery

Ajax

form
ãƒªãƒ³ã‚¯
éƒµä¾¿ç•ªå·ã‹ã‚‰ä½æ‰€ã‚’è‡ªå‹•å…¥åŠ›ã™ã‚‹æ“ä½œæ€§ãŒä¸–ç•Œä¸€ç°¡å˜ãªZipAddr
Top ãƒ‡ãƒ¢ ä»•æ§˜ åˆ©ç”¨æ–¹æ³• æ‹¡å¼µæ–¹æ³• æ‹¡å¼µ(æœ‰å„Ÿ) æ›´æ–°å±¥æ´ ãŠå•ã„åˆã‚ã› **ã€ç‰¹è¨˜äº‹é …ã€‘*************************** 2024.3.9 * * (1)å‹•ä½œãƒ†ã‚¹ãƒˆã«é–¢ã—ã¦ï¼ˆéƒµä¾¿ç•ªå·ã¯4380078ã‚’ä½¿ç”¨ï¼‰ *ã€€ã€€ã‚¬ã‚¤ãƒ€ãƒ³ã‚¹ç”»é¢ã‹ã‚‰ä¸ƒè»’ç”ºãŒé¸æŠžã§ãã‚‹ã“ã¨ã€‚ *ã€€â€»ã‚¬ã‚¤ãƒ€ãƒ³ã‚¹ç”»é¢ã‚’éžè¡¨ç¤ºã«ã™ã‚‹ã‚µã‚¤ãƒˆã‚’è¦‹ã‹ã‘ã¾ã™ã€‚ * * (2)@ZipAddr_xxéƒ¨åˆ†ã‚’éžè¡¨ç¤ºã«ã—ãŸã„å ´åˆ *ã€€ã€€https://zipaddr.com/payment/ ã®æ‹¡å¼µæ‹¡å¼µ(æœ‰å„Ÿ)ã®(3)ã‚’å‚ç…§ä¸‹ã•ã„ã€‚ * * (3)WPãƒ—ãƒ©ã‚°ã‚¤ãƒ³ zipaddr-jp ã¯å¸¸ã«æœ€æ–°ã®çŠ¶æ…‹ã«ã—ã¦ä¸‹ã•ã„ã€‚ *ã€€ã€€è‡ªå‹•æ›´æ–°ã®è¨å®šã‚’ã€ã€Œè‡ªå‹•æ›´æ–°ã‚’æœ‰åŠ¹åŒ–ã€ã«ã™ã‚‹ã¨ä¾¿åˆ©ã§ã™ã€‚ * ************************************************** â—Žåˆ©ç”¨æ•°ï¼š48,753Â ã‚µã‚¤ãƒˆ â—Žæœ¬
sometk 2016/07/20
1607

address

Form

Ajax

jQuery

javascript

web

ui
ãƒªãƒ³ã‚¯
jQueryã¯æœ‰å®³ãªã®ã‹ | POSTD
ãšã£ã¨ã€Œï½žã¯æœ‰å®³ãªã®ã‹ã€ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ã„ã¦ã¿ãŸã‹ã£ãŸã‚“ã§ã™ ^(1) ã€‚ ã¾ãšæœ¬é¡Œã«å…¥ã‚‹å‰ã«ã€1ã¤è¨€ã‚ã›ã¦ãã ã•ã„ã€‚ jQueryã¯Webæ¥ç•Œã®ç™ºå±•ã«å¤§ã„ã«å½¹ç«‹ã£ãŸ ã¨ç§ã¯è€ƒãˆã¦ã„ã¾ã™ã€‚jQueryãŒã‚ã‚‹ã“ã¨ã§ã€é–‹ç™ºè€…ã¯ã“ã‚Œã¾ã§æƒ³åƒã‚‚ã§ããªã‹ã£ãŸã“ã¨ã‚’ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã—ã€ãã†ã„ã£ãŸæ©Ÿèƒ½ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®è£½ä½œè€…ãŒãƒã‚¤ãƒ†ã‚£ãƒ–ã«å®Ÿè£…ã™ã‚‹ãã£ã‹ã‘ã«ã‚‚ãªã‚Šã¾ã—ãŸï¼ˆã‚‚ã—jQueryãŒé–‹ç™ºã•ã‚Œã¦ã„ãªã‘ã‚Œã°ã€ä»Šã§ã‚‚document.querySelectorAllã¯å˜åœ¨ã—ã¦ã„ãªã‹ã£ãŸã§ã—ã‚‡ã†ï¼‰ã€‚jQueryã¯ã€ä»Šã‚ã‚‹ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã†ã“ã¨ãŒã§ããªã‹ã£ãŸã‚Šã€IE8ã‚„ãã‚Œä»¥ä¸‹ã®éŽåŽ»ã®éºç”£ã‚’ã‚µãƒãƒ¼ãƒˆã—ãªã‘ã‚Œã°ãªã‚‰ãªã„éš›ã«ä»Šã§ã‚‚å¿…è¦ã«ãªã£ã¦ãã¾ã™ã€‚ ã—ã‹ã—ã€ãã®ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ã¯ã‚‚ã¯ã‚„ç¨€ãªã‚‚ã®ã¨ãªã‚Šã¾ã—ãŸã€‚Webé–‹ç™ºè€…ã®å¤§åŠã¯ã€ãƒžãƒ¼ã‚±ãƒƒãƒˆã‚·ã‚§ã‚¢ã®ç¸®å°ã—ãŸå¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚æ›´ã«ã€å¿˜ã‚Œã¦ã¯ãªã‚‰ãª
sometk 2015/06/03
1506

jQuery

javascript

html

web

Ajax
ãƒªãƒ³ã‚¯
SuperAgent â€” elegant API for AJAX in Node and browsers
SuperAgent SuperAgent is light-weight progressive ajax API crafted for flexibility, readability, and a low learning curve after being frustrated with many of the existing request APIs. It also works with Node.js! request .post('/api/pet') .send({ name: 'Manny', species: 'cat' }) .set('X-API-Key', 'foobar') .set('Accept', 'application/json') .then(res => { alert('yay got ' + JSON.stringify(res.body
sometk 2015/05/31
1505

Ajax

js
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã¯ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãã¦ã‚‚ä¸€çž¬ç‚¹æ»…ã™ã‚Œã°ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã„ã†å®Ÿé¨“
ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ä»¥å¤–ã®æ–¹æ³•ã§ã€ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã«ã‚ˆã£ã¦ç”»é¢ãŒåˆ‡ã‚Šæ›¿ã‚ã£ãŸã“ã¨ã‚’åˆ©ç”¨è€…ã«ã‚ã‹ã‚Šã‚„ã™ãä¼ãˆã‚‹æ–¹æ³•ã¯ãªã„ã‹ã¨ã„ã†ã“ã¨ã§ã€ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã§ã®ç§»å‹•æ™‚ã«ç”»é¢ã‚’ä¸€çž¬ç‚¹æ»…ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ jQuery ã§æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ã‚¿ã‚¤ãƒˆãƒ«ãŒ ï¼ˆè¬Žï¼‰ ãªæ„Ÿã˜ã§ã™ãŒ...... ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã§ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«ç§»å‹•ã•ã›ãŸã‚Šã™ã‚‹ã¨ãã€æœ€è¿‘ã¯æ‰€è¬‚ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã£ã¦ã‚„ã¤ã‚’å®Ÿè£…ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã«ãªã£ã¦ã„ã¾ã™ã‚ˆãã€‚ãƒ‘ãƒƒã¨çž¬æ™‚ã«ç”»é¢ãŒåˆ‡ã‚Šæ›¿ã‚ã£ã¦ã—ã¾ã†ã¨ã€ãƒšãƒ¼ã‚¸å†…ã§ç§»å‹•ã—ãŸã“ã¨ãŒã‚ã‹ã‚Šã«ãã„ã®ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«å‡¦ç†ã‚’å…¥ã‚Œã‚‹ã“ã¨ã§ã‚ã‹ã‚Šã‚„ã™ãã—ã¦ã‚ã’ã¾ã—ã‚‡ã†ã£ã¦è¨€ã†ã€è¦ªåˆ‡å¿ƒã‹ã‚‰æŽ¡ç”¨ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ å®Ÿè£…æ–¹æ³•ã¯ JavaScript ã¨ CSS ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®çµ„ã¿åˆã‚ã›ã‚„ã€JavaScript ï¼ˆã¨ã„ã†ã‹ jQueryï¼‰ ã§ã¨ã„ã†ã®ãŒå¤šã„ã¨æ€ã„ã¾ã™ãŒã€ä»Šå›žã¯ãã®ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®å®Ÿè£…æ–¹æ³•ã¯ã©ã‚ŒãŒè‰¯ã„ã®
sometk 2015/05/15
ãŸã—ã‹ã«ã€è‰²ã€…ã‚„ã‚Šã‚ˆã†ã¯ã‚ã‚‹ã€‚

1505

CSS

Ajax

jquery

javascript
ãƒªãƒ³ã‚¯
[JS]ã¡ã‚‡ã£ã¨ã—ãŸã‚¢ã‚¤ãƒ‡ã‚¢ã®ç©ã¿é‡ããŒç´ æ™´ã‚‰ã—ã„ï¼ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Zoom.js
ãƒ‡ãƒ¢ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIF ã“ã“ã§ã¯ã€ŒEscã€ã‚ãƒ¼ã‚’æ‹¡å¤§ç”»åƒã‹ã‚‰å…ƒç”»åƒã«æˆ»ã™éš›ã«ä½¿ç”¨ã—ã¦ã„ã¾ã™ãŒã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«æˆ»ã‚‹æ™‚ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚éžå¸¸ã«è»½å¿«ã§ã™ã€‚ Zoom.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€jquery.jsã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯Bootstrapã®transition.jsã«ä¾å˜ã—ã¦ãŠã‚Šã€Bootstrapã®jsãƒ•ã‚¡ã‚¤ãƒ«ã‹transition.jsã‚’è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" type="text/css" href="css/zoom.css"> </head> <body> ... ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ... <script src="https://ajax.google apis.com/ajax/libs/jquery/1.11.0/j
sometk 2015/05/13
ã‚ˆã•ã’ã€è©¦ã—ã¦ã¿ã‚ˆã†

1505

bootstrap

Ajax

CSS

jQuery

modal
ãƒªãƒ³ã‚¯
Geocoding - ä½æ‰€ã‹ã‚‰ç·¯åº¦çµŒåº¦ã‚’æ¤œç´¢
Geocoding.jpã¨ã¯ï¼Ÿ ä½æ‰€ã‚„ãƒ©ãƒ³ãƒ‰ãƒžãƒ¼ã‚¯åã‚’GPSåº§æ¨™ã«å¤‰æ›ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ åº§æ¨™ç³»ã¯WGS84ã«å¯¾å¿œã€‚è¿‘ä¼¼TOKYO97å‡ºåŠ›ã‚‚å¯èƒ½ã§ã™ã€‚ Open Location Code(OLC)å–å¾—ã‚‚å¯èƒ½ã§ã™ã€‚ AobaãŒå€‹äººã§ä½œæˆã€é‹ç”¨ã—ã¦ã„ã¾ã™ã€‚ Googleæ§˜ã¨Yahoo!æ§˜ã®ãµã‚“ã©ã—ã§ç›¸æ’²ã‚’ã¨ã£ã¦ãŠã‚Šã¾ã™ã€‚ ãŠå•ã„åˆã‚ã›ã¯Twitterçª“å£ã¾ã§ã€‚ æ¤œç´¢ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ï¼Ÿ ä½æ‰€ ã€Žæ±äº¬éƒ½æ¸¯åŒºèŠå…¬åœ’ï¼”ï¼ï¼’ï¼ï¼˜ã€ ã§æ¤œç´¢ ãƒ©ãƒ³ãƒ‰ãƒžãƒ¼ã‚¯å ã€Žæ±äº¬ã‚¿ãƒ¯ãƒ¼ã€ ã§æ¤œç´¢ ãƒ©ãƒ³ãƒ‰ãƒžãƒ¼ã‚¯å ã€Žæ±äº¬é§…ã€ ã§æ¤œç´¢ ãƒ©ãƒ³ãƒ‰ãƒžãƒ¼ã‚¯å ã€ŽArc de triompheã€ï¼ˆå‡±æ—‹é–€ï¼‰ ã§æ¤œç´¢ ãƒ©ãƒ³ãƒ‰ãƒžãƒ¼ã‚¯å ã€Žãƒ¦ãƒ‹ã‚³ãƒ¼ãƒ³ã‚¬ãƒ³ãƒ€ãƒ ã€ ã§æ¤œç´¢ Open Location Code ã€Ž8Q7XMP52+J6ã€ï¼ˆæ¸‹è°·ãƒãƒå…¬åƒï¼‰ ã§æ¤œç´¢ ç·¯åº¦ã€çµŒåº¦ã‹ã‚‰æ¤œç´¢ ã€Žæ±äº¬ã‚¿ãƒ¯ãƒ¼ã€ çµŒåº¦ã€ç·¯åº¦ã‹ã‚‰æ¤œç´¢ï¼ˆåº¦ã€åˆ†ã€ç§’ï¼‰ ã€ŽEiffel T
sometk 2015/02/03
1502

google

ajax

map

address
ãƒªãƒ³ã‚¯
<script async>ã§JavaScriptã®éžåŒæœŸèªã¿è¾¼ã¿ã‚’ - fragmentary
JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‹ã‚‰éžåŒæœŸã§èªã¿è¾¼ã‚€ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯å¤ã„ã€ã¨ã„ã†è©±ã‚’ç›®ã«ã—ãŸã®ã¯ã‚‚ã†åŠå¹´å‰ã®ã“ã¨ã€‚ è¨€ã£ãŸã®ã¯Ilya Grigorikã€‚æœˆæœ«ã®Google Japanã§ã®ã‚¤ãƒ™ãƒ³ãƒˆã€æœˆåˆã®HTTP2Conferenceã«ãã‚‹Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ç•Œã®ã™ã”ã„ã²ã¨ã§ã™ã‚ˆã€‚ Script-injected "async scripts" considered harmful - igvita.com ä»¶ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§å‹•çš„ã« script ã‚’ç”Ÿæˆã—ã¦ã€ãã“ã«èªã¿è¾¼ã¿ãŸã„JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¶ã£ã“ã‚“ã§èªã¿è¾¼ã‚€ã¨ã„ã†ã‚‚ã®ã€‚ <script> var script = document.createElement('script'); script.src = "//somehost.com/awesome-widget.js"; document.getEleme
sometk 2014/10/14
1410

async

javascript

HTML5

script

Ajax
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®æ“ä½œ | booyan log
[JS] ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®æ“ä½œ æŠ•ç¨¿æ—¥ :2013å¹´4æœˆ7æ—¥ æ—¥æ›œæ—¥ ã‚¿ã‚° :$.ajax()$.get()load() jQuery ã®å‹‰å¼·ã‚’ã¾ã¨ã‚ã‚‹ã‚·ãƒªãƒ¼ã‚ºã§ã™ã€‚ ä»Šå›žã¯å‹•çš„ã«ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®æ“ä½œã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã™ã€‚ ã‚µã‚¤ãƒˆå†…ã§è¡¨ãªã©ã®ä¸€è¦§ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ãã®è¡¨ã«å¤‰æ›´ãŒã‚ã£ãŸå ´åˆã€HTML å†…ã®è¡¨éƒ¨åˆ†ã‚’å¤‰æ›´ã™ã‚‹ã®ã¯æ‰‹é–“ã«ãªã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªæ™‚ã¯ã€ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã§è¡¨ã®ãƒ‡ãƒ¼ã‚¿ã‚’ç”¨æ„ã—ã¦ãŠãã€ãã®ãƒ‡ãƒ¼ã‚¿ã‚’è¡¨ã«å½“ã¦ã¯ã‚ã‚‹ã¨ã„ã†ã‚„ã‚Šæ–¹ãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚å¤‰æ›´æ™‚ã¯ãã®ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‡ãƒ¼ã‚¿ã‚’å¤‰ãˆã‚‹ã ã‘ã§ã‚ˆããªã‚Šã¾ã™ã€‚ ãã®ãŸã‚ã«ã¯ã€ãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ«ã«æ›¸ã‹ã‚ŒãŸãƒ†ã‚ã‚¹ãƒˆã‚’å–å¾—ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚jQuery ã§ãã‚Œã‚’è¡Œã†ãƒ¡ã‚½ãƒƒãƒ‰ã¯å¤šæ•°ã‚ã‚Šã¾ã™ãŒã€ã©ã‚Œã‚‚ã¨ã¦ã‚‚ç°¡å˜ã§ã™ã€‚ã©ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚‚åŸºæœ¬çš„ã«ã¯ãƒªã‚¯ã‚¨ã‚¹ãƒˆé€šä¿¡ã«ã¦å–å¾—ã‚’è¡Œã„ã¾ã™ã€‚ å–å¾—ãƒ‡ãƒ¼ã‚¿ã‚’ãã®ã¾ã¾è¡¨ç¤ºã™ã‚‹å ´åˆ å–å¾—ã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’
sometk 2014/07/14
1407

Ajax

jquery
ãƒªãƒ³ã‚¯
pjaxã§ãã‚Œã„ãªURLï¼‹éžåŒæœŸç”»é¢é·ç§»ï¼ | ãƒ˜ãƒƒãƒ‰ã‚¦ã‚©ãƒ¼ã‚¿ãƒ¼ã‚¹ã®ãƒ–ãƒã‚° TechNote
ã“ã‚“ã«ã¡ã¯ã€‚è’äº•ã§ã™ã€‚ Facebookã‚‚twitterã‚‚googleã‚‚ç”»é¢é·ç§»ã®ã¨ãã«ã¯ã€éžåŒæœŸã§æ¬¡ã®ãƒšãƒ¼ã‚¸ã‚’èªã¿è¾¼ã‚€ã‚ˆã†ãªä½œã‚Šã«ãªã£ã¦ã¾ã™ãï¼ ã“ã‚Œã¯ã€ajaxã§æ¬¡ã®ãƒšãƒ¼ã‚¸ã‚’èªã¿è¾¼ã‚€ã®ã¨åŒæ™‚ã«ã€ŒHistory APIã€ã¨ã„ã†HTML5ã®æ©Ÿèƒ½ã‚’ä½¿ã£ã¦ã€URLã‚’æ›´æ–°ã™ã‚‹ã“ã¨ã§å®Ÿç¾ã—ã¦ã¾ã™ã€‚ æ¯Žå›žå…¨éƒ¨èªã¿ç›´ã•ãªã„ã‹ã‚‰é€šå¸¸ã®ç”»é¢é·ç§»ã‚ˆã‚Šã‚‚æ—©ã„ã—ã€URLãŒå¤‰ã‚ã‚‹ã‹ã‚‰å±¥æ´ã«æ®‹ã‚‹ã—ã€è‰¯ã„ã“ã¨ã°ã£ã‹ã‚Šï¼ï¼SEOçš„ã«ã‚‚ã€Œ#!ã€ã‚’ä½¿ã£ãŸã‚„ã¤ã‚ˆã‚Šè‰¯ã„ã‚ˆã£ã¦ã„ã†ã®ã‚’ä½•ã‹ã§èªã¿ã¾ã—ãŸï¼ï¼ï¼ ã“ã‚Œã‹ã‚‰Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã‚‹ãªã‚‰ã€å°Žå…¥ã—ãŸã„ã§ã™ãï¼ï¼ï¼ ã“ã‚Œpjaxã‚’ä½¿ãˆã°ç°¡å˜ã«å°Žå…¥ã§ãã‚‹ã‚“ã§ã™ï¼ï¼ï¼ã‚ˆã—ï¼ï¼ï¼ PJAX!! pjaxã¨ã¯ã€Githubã®Chris Wanstrathã£ã¦äººãŒä½œã£ã¦ã‚‹jqueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ä¸Šã§èª¬æ˜Žã—ãŸã€History APIã¨ajaxã‚’ä½¿ã£ãŸéžåŒæœŸã®ç”»é¢é·ç§»ã‚’ç°¡å˜ã«å°Žå…¥ã™ã‚‹ã“ã¨
sometk 2014/06/16
ç”»é¢é·ç§»

1406

Ajax

api

pjax

jQuery

javascript

HTML5

url
ãƒªãƒ³ã‚¯
1åˆ†ã§ã‚ã‹ã‚‹jQuery $.ajaxã«ã‚ˆã‚‹JSONãƒ»JSONPèªã¿è¾¼ã¿æ–¹æ³•
$.ajaxã«ã‚ˆã‚‹JSONèªã¿è¾¼ã¿æ–¹æ³• ä¾‹ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ãªJSONã®å ´åˆ [ { "version": "1.5", "codename": "Cupcake" }, { "version": "1.6", "codename": "Donut" }, { "version": "4.4", "codename": "KitKat" } ] $.ajaxã§ã®èªã¿è¾¼ã¿ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚‹ $.ajax({ type: 'GET', url: 'https://iwb.jp/s/js/data.json', dataType: 'json', success: function(json){ var len = json.length; for(var i=0; i < len; i++){ $("#a").append(json[i].version + ' ' + json[i].coden
sometk 2014/05/22
1405

Ajax

JSONP

jQuery
ãƒªãƒ³ã‚¯
éžåŒæœŸå‡¦ç†ã®åŸºç¤Ž
4. Threadã‚ˆã‚Šã‚‚Task for (int i = 0; i < num; i++) { var t = new Thread(_ => b[i] = F(a[i]) ); } for (int i = 0; i < num; i++) { Task.Run(() => b[i] = F(a[i]) ); } Ã—æ‚ªã„ä¾‹ â—‹è‰¯ã„(ã¾ã ãƒžã‚·â€»ãª)ä¾‹ ãƒ‡ãƒ¼ã‚¿ã®æ•°ã ã‘ ã‚¹ãƒ¬ãƒƒãƒ‰ä½œæˆ Threadã§ãªã Taskåˆ©ç”¨ â€» ã“ã®å ´åˆã€Parallelã‚¯ãƒ©ã‚¹ã‚„Parallel.Enumerableã‚¯ãƒ©ã‚¹ãŒä½¿ã„ã‚„ã™ã„ 5. Threadã‚ˆã‚Šã‚‚Task for (int i = 0; i < num; i++) { var t = new Thread(_ => b[i] = F(a[i]) ); } for (int i = 0; i < num; i++) { Task.Run(() => b[
sometk 2014/05/12
1405

async

programming

console

ajax
ãƒªãƒ³ã‚¯
Magnific Popup: Responsive jQuery Lightbox Plugin
Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js). Important note: This jQuery plugin is deprecated, only critical or security bug fixes will be released in future. Use native <dialog> element if you need a basic dialog/modal/popup, or my PhotoSwipe library if you need an advanced image
sometk 2014/04/19
1404

ajax

jQuery

lightbox

plugin

modal
ãƒªãƒ³ã‚¯
aè¦ç´ ã«classã‚’åŠ ãˆã‚‹ã ã‘ã§åˆ¥çª“ã‚„å°åˆ·ã€ãƒšãƒ¼ã‚¸å†…ã‚¢ãƒ³ã‚«ãƒ¼ã¸ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãªã©ã®æ©Ÿèƒ½ã‚’åŠ ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jQuery A+ | ã‚³ãƒªã‚¹
HTML5ã§ã‚‚XHTMLã®ã©ã¡ã‚‰ã§ã‚‚validãªHTMLã§ã€aè¦ç´ ã«classã‚’åŠ ãˆã‚‹ã ã‘ã§ãƒªãƒ³ã‚¯ã‚’åˆ¥çª“ã§é–‹ã„ãŸã‚Šã€ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’è¡¨ç¤ºã—ãŸã‚Šã€é€šçŸ¥ãƒ‘ãƒãƒ«ã‚’è¡¨ç¤ºã—ãŸã‚Šã€ãƒšãƒ¼ã‚¸å†…ã‚¢ãƒ³ã‚«ãƒ¼ã¸ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ãŸã‚Šã€ãƒšãƒ¼ã‚¸ã®å°åˆ·ãƒœã‚¿ãƒ³ã¨ã—ã¦æ©Ÿèƒ½ã—ãŸã‚Šãªã©ã€aè¦ç´ ã«ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ã‚’åŠ ãˆã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ‡ãƒ¢ã§ã¯ã€aè¦ç´ ã‚’ãƒˆãƒªã‚¬ãƒ¼ã¨ã™ã‚‹ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ãŒclassã§è¨å®šã§ãã¾ã™ã€‚å¯¾å¿œã—ã¦ã„ã‚‹æ©Ÿèƒ½ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ ãƒªãƒ³ã‚¯ã‚’åˆ¥çª“ï¼ˆã‚¿ãƒ–ï¼‰ã§é–‹ã ãƒªãƒ³ã‚¯ã‚’é–‹ãå‰ã«ç¢ºèªãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’è¡¨ç¤º iframeã‚’ä½¿ã£ãŸãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’è¡¨ç¤º Ajaxã‚’ä½¿ã£ãŸãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’è¡¨ç¤º ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’è¡¨ç¤º ãƒ•ãƒ¬ãƒ¼ãƒ å†…ã«ãƒªãƒ³ã‚¯ã‚’è¡¨ç¤º é€šçŸ¥ãƒ‘ãƒãƒ«ã‚’è¡¨ç¤º å°åˆ·ã‚’è¡¨ç¤º ãƒšãƒ¼ã‚¸å†…ã‚¢ãƒ³ã‚«ãƒ¼ã¸ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ« ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚¹ãƒ”ãƒ¼ãƒ‰è¨å®š ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ä½ç½®è¨å®š â€»ãã‚Œãžã‚Œç´°ã‹
sometk 2014/03/19
1403

ajax

jQuery

JavaScript

HTML

plugin
ãƒªãƒ³ã‚¯
2è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§Webã‚µã‚¤ãƒˆã‚’é«˜é€ŸåŒ–ã™ã‚‹InstantClick.io - atskimura-memo
Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). å¼•ç”¨ï¼šInstantClick â€” JS library to make your website instant ãƒªãƒ³ã‚¯ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ã¦ã‹ã‚‰ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¾ã§ã«ã¯200msã‹ã‚‰300msã»ã©æ™‚é–“ãŒã‹ã‹ã‚‹ãã†ã§ã™ã€‚å®Ÿéš›ã“ã®ãƒ†ã‚¹ãƒˆãƒšãƒ¼ã‚¸ã§ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã¿ã‚‹ã¨Macã®ãƒˆãƒ©ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã ã¨ã•ã‚‰ã«é…ã500msãã‚‰ã„ã‹ã‹ã£ã¦ã¾ã—ãŸã€‚ InstantClick.ioã¯ãã®é–“ã«è£ã§ãƒªãƒ³ã‚¯å…ˆãƒšãƒ¼ã‚¸ã‚’ãƒãƒ¼ãƒ‰ã—ã¦å‹æ‰‹ã«ãƒªãƒ³ã‚¯ã‚’pjaxåŒ–ã—ã¦ã—ã¾ã†ã¨ã„ã†é«˜é€ŸåŒ–ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã‚„ã£ã¦ã‚‹ã“ã¨ã¯Rails4ã®turbolinksã¨ä¼¼ã¦ã¾ã™
sometk 2014/02/20
ãƒ–ã‚³ãƒ¡å‚ç…§

1402

Ajax

before

document

cms

javascript
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸