[B! javascript] Andrionã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Andrion id:Andrion

javascriptã«é–¢ã™ã‚‹Andrionã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

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

ã‚¤ãƒžãƒ‰ã‚ã®JavaScriptã®æ›¸ãæ–¹2018
PySpaçµ±åˆæ€å¿µä½“ã§ã™ã€‚ã“ã‚Œã‹ã‚‰JavaScriptã‚’è¦šãˆã‚‹ãªã‚‰ã€ã€Œã“ã®æ›¸ãæ–¹ã¯ã‚‚ã†è¦šãˆãªãã¦ã„ã„ã€ï¼ˆã‚ˆã‚Šã‚ˆã„ä»£æ›¿ãŒã‚ã‚‹ï¼‰ã¨ã„ã†ã‚‚ã®ã‚’é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚ ES6ä»¥é™ã®é›£ã—ã•ã¯ã€æ—§æ¥ã®æ›¸ãæ–¹ã«ãƒ—ãƒ©ã‚¹ãŒå¢—ãˆãŸã ã‘ã§ã¯ãªãã€å¤§é‡ã®ã€Œæ—§æ¥ã®æ›¸ãæ–¹ã¯é–“é•ã„ã‚’èª˜ç™ºã—ã‚„ã™ã„ã‹ã‚‰éžæŽ¨å¥¨ã€ã¨ã„ã†ã‚‚ã®ã‚’ä½œã‚Šå‡ºã—ãŸç‚¹ã«ã‚ã‚Šã¾ã™ã€‚5å¹´å‰ã€10å¹´å‰ã®æœ¬ã‚„ã‚¦ã‚§ãƒ–ãŒã‚ã¾ã‚Šå½¹ã«ç«‹ãŸã¡ã¾ã›ã‚“ã€‚ãªãŠã€æ›¸ãæ–¹ãŒè¤‡æ•°ã‚ã‚‹ã‚‚ã®ã¯ã€å¥½ãå«Œã„ã¯å½“ç„¶ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã‚ãˆã¦éŽæ¿€ã«1ã¤ã«çµžã£ã¦ã„ã‚‹ã¨ã“ã‚ã‚‚ã‚ã‚Šã¾ã™ã€‚ãªãŠã€ã“ã‚Œã¯ã“ã‚Œã‹ã‚‰æ–°è¦ã«å¦ã¶äººãŒã€éŽåŽ»ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚„ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ãŸæ™‚ã«å¤ã„æƒ…å ±ã‚’é¸åˆ¥ã™ã‚‹ãŸã‚ã®ã¾ã¨ã‚ã§ã™ã€‚æ®‹å¿µãªãŒã‚‰ã€ä»Šæ™‚ã®æ›¸ãæ–¹ã®ã¿ã§æ§‹æˆã•ã‚ŒãŸæ›¸ç±ãªã©ãŒå˜åœ¨ã—ãªã„ã‹ã‚‰ã§ã™ã€‚ ãŸã¶ã‚“æ˜Žç¤ºçš„ã«æ›¸ã„ã¦ã„ã¦ã‚‚èªã¿é£›ã°ã™äººã¯ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã™ã§ã«æ›¸ã„ã¦ã„ã‚‹äººå‘ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã“ã‚Œã‹ã‚‰æ›¸ãã‚³ãƒ¼ãƒ‰ã‚’ã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã«ã—ã¦ã„ãã®ã¯åˆ¥ã«ã„ã„
Andrion 2017/12/27
å‚è€ƒã«ãªã‚‹

javascript
ãƒªãƒ³ã‚¯
Service Workerã®åŸºæœ¬ã¨ãã‚Œã‚’ä½¿ã£ã¦ã§ãã‚‹ã“ã¨ - Qiita
Service Workerã¨ã¯ ãƒ–ãƒ©ã‚¦ã‚¶ãŒ Web ãƒšãƒ¼ã‚¸ã¨ã¯åˆ¥ã«ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§å®Ÿè¡Œã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã®ã‚¢ãƒ—ãƒªã‚’å®Ÿç¾ãƒ»ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŸã‚ã«ä½œã‚‰ã‚ŒãŸã‚‚ã®ã§ã™ ã¡ãªã¿ã«ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œçŠ¶æ³ã¯ã“ã‚“ãªæ„Ÿã˜ http://caniuse.com/#search=service%20workers ç‰¹å¾´ DOM ã«ã‚¢ã‚¯ã‚»ã‚¹ã§ããªã„ DOM ã‚’æ“ä½œã—ãŸã„å ´åˆã¯ã€Service Worker ãŒã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã—ã¦ã„ã‚‹ãƒšãƒ¼ã‚¸(js)ã¨ postMessage ã§ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã®ã‚„ã‚Šå–ã‚Šã‚’ã—ã¦è¡Œã† ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’ãƒ—ãƒã‚ã‚·ã™ã‚‹ã“ã¨ãŒå¯èƒ½ Service Worker ã¯ãƒ–ãƒ©ã‚¦ã‚¶ãŒå¿…è¦ã«å¿œã˜ã¦èµ·å‹•ãƒ»çµ‚äº†ã™ã‚‹ã®ã§ã€å¤‰æ•°ã®å€¤ã‚’ä¿æŒã—ã¦ãŠã‘ãªã„ Cacheã€IndexedDB ç‰ã§å€¤ã‚’ä¿å˜ã—ã¦ã€å¿…è¦ã«ãªã£ãŸæ™‚ã«å–ã‚Šå‡ºã™ã‚ˆã†ã«ã™ã‚‹ Promise ã‚’å¤šç”¨ã™ã‚‹ https ã‹ localhost ä¸Šã§ã—ã‹å‹•ä½œã—ãªã„ ãƒ©
Andrion 2017/11/27
javascript

ServiceWorker
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯â€¦â€¦é§†é€ã—ã¦ã‚„ã‚‹â€¦ã“ã®ä¸–ã‹ã‚‰â€¦ä¸€åŒ¹â€¦æ®‹ã‚‰ãš!! - Qiita
ã“ã®ãƒ†ã‚ã‚¹ãƒˆã¯ JavaScript ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ã«ç–²ã‚ŒãŸã²ã¨ã®ãŸã‚ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é§†é€è¡“æŒ‡å—æ›¸ã§ã™ã€‚å¯¾è±¡èªè€…ã¯ JavaScripté“åˆæ®µãã‚‰ã„ã®äººã§ã™ã€‚ã“ã®ãƒ†ã‚ã‚¹ãƒˆã‚’èªã‚€ã¨ã€ä»¥ä¸‹ã®ãã‚Œãžã‚Œã®æ‰‹æ®µã«ãŠã‘ã‚‹éžåŒæœŸå‡¦ç†åˆ¶å¾¡ã®ä»•çµ„ã¿ã€åˆ©ç‚¹ãŠã‚ˆã³æ¬ ç‚¹ãŒã‚ã‹ã‚‹ã‚ˆã†ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ jQuery.Deferred async.js Concurrent.Thread generators co fibers Web Workers (â€»ãªãœã‹ã€Žé€²æ’ƒã®å·¨äººã€ã®ä¸€éƒ¨ãƒã‚¿ãƒãƒ¬ãŒå«ã¾ã‚Œã‚‹ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„) ãã‚Œã¯ã€Žä½•æ•…äººã¯ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã™ã‚‹ã®ã‹ã€ã¨ã„ã†è©±ã§ã—ã‚‡ã†ã‹ï¼Ÿ éžåŒæœŸå‡¦ç†ã£ã¦é¢å€’ã§ã™ã‚ˆãã€‚JavaScriptã§ã¯ã„ã‚ã‚†ã‚‹ ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ ã¨ã„ã†ã‚„ã¤ã«ã—ã°ã—ã°é™¥ã‚ŠãŒã¡ã§ã™ã€‚ãŸã¨ãˆã°ã€Ajax ã§ãµãŸã¤ã®ãƒ•ã‚¡ã‚¤ãƒ« hoge.txt ã¨ piyo.txt ã‚’æŒã£ã¦ãã¦ã€ãã‚Œã‚‰
Andrion 2017/11/21
ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„

javascript
ãƒªãƒ³ã‚¯
ãªãœ dev.to ãŒã“ã‚“ãªã«ã‚‚é€Ÿãã€ã“ã‚“ãªã«ã‚‚è‡ªåˆ†ã«ã¨ã£ã¦æ„Ÿå‹•çš„ãªã®ã‹
æœ€åˆã«ã„ã£ã¦ãŠãã€‚ã“ã‚Œã¯è² ã‘æƒœã—ã¿ã ã€‚ SPAã¨PWAã®ç¾çŠ¶ è‡ªåˆ†ã¯æ—¥æœ¬ã§Reactã®å‹æ‰‹ã‚¨ãƒ´ã‚¡ãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã¿ãŸã„ãªã“ã¨ã‚’ã‚„ã£ã¦ã„ã¦ã€SPAã®é‡ã‚ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚ˆãä½œã£ã¦ã‚‹ã‹ã‚‰ã‹ã€ã€ŒãŠå‰ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ç‰©äº‹ã‚’ã‚„ã‚„ã“ã—ãã—ã¦ã€é‡ã„ãƒšãƒ¼ã‚¸ã‚’é‡ç”£ã—ã¦ã‚¦ã‚§ãƒ–ã‚’åŠ£åŒ–ã•ã›ã¦ã‚‹ã˜ã‚ƒãªã„ã‹ï¼ã€ã¿ãŸã„ãªæ‰¹åˆ¤ã‚’ã€åæŒ‡ã—ã§ã‚ˆãå—ã‘ã‚‹ã€‚ãªã‚“ã§åƒ•ã«ã„ã†ã‹ã‚ã‹ã‚‰ãªã„ã‘ã©ã€React = SPA ã¿ãŸã„ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã‚¹ã‚±ãƒ¼ãƒ—ã‚´ãƒ¼ãƒˆã«ã•ã‚Œã¦ã‚‹ã‚“ã ã‚ã†ã€‚ãã‚Œã¯ã¾ã‚ã„ã„ã€‚ è‡ªåˆ†ã®ä»•äº‹ã§SPAæŠ€è¡“ã‚’ä½¿ã†ã¨ã“ã‚ã¯ã€ã¡ã‚ƒã‚“ã¨å¿…è¦æ€§ã‚‚ã‚ã‚‹ã—ç†ç”±ã‚‚èª¬æ˜Žã§ãã‚‹ã€‚ãŸã ã€ã‚„ã¯ã‚Šè¿‘å¹´ã®è¤‡é›‘åŒ–/é‡é‡åŒ–ã«ã¤ã„ã¦æ€ã†ã¨ã“ã‚ã¯ã‚ã‚‹ã®ã§ã€é€†ã«æŒ¯ã£ã¦ AMP/PWA ã¨ã„ã†é¸æŠžè‚¢ã‚’æŒã£ã¦ãŠããŸãã¦ã€æ£ç›´è¨€ã†ã¨ä¾é ¼ã•ã‚ŒãŸR&Dã®ä»•äº‹ã§ã‚‚ã‚ã£ãŸã‚“ã ã‘ã©ã€ä¸€é€šã‚Šè¦šãˆãŸã€‚ãªã‚“ã ã‘ã©ã€ä»Šã®ã¨ã“ã‚ä»•äº‹ã§ä½¿ã†ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãŒãªã„ã€‚ PWAæŠ€è¡“ã‚’ä»•äº‹ã§ä½¿ãˆãªã‹ã£ãŸç†ç”±ã¨ã—ã¦
Andrion 2017/11/16
â€œä»Šå¾Œä¸€ç”ŸRailsã«å‹ã¦ãªã„ã‹ã‚‰ãªï¼â€

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰

javascript

React

spa
ãƒªãƒ³ã‚¯
EJS -- Embedded JavaScript templates
What is EJS? What is the "E" for? "Embedded?" Could be. How about "Effective," "Elegant," or just "Easy"? EJS is a simple templating language that lets you generate HTML markup with plain JavaScript. No religiousness about how to organize things. No reinvention of iteration and control-flow. It's just plain JavaScript. Use plain JavaScript We love JavaScript. It's a totally friendly language. All
Andrion 2017/10/31
javascript
ãƒªãƒ³ã‚¯
Handlebars
Semantic templatesHandlebars provides the power necessary to let you build semantic templates effectively with no frustration. Mustache-compatibleHandlebars is largely compatible with Mustache templates. In most cases it is possible to swap out Mustache with Handlebars and continue using your current templates. Fast executionHandlebars compiles templates into JavaScript functions. This makes the t
Andrion 2017/10/31
javascript
ãƒªãƒ³ã‚¯
https://pr.biprogy.com/tec_info/tr110/11001.pdf
Andrion 2017/08/15
æ´å²

web

JavaScript
ãƒªãƒ³ã‚¯
Ajaxã¯ã˜ã‚ã¦ç‰©èªžã€ãã—ã¦ã‚µãƒ¼ãƒã§ã‚‚å‹•ãJavaScriptï¼ˆ1/2ï¼‰- ï¼ IT
ã€ŒAjax: A New Approach to Web Applicationsã€ Google ãƒžãƒƒãƒ— é€£è¼‰30å›žã‚’è¨˜å¿µã—ã¦ã€Ajaxã®æ´å²ã‚’ç°¡å˜ã«æŒ¯ã‚Šè¿”ã‚Šã€AjaxãŒæµè¡Œã—ãŸç†ç”±ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ â– å…ˆæ—¥ã€3æ³ã«ãªã£ãŸã€ŒAjaxã€ã¨ã„ã†è¨€è‘‰ ã€ŒAjaxã€ã¨ã„ã†åå‰ã¯ã€2005å¹´2æœˆ18æ—¥ã«å…¬é–‹ã•ã‚ŒãŸJesse James Garrettæ°ã®ã€ŒAjax: A New Approach to Web Applicationsã€ã«ã‚ˆã£ã¦ã€åˆã‚ã¦ä¸–ã«é€ã‚Šå‡ºã•ã‚Œã¾ã—ãŸã€‚ã“ã‚Œä»¥å‰ã«ã€Ajaxã¨ã„ã†è¨€è‘‰ã¯ä½¿ã‚ã‚Œã¦ã„ã¾ã›ã‚“ã€‚ã—ã‹ã—ã€Ajaxã¯ä¾¿åˆ©ã‹ã¤å¼·åŠ›ã§ã‚ã‚‹ãŸã‚ã€å³åº§ã«çˆ†ç™ºçš„ãªæ™®åŠã‚’å§‹ã‚ã¾ã—ãŸã€‚ã“ã®å‹¢ã„ã¯ã€ã„ã¾ã«è‡³ã£ã¦ã‚‚ã¾ã æ¢ã¾ã£ã¦ã„ã¾ã›ã‚“ã€‚ç››ã‚Šä¸ŠãŒã‚Šãã®ã‚‚ã®ã¯ã‚„ã‚„è½ã¡ç€ã„ã¦ããŸã‚‚ã®ã®ã€æ–°ã—ã„æŠ€è¡“ã€æ–°ã—ã„ææ¡ˆã€æ–°ã—ã„å¿œç”¨ã¯å‡ºç¾ã—ç¶šã‘ã¦ã„ã¾ã™ã€‚ â– Googleãƒžãƒƒãƒ—ã®å‡ºç¾ã§å§‹ã¾ã£ãŸ
Andrion 2017/08/15
çš„ç¢ºãªæ´å²ç‰©èªž

Ajax

javascript
ãƒªãƒ³ã‚¯
Reactã€Angularã«ãªã˜ã‚ãªã‹ã£ãŸåƒ•ã«æ‰‹ã‚’å·®ã—ä¼¸ã¹ã¦ãã‚ŒãŸVue.js - Qiita
ã‚®ãƒ¼ã‚¯ãƒã‚¦ã‚¹ Advent Calendar 2016ã®12æœˆï¼’ï¼’æ—¥ã®è¨˜äº‹ã§ã™ã€‚ ä»–ã®æ–¹ã¨ã¯ã€å…¨ç„¶é•ã†é›°å›²æ°—ã«ãªã£ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€èªã‚“ã§ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ ãªãœVue.jsï¼Ÿï¼Ÿ æ™®æ®µã®ä»•äº‹ã§ã¯ã€Ruby/Railsãªã®ã§ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‘¨ã‚Šã¯ã€jQueryã«CoffeeScriptã§ç‰‡æ‰‹é–“æ„Ÿè¦š... â†“ ã—ã‹ã—æœ€è¿‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã¯ã€è‰¯ãã‚‚æ‚ªãã‚‚ç››ã‚Šä¸ŠãŒã£ã¦ã„ã¦æ¥½ã—ãã†ã ãªã‚ã¨æ€ã†æ—¥ã€…ã€‚ â†“ ã„ã‚ã„ã‚ã€ã‚°ã‚°ã£ã¦èª¿ã¹ã¦ã¿ã‚‹ã¨ã€ES6ã€Babelã€Reactãµã‚€ãµã‚€...ðŸ¤” ã‚“ï¼Ÿï¼Ÿ Webpack? JSX?? Flux?? Redux?? ã€Œè½ã¡ç€ã‘ï¼ã¨ã‚Šã‚ãˆãšæ—¥æœ¬èªžã§OKã€çŠ¶æ…‹ã€‚ã€‚æ£ã«ã“ã®è¨˜äº‹ã§æ›¸ã‹ã‚Œã¦ã„ã‚‹çŠ¶æ…‹ãã®ã‚‚ã®ã§ã—ãŸã€‚ â†“ Reactã¨ã‹ã§ã‚¤ã‚±ã¦ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’ã¡ã‚‡ã£ã¨è©¦ã—ãŸã„ã¨æ€ã£ã¦ã‚‚ã€Babelã‚„Webpackã®è¨å®šãªã©ç’°å¢ƒæ§‹ç¯‰ã§ã¤ã¾ã¥ãã€è‚å¿ƒã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§
Andrion 2017/06/21
javascript

vue.js

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰
ãƒªãƒ³ã‚¯
1