[B! javascript][ã‚¤ãƒ™ãƒ³ãƒˆ] Itisangoã®ãƒ

Itisango id:Itisango

javascriptã¨ã‚¤ãƒ™ãƒ³ãƒˆã«é–¢ã™ã‚‹Itisangoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

ã¾ã 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ã¨ã‹ã—ã‹ä½¿ã£ãŸã“ã¨ãŒãª
Itisango 2018/10/11
javascript

api

FetchAPI

ã‚¤ãƒ™ãƒ³ãƒˆ

ã‚ã¨ã§èªã‚€

programming

software

development

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

Web
ãƒªãƒ³ã‚¯
ã‚µã‚¤æœ¬ã“ã¨ã€ŽJavaScript ç¬¬6ç‰ˆã€å…¨800ãƒšãƒ¼ã‚¸ã‚’èªç ´ã—ã€1ä¸‡è¡Œã®esaã«ã¾ã¨ã‚ã¦ã‚ã‹ã£ãŸ5ã¤ã®ã“ã¨ - #ãŒã¿ã¶ã‚
ã—ãŒãªã„ãƒ©ã‚¸ã‚ªã®gamiã§ã™ã€‚ JavaScriptç•Œéšˆã§ã¯æœ‰åãªã€ã‚ªãƒ©ã‚¤ãƒªãƒ¼ã®ã‚µã‚¤æœ¬ã“ã¨ã€ŽJavaScript ç¬¬6ç‰ˆã€ã¨ã„ã†éˆå™¨ã€ã‚‚ã¨ã„æ›¸ç±ã‚’èªã¿ã¾ã—ãŸã€‚ JavaScript ç¬¬6ç‰ˆ ä½œè€…: David Flanagan,æ‘ä¸Šåˆ—å‡ºç‰ˆç¤¾/ãƒ¡ãƒ¼ã‚«ãƒ¼: ã‚ªãƒ©ã‚¤ãƒªãƒ¼ã‚¸ãƒ£ãƒ‘ãƒ³ç™ºå£²æ—¥: 2012/08/10ãƒ¡ãƒ‡ã‚£ã‚¢: å¤§åž‹æœ¬è³¼å…¥: 12äºº ã‚¯ãƒªãƒƒã‚¯: 252å›žã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚° (18ä»¶) ã‚’è¦‹ã‚‹ 2012å¹´ã«ç™ºè¡Œã•ã‚ŒãŸã€ç´„800ãƒšãƒ¼ã‚¸ã‚‚ã‚ã‚‹ã€ã‹ãªã‚Šå†…å®¹ã®å¤šã„æœ¬ã§ã™ã€‚ åƒ•ã¯æœ¬ã‚’èªã‚€ã¨ãã«esaã«è¦ç´„ã—ãªãŒã‚‰èªã¿é€²ã‚ã‚‹ã®ã§ã™ãŒã€ã‚µã‚¤æœ¬ã®ã¾ã¨ã‚esaã¯å…¨ä½“ã§ã€Œç´„1ä¸‡è¡Œã€ã¨ã„ã†ä¿®è¡Œã¿ãŸã„ãªåˆ†é‡ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ ã‚µã‚¤æœ¬ã€3å¹´è¶Šã—ãã‚‰ã„ã§ã‚„ã£ã¨èªã¿çµ‚ã‚ã£ãŸã‚ã‚ã‚ã‚ã‚ï¼ï¼ï¼esaã«ã¾ã¨ã‚ãªãŒã‚‰èªã‚“ã§ãŸã‘ã©ã€ã‚³ãƒ¼ãƒ‰ã‚‚å«ã‚ã¦ç´„23ä¸‡å—ã€1ä¸‡è¡Œã®åˆ†é‡ã«ãªã£ã¦ã¦esaãŒæ‚²é³´ã‚ã’ã¦ãŸwä»Šåº¦æ„Ÿæƒ³ãƒ–ãƒã‚°æ›¸ãã€‚å¤šãã®äºº
Itisango 2018/07/17
javascript

æœ¬

ã‚¤ãƒ™ãƒ³ãƒˆ

jQuery

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

software

web

development

programming

book
ãƒªãƒ³ã‚¯
ã‚¤ãƒ™ãƒ³ãƒˆä¸€è¦§
Events/API/jQuery Page Load ready(fn) DOMãŒãƒãƒ¼ãƒ‰ã•ã‚Œã¦æ“ä½œãƒ»è§£æžãŒå¯èƒ½ã«ãªã£ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§é–¢æ•°ã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ Event Handling bind(type, [data], fn) å„è¦ç´ ã‚’ã€ä¾‹ãˆã°"click"ã®ã‚ˆã†ãªã‚¤ãƒ™ãƒ³ãƒˆã®ãƒãƒ³ãƒ‰ãƒ©ã«å¯¾ã—ã¦ãƒã‚¤ãƒ³ãƒ‰ã—ã¾ã™ã€‚ã‚«ã‚¹ã‚¿ãƒ ã‚¤ãƒ™ãƒ³ãƒˆã«å¯¾ã—ã¦ã‚‚åŒæ§˜ã«æ“ä½œã§ãã¾ã™ã€‚ one(type, [data], fn) å„è¦ç´ ã«ä¸€åº¦ã ã‘å®Ÿè¡Œã•ã‚Œã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒãƒ³ãƒ‰ãƒ©ã‚’æ¸¡ã—ã¾ã™ã€‚ trigger(type, [data]) å„è¦ç´ ã®å¼•æ•°ã§æ¸¡ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ triggerHandler(type, [data]) è¦ç´ ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿè¡Œã—ã¾ã™ãŒã€ã‚ãã¾ã§ãƒãƒ³ãƒ‰ãƒ©ã«å…¥ã£ã¦ã„ã‚‹é–¢æ•°ã®ã¿ã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§æŒã£ã¦ã„ã‚‹å‹•ä½œã¯è¡Œã‚ã‚Œã¾ã›ã‚“ã€‚ unbind([type], [data]) bindã®é€†ã§ã™
Itisango 2015/09/05
jQuery's event reference manual

ã‚ã¨ã§èªã‚€

jquery

javascript

reference

webåˆ¶ä½œ

web

æ—¥æœ¬èªž

ã‚¤ãƒ™ãƒ³ãƒˆ

manual

event
ãƒªãƒ³ã‚¯
é–‹çœ¼ï¼ JavaScript ã‚ªãƒ³ãƒ©ã‚¤ãƒ³å‹‰å¼·ä¼š #tkbjs
Online Study TokyoBouldering.js(tkbjs)ã¨ã„ã†ã‚ªãƒ³ãƒ©ã‚¤ãƒ³å‹‰å¼·ä¼šã§ã¯ã€ æ¯Žæœˆç¬¬2ã€ç¬¬4ç«æ›œæ—¥ã€22æ™‚ã‹ã‚‰1æ™‚é–“ã§æ¯Žå›žã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã§æ›¸ç±ã®èªæ›¸ä¼š/å†™çµŒä¼šã‚’ã—ã¦ã„ã¾ã™ã€‚ ä»Šã€5å†Šç›®ã¨ãªã‚‹é–‹çœ¼ï¼ JavaScriptã‚’é–‹å§‹ã—ãŸã°ã‹ã‚Šãªã®ã§ã€ èˆˆå‘³ã‚ã‚‹äººã¯Online Study TokyoBouldering.js â€“ Lingrã‹ã‚‰ãƒã‚°ã‚¤ãƒ³ã™ã‚‹ã¨å‚åŠ ã§ãã¾ã™ã€‚ JavaScript Good Parts - Online JavaScript å‹‰å¼·ä¼šã‚’å§‹ã‚ã¾ã™ï¼ - tatsuo.sakurai's blog JavaScriptãƒ‘ã‚¿ãƒ¼ãƒ³ Effective JavaScript tkbjs ã‚ªãƒ³ãƒ©ã‚¤ãƒ³JavaScriptå‹‰å¼·ä¼š3å†Šç›®Effective JavaScriptã¯11æœˆ26æ—¥ã‹ã‚‰ã‚¹ã‚¿ãƒ¼ãƒˆ | Web Scratch Promiseæœ¬ #tkbjs ã§
Itisango 2015/08/03
javascript

blog

ã‚ã¨ã§èªã‚€

å‹‰å¼·ä¼š

ã‚ªãƒ³ãƒ©ã‚¤ãƒ³

ã‚¤ãƒ™ãƒ³ãƒˆ

web

programming

æ—¥æœ¬
ãƒªãƒ³ã‚¯
Node.jsã®ã‚¤ãƒ™ãƒ³ãƒˆãƒ«ãƒ¼ãƒ—ã‚’ç†è§£ã™ã‚‹ | POSTD
(è¨³æ³¨ï¼š2015/8/4ã€ã„ãŸã ã„ãŸç¿»è¨³ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’å…ƒã«è¨˜äº‹ã‚’ä¿®æ£ã„ãŸã—ã¾ã—ãŸã€‚) Nodeã®â€ã‚¤ãƒ™ãƒ³ãƒˆãƒ«ãƒ¼ãƒ—â€ã¯é«˜ã‚¹ãƒ«ãƒ¼ãƒ—ãƒƒãƒˆã®ã‚·ãƒŠãƒªã‚ªã‚’æ“ä½œã™ã‚‹ä¸æž¢ã§ã€ãƒ¦ãƒ‹ã‚³ãƒ¼ãƒ³ã‚„è™¹ã§æº€ã¡ã‚ãµã‚Œã¦ã„ã‚‹ã‚ˆã†ãªé…åŠ›çš„ãªå ´æ‰€ã§ã™ã€‚ãã—ã¦ã“ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒ«ãƒ¼ãƒ—ã®ãŸã‚ã€ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§ä»»æ„ã®å‡¦ç†ã®å®Ÿè¡ŒãŒå¯èƒ½ã§ã‚ã‚ŠãªãŒã‚‰ã€Nodeã¯æœ¬è³ªçš„ã«â€ã‚·ãƒ³ã‚°ãƒ«ã‚¹ãƒ¬ãƒƒãƒ‰â€ã«ãªã‚‹ã®ã§ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ã‚¤ãƒ™ãƒ³ãƒˆãƒ«ãƒ¼ãƒ—ãŒã©ã®ã‚ˆã†ãªå‡¦ç†ã‚’è¡Œã†ã®ã‹ã‚’èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ãã†ã™ã‚Œã°çš†ã•ã‚“ã‚‚ã€ã“ã®é”æ³•ã‚’ä½¿ã„ã“ãªã›ã‚‹ã‚ˆã†ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆé§†å‹•åž‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° ã‚¤ãƒ™ãƒ³ãƒˆãƒ«ãƒ¼ãƒ—ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«ã¾ãšå¿…è¦ãªã®ã¯ã€ã‚¤ãƒ™ãƒ³ãƒˆé§†å‹•åž‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã‚’ç†è§£ã™ã‚‹ã“ã¨ã§ã™ã€‚ã‚¤ãƒ™ãƒ³ãƒˆé§†å‹•åž‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯ã€1960å¹´ä»£ã‹ã‚‰åºƒãçŸ¥ã‚‰ã‚Œã¦ãã¾ã—ãŸã€‚ç¾åœ¨ã¯ä¸»ã«UIã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚JavaScriptã§ã¯ä¸»ã«DOMã¨ã®ã‚„ã‚Šã¨ã‚Šã§åˆ©
Itisango 2015/08/03
node.js

api

ã‚¤ãƒ™ãƒ³ãƒˆ

event

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

javascript

ã‚ã¨ã§èªã‚€

Node

dom
ãƒªãƒ³ã‚¯
JavaScript ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³
JavaScript ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã¯ä½•ï¼Ÿ ãƒ“ãƒ¥ãƒ¼ã‚’å°‘ã—ãšã¤å›žè»¢ã€æ‹¡å¤§ç¸®å°ã€ç§»å‹•ã€å¤‰è‰²ãªã©ã‚’è¡Œã„ã€é€£ç¶šçš„ãªå‹•ãã‚’ä½œã‚‹ ã“ã‚“ãªæ„Ÿã˜ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> ãªã‚“ã§ã€ã‚ã‚“ãªæ„Ÿã˜ã®æ›¸ãæ–¹ã«ãªã‚‹ã®ï¼Ÿ setInterval ã®æ„å‘³ãŒåˆ†ã‹ã‚‰ãªã„ ã“ã‚“ãªæ„Ÿã˜ã§æ›¸ã‘ãªã„ã®ï¼Ÿ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
Itisango 2012/05/13
javascript

animation

ã‚¤ãƒ™ãƒ³ãƒˆ

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

amachang

document

2012å¹´
ãƒªãƒ³ã‚¯
Google Developer Day 2009 ã«æ¥ã¦ã¾ã™ / ã„ã£ã¦ãã¾ã—ãŸ - è‚‰ã¨ãƒ“ãƒ¼ãƒ«ã¨ãƒ‘ãƒ³ã‚±ãƒ¼ã‚ by @sotarok
åˆå‰ä¸ã¯é…ã‚Œã¦ããŸã®ã§ï¼Œãƒ¡ãƒ¢ã‚Œãªã‹ã£ãŸã‘ã©ï¼Œå…¥ã£ãŸã¨ãã¡ã‚‡ã†ã©Google Waveã®ãƒ‡ãƒ¢ã‚„ã£ã¦ã¦ï¼Œè¦‹ãŸã„ã‚‚ã®è¦‹ã‚ŒãŸã£ã¦ã‹ã‚“ã˜ï¼Ž ã‚ã¨ï¼ŒGoogle Maps API v3ãŒè¿‘æ—¥ä¸ã«æ¥ã‚‹ã‚ˆï¼Œã¨ã‹ï¼Žã„ã‚ã„ã‚ï¼Žv3ã¯API keyãŒã„ã‚‰ãªããªã‚‹ã‚‰ã—ã„ï¼Žãƒ«ãƒ¼ãƒˆæ¤œç´¢ç”¨APIãŒã¤ãã¨ã‹ï¼Œã„ã‚ã„ã‚ã™ã°ã‚‰ã—ã„ï¼Žã‚ã¨ï¼Œæºå¸¯ã‚µã‚¤ãƒˆæ§‹ç¯‰ç”¨ã«æ‰±ã„ã‚„ã™ã„APIã¨ã‹ï¼Ÿè©³ç´°ä¸æ˜Žã ã‘ã©ï¼Ž ãã‚Œã¨ï¼ Android æºå¸¯ã®ç«¯æœ«ã‚’äº‹å‰ç™»éŒ²ã—ã¦ãŸå‚åŠ è€…å…¨å“¡ãƒ—ãƒ¬ã‚¼ãƒ³ãƒˆã¨ã„ã†ã‚µãƒ—ãƒ©ã‚¤ã‚ºï¼Ž ã¨ã„ã†ã“ã¨ã§ï¼Œã‚²ãƒƒãƒˆã—ã¦ã¾ã„ã‚Šã¾ã—ãŸï¼ï¼ ã¡ãªã¿ã«ï¼Œãƒžã‚¹ã‚¯ã‚’ã‚‚é…ã£ãŸï¼ŽGoogleï¼Žï¼Žï¼Ž åˆå¾Œã‹ã‚‰ãƒ©ã‚¤ãƒ–æ›´æ–°ã—ã¾ã™ï¼Ž HTML5ã«ã‚ˆã‚Šæ‹“ã‹ã‚Œã‚‹æ¬¡ä¸–ä»£Web ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ HTML4ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã§ã¯ã‚ã‚‹ãŒãƒ»ãƒ»ãƒ» HTMLã®å½¹å‰²ã®å¤‰åŒ– æ–‡æ›¸ã®å…±æœ‰ã€€->ã€€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®åœŸå° HTML5ã®æ–°æ©Ÿèƒ½ ã‚ªãƒ•ãƒ©ã‚¤ãƒ³é–¢é€£æ©Ÿèƒ½ SVG
Itisango 2009/06/16
html5

html

web

develop

event

report

google

ã¾ã¨ã‚

ã‚¤ãƒ™ãƒ³ãƒˆ

javascript
ãƒªãƒ³ã‚¯
1