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

n2s id:n2s

javascriptã«é–¢ã™ã‚‹n2sã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (1,043)

${{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 ã§ CPU ãŒ Intel ã‹ã©ã†ã‹ã‚’åˆ¤å®šã™ã‚‹ï¼ˆã¤ã„ã§ã« JIT ã‚’æ¤œçŸ¥ã™ã‚‹ï¼‰
å…ˆæ—¥ã€æ¬¡ã®ã‚ˆã†ãª Tweet ã‚’è¦‹ã‹ã‘ã¾ã—ãŸ TIL I discovered that TensorFlow.js uses an interesting trick to sniff your CPU architecture in WebAssembly. pic.twitter.com/LVyywIM48I â€” Robert Knight (@robknight_) January 4, 2023 é¢ç™½ã‹ã£ãŸã®ã§ã€ãªãœã“ã†ãªã‚‹ã®ã‹ã®è§£èª¬ã¨ã€ã¤ã„ã§ã«ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ä½¿ã£ãŸ JIT æ¤œçŸ¥æ–¹æ³•ãªã©ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ JavaScript ã«ãŠã‘ã‚‹ä½Žãƒ¬ã‚¤ãƒ¤ãƒ¼ã®æ‰±ã„ JavaScript ã«ãŠã„ã¦ã¯ã€æŒ™å‹•ãŒæ¯”è¼ƒçš„ã—ã£ã‹ã‚Šã¨ä»•æ§˜ã«å®šã‚ã‚‰ã‚Œã¦ã„ã‚‹ãŸã‚ã«ã€ç’°å¢ƒã«ã‚ˆã‚‹æŒ¯ã‚‹èˆžã„ã®é•ã„ã¯ã‚ã¾ã‚Šç™ºç”Ÿã—ã¾ã›ã‚“ã€‚ã—ã‹ã—ã€ä½Žãƒ¬ã‚¤ãƒ¤ãƒ¼ã«é™ã‚Šã‚‹ã»ã©æŒ¯ã‚‹èˆžã„ã¯å®Ÿè£…ä¾å˜ã«ãªã‚Šã€ç’°å¢ƒå·®ãŒç™ºç”Ÿã™ã‚‹ä½™åœ°ãŒå‡ºã¦ãã¾ã™ã€‚ ä¸€ç•ª
n2s 2023/02/23
NaNãã‚Œã“ã‚ã„ï½—

javascript
ãƒªãƒ³ã‚¯
ã•ã‚ˆã†ãªã‚‰ã€Node.js - æ ªå¼ä¼šç¤¾ã‚«ãƒ–ã‚¯
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€‚JavaScriptã®æœ¬ã‚’æ›¸ã„ãŸã‚Šã—ã¦ã„ã‚‹ã‚ã‚“ã©ã†ã§ã™ã€‚ JavaScriptã€æµè¡Œã£ã¦ã¾ã™ã‚ˆãã€‚ã‚ˆã‚Šæ£ç¢ºã«ã¯Node.jsæµè¡Œã£ã¦ã¾ã™ã‚ˆãã€‚ã¶ã£ã¡ã‚ƒã‘ãƒãƒ³ã‚ºã‚ªãƒ³ãªã‚“ã¨ã‹ã‚‚Node.jsã®æ–¹ãŒã ã„ã¶ãƒ»ãƒ»ãƒ»ã‚²ãƒ•ãƒ³ã‚²ãƒ•ãƒ³ã€‚ã¾ããƒãƒ³ã‚ºã‚ªãƒ³Node.jsã¯ãƒžã‚¸åè‘—ãªã®ã§ãã®ã“ã¨ã¯ç½®ã„ã¦ãŠãã¨ã—ã¦ã€ãã®Node.jsã«ã¤ã„ã¦æ£ç›´ãªã¨ã“ã‚ã¿ãªã•ã‚“ã¯ã©ã†æ€ã£ã¦ã¾ã™ã§ã—ã‚‡ã†ã‹ï¼Ÿ ç§ã¯Rails æ–‡åŒ–åœå‡ºèº«ãªã®ã§ã€é–‹ç™ºã«å¿…è¦ã¨ã‚ã‹ã‚Šãã£ã¦ã„ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’äº‹å‰ã«ã‚ã–ã‚ã–ã‚ã‚Œã‚„ã“ã‚Œã‚„ã¨æ¤œè¨¼ã—ã¦è¨å®šã—ã¦ã¿ãŸã„ãªã®ãŒé¢å€’ãã•ãã¦ã—ã‚‡ã†ãŒãªã„ã§ã™ã€‚ãªã‚“ã‹æ€ã„ã¤ã„ã¦ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã«æ‰‹ã‚’ç½®ã„ãŸã‚‰ãƒŽãƒ¼ã‚¿ã‚¤ãƒ ã§æ©Ÿèƒ½ã®å®Ÿè£…ã‚’é–‹å§‹ã—ãŸã„ã€‚ ã—ã‹ã‚‚ã™ãæ–°ã—ã„åŒã˜ã‚ˆã†ãªãƒ„ãƒ¼ãƒ«ãŒå‡ºã¦ãã¦æ•°å¹´ã§ä¸»è¦ãƒ„ãƒ¼ãƒ«ç·å–ã£æ›¿ãˆä¸Šç‰ã€‚ãƒã‚¸ãƒ†ã‚£ãƒ–ã«æ‰ãˆã‚Œã°ä¸‡ç‰©æµè»¢ã¨ã‹è«¸è¡Œç„¡å¸¸ã¨ã‹äººç”Ÿã®ã‚ã‚Œã“ã‚Œã®ç¾ã‚Œã‹ã‚‚ã—ã‚Œãªã„ã‘ã©ã€æ£ç›´å›žã—è»Šã®ä¸ã®ãƒãƒ ã‚¹ã‚¿
n2s 2021/10/08
denoã®åå‰ã‚’ã‚¿ã‚¤ãƒˆãƒ«ã§ã‚‚ã£ãŸã„ã¶ã£ã¦å‡ºã•ãªã„ã¨ã‹ã€ã‚ªãƒã®ã€Œãã‚“ã˜ã‚ƒãƒ¼ãã€ã¨ã‹ãŒæ£ç›´è‡ã£ã¦ã—ã‚‡ã†ãŒãªã„ã‘ã©ã„ã¡ã„ã¡æ°—ã«ã™ã‚‹ã®ã¯ä¿ºã ã‘ã§ã„ã„

javascript

node.js

deno
ãƒªãƒ³ã‚¯
çŸ¥ã£ã¦ãŠãã¨å®Ÿè£…ã«å½¹ç«‹ã¤ï¼JavaScriptã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚
ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã«ã¯ã€å®Ÿè£…ã«å½¹ç«‹ã¤ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„ãƒ’ãƒ³ãƒˆãŒæº€è¼‰ã§ã™ã€‚ãã®ä¸ã‹ã‚‰ç‰¹ã«æœ‰ç”¨ãªJavaScriptã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¨ãƒ’ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 8 JavaScript Tips & Tricks That No One Teaches ðŸš€ by Garvit Motwani (@GarvitMotwani) ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. JavaScriptã«ãŠã‘ã‚‹æ©Ÿèƒ½ç¶™æ‰¿ 2. .map()ã®ç½®æ› 3. æ•°å€¤ã‹ã‚‰æ–‡å—åˆ—ã«ã€æ–‡å—åˆ—ã‹ã‚‰æ•°å€¤ã« 4. lengthã‚’ä½¿ç”¨ã—ã¦é…åˆ—ã®ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã—ãŸã‚Šã€ç©ºã«ã™ã‚‹ 5. é…åˆ—ã®åˆ†å‰²ã§å€¤ã‚’å…¥ã‚Œæ›¿ãˆã‚‹ 6. é…åˆ—ã‹ã‚‰é‡è¤‡ã‚’å‰Šé™¤ã™ã‚‹ 7. ãƒ«ãƒ¼ãƒ—ã®ã‚³ãƒ¼ãƒ‰ã‚’å°‘ãªãã™ã‚‹ 8. ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ çµ‚ã‚ã‚Šã« ã¯ã˜ã‚ã« JavaScriptã¯ä¸–ç•Œã§æœ€ã‚‚ã‚¯ãƒ¼ãƒ«ãªè¨€èªž
n2s 2021/04/22
javascript
ãƒªãƒ³ã‚¯
JavaScriptã§Object.entries/fromEntriesã§reduceã®åˆ©ç”¨é »åº¦ã‚’æ¸›ã‚‰ã™
entriesã¨ã¯ JavaScriptã«ã¯Object.entries() / Array.prototype.entries() ãªã©ã€ã‚¤ãƒ†ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒã§ãã‚‹ã‚‚ã®ã«ã¯entitiesã¨ã„ã†ã‚‚ã®ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã€‚ ã“ã‚Œã¯è¦ç´ ã‚’[key, value] ã®é…åˆ—ã¨ã—ã¦å¤‰æ›ã™ã‚‹ã‚‚ã®ã ã€‚ ã¾ãŸã€Object.fromEntriesã¨ã„ã†ã‚‚ã®ãŒã‚ã‚‹ã€‚ã“ã‚Œã¯é€†ã«[key,value]ã§æ§‹æˆã•ã‚ŒãŸé…åˆ—ã‚’Objectã¸å¤‰æ›ã™ã‚‹ã‚‚ã®ã«ãªã‚‹ã€‚ Array / Map / Setã¯prototypeå®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€someArray.entries()ãªã©ã§ãã‚‹ãŒã€Objectã¯ãã†ã„ã†ã‚‚ã®ã‚’æŒã¦ãªã„ã®ã§ã€Object.fromEntries(obj)ã¨ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ è©³ã—ãã¯MDNã‚’å‚ç…§ã—ã¦ã»ã—ã„ https://developer.mozilla.org/ja/docs/Web/JavaScript/
n2s 2021/04/03
javascript
ãƒªãƒ³ã‚¯
2021å¹´ã«JavaScriptã‚„Node.jsã‚’å‹‰å¼·ã—å§‹ã‚ãŸã®ã§ã€èªã‚“ã§è‰¯ã‹ã£ãŸè³‡æ–™ã‚’ã¾ã¨ã‚ã‚‹
2021å¹´ã«ãªã£ã¦JavaScriptã€TypeScriptã€Node.jsã®å‹‰å¼·ã‚’å§‹ã‚ã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€èªã‚“ã§è‰¯ã‹ã£ãŸæœ¬ã€è¨˜äº‹ã€å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãªã©ã‚’ã¾ã¨ã‚ã¦ã„ãã¾ã™ã€‚ â€»2021/03æ™‚ç‚¹ã®æƒ…å ±ã§ã™ã€‚ å€‹äººçš„ãªãƒªãƒ³ã‚¯é›†ã§ã™ãŒã€ã€Œã“ã‚Œã‚‚èªã‚€ã¨è‰¯ã„ã‚ˆã€ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Œã°ãœã²æ•™ãˆã¦ãã ã•ã„ã€‚ ECMAScript ECMAScriptã®ä»•æ§˜ã¯ã€Ecmaã®TC39ã§ç–å®šã•ã‚Œã¦ã„ã‚‹ Ecma TC39 GitHub organization ep78 TC39 | mozaic.fm Node.jsã®å„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã®ECMAScriptã‚µãƒãƒ¼ãƒˆçŠ¶æ³ JavaScript Misreading Chat - #86: JavaScript: the first 20 years JavaScript äºŒåå¹´ã®æ´å²ã«ã¤ã„ã¦ã®å›ž JavaScript ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« | MDN JavaScri
n2s 2021/03/21
javascript
ãƒªãƒ³ã‚¯
Google TypeScript Style Guide
// Good: choose between two options as appropriate (see below). import * as ng from '@angular/core'; import {Foo} from './foo'; // Only when needed: default imports. import Button from 'Button'; // Sometimes needed to import libraries for their side effects: import 'jasmine'; import '@polymer/paper-button'; Import paths TypeScript code must use paths to import other TypeScript code. Paths may be r
n2s 2021/02/17
https://twitter.com/clockmaker/status/1361816627927347200

javascript

TypeScript

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´„
ãƒªãƒ³ã‚¯
JavaScriptæƒ…å ±ã®æƒ…å ±æºã¨ãªã£ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã®ä¸€è¦§ã‚’ä½œã£ãŸ
JSer.infoã§ç´¹ä»‹ã—ãŸã‚µã‚¤ãƒˆã®ãƒ‡ãƒ¼ã‚¿ã‚’ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¥ã§ä¸€è¦§ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ä½œã‚Šã¾ã—ãŸã€‚ JSer.info Watch List JSer.info Watch Listã¯ã€æ¬¡ã®æ¡ä»¶ã§ã‚µã‚¤ãƒˆã‚’ãƒ‰ãƒ¡ã‚¤ãƒ³åˆ¥(ã¾ãŸã¯ä½œè€…åˆ¥)ã§ä¸€è¦§ã§ãã¾ã™ã€‚ JSer.infoã§2å¹´ä»¥å†…ã«ç´¹ä»‹ã—ãŸã“ã¨ãŒã‚ã‚‹ã‚µã‚¤ãƒˆãŒå¯¾è±¡ ç´¹ä»‹ã—ãŸå›žæ•°é † GitHubã‚„Amazonãªã©ä¸€éƒ¨ç‰¹æ®Šãªã‚‚ã®ã¯é™¤å¤– JSer.infoã‚’æ›´æ–°ã™ã‚‹ãŸã³ã«ã“ã®ãƒªã‚¹ãƒˆã‚‚æ›´æ–°ã•ã‚Œã¾ã™ã€‚ ãã®ãŸã‚ã€é®®åº¦ã‚’ä¿ã¡ã¤ã¤ã€JavaScriptã®æƒ…å ±æºã¨ãªã‚‹ã‚µã‚¤ãƒˆãŒä¸€è¦§ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚¿ã‚°ã§ã®çµžã‚Šè¾¼ã¿ã‚‚ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€èˆˆå‘³ãŒã‚ã‚‹ãƒˆãƒ”ãƒƒã‚¯ã®ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ãªã©ã‚’èª¿ã¹ã¦ã¿ã‚‹ã¨ã„ã„ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã€‚ https://t.co/CXy3hOXJ8q ã®ãƒ‡ãƒ¼ã‚¿ã‚’ä½¿ã£ãŸJavaScriptæƒ…å ±æºãƒªã‚¹ãƒˆ ã‚¿ã‚°ã§ã®çµžã‚Šè¾¼ã¿ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚ "per
n2s 2021/02/07
javascript

!index
ãƒªãƒ³ã‚¯
JSã®æ—¥ä»˜ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ã€ã©ã‚Œã‚’ä½¿ãˆã°ã„ã„ã®ã‹ã¾ã¨ã‚
Moment.jsã¯ã€æ–°è¦é–‹ç™ºåœæ¢ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãƒ¢ãƒ¼ãƒ‰ã«ç§»è¡Œ Moment.jsã¯ã€æ–°è¦æ©Ÿèƒ½ã®é–‹ç™ºåœæ¢ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãƒ¢ãƒ¼ãƒ‰(ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¿®æ£ã¨Moment Timezoneã®ãƒ‡ãƒ¼ã‚¿æ›´æ–°ã¯è¡Œã†)ã«ç§»è¡Œã™ã‚‹ã“ã¨ãŒç™ºè¡¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰æ–°è¦é–‹ç™ºã™ã‚‹ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ã€åˆ¥ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã“ã¨ãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ åƒ•ã®æ–°è¦é–‹ç™ºã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚å½“åˆã¯Moment.jsã‚’ä½¿ã£ã¦ã„ã¾ã—ãŸãŒã€ãƒªãƒªãƒ¼ã‚¹å‰ã«ã“ã®ç™ºè¡¨ãŒå‡ºãŸã®ã§ã€åˆ¥ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«å¤‰æ›´ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Moment.jsã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãƒšãƒ¼ã‚¸ã«ã€æŽ¨å¥¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒ4ã¤æŽ²è¼‰ã•ã‚Œã¦ã„ãŸã®ã§ã€ãã®ä¸ã‹ã‚‰é¸ã¶ã“ã¨ã«ã—ã¾ã—ãŸã€‚ Luxon Day.js date-fns js-Joda ç°¡å˜ã«çµè«–ãŒå‡ºã‚‹ã‚±ãƒ¼ã‚¹ Day.jsã‚’ä½¿ã†ã¹ãäºº Moment.jsã‹ã‚‰ã®ç§»è¡Œ Moment.jsã‚’ä½¿ã„æ…£ã‚Œã¦ã„ã‚‹äºº Day.jsã¯Moment.jsã¨åŒã˜APIä½“ç³»ã‚’
n2s 2020/12/30
javascript
ãƒªãƒ³ã‚¯
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ï¼šReact ã®å°Žå…¥ â€“ React
ã“ã®è¨˜äº‹ã¯å¤ããªã£ã¦ãŠã‚Šã€ä»Šå¾Œæ›´æ–°ã•ã‚Œã¾ã›ã‚“ã€‚æ–°ã—ã„ React æ—¥æœ¬èªžãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ã‚ã‚‹ ja.react.dev ã‚’ã”åˆ©ç”¨ãã ã•ã„ã€‚ æ–°ã—ããªã£ãŸãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯æœ€æ–°ã® React ã®ä½¿ã„æ–¹ãŒãƒ©ã‚¤ãƒ–ã‚µãƒ³ãƒ—ãƒ«ä»˜ãã§å¦ã¹ã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯ React ã®äº‹å‰çŸ¥è˜ã‚¼ãƒã§ã‚‚èªã¿é€²ã‚ã‚‰ã‚Œã¾ã™ã€‚ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’å§‹ã‚ã‚‹å‰ã« ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯å°ã•ãªã‚²ãƒ¼ãƒ ã‚’ä½œæˆã—ã¾ã™ã€‚è‡ªåˆ†ã¯ã‚²ãƒ¼ãƒ ã‚’ä½œã‚ŠãŸã„ã®ã§ã¯ãªã„ã‹ã‚‰ã€ã¨é£›ã°ã—ãŸããªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æ˜¯éžç›®ã‚’é€šã—ã¦ã¿ã¦ãã ã•ã„ã€‚ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§å¦ã¶æŠ€æ³•ã¯ã©ã®ã‚ˆã†ãª React ã®ã‚¢ãƒ—ãƒªã«ãŠã„ã¦ã‚‚åŸºæœ¬çš„ãªã‚‚ã®ã§ã‚ã‚Šã€ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹ã“ã¨ã§ React ã¸ã®æ·±ã„ç†è§£ãŒå¾—ã‚‰ã‚Œã¾ã™ã€‚ ãƒ’ãƒ³ãƒˆ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯å®Ÿéš›ã«æ‰‹ã‚’å‹•ã‹ã—ã¦å¦ã³ãŸã„äººå‘ã‘ã«æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’é †ç•ªã«å¦ã‚“ã§ã„ããŸã„äººã¯ä¸€æ®µéšŽãšã¤å¦ã¹ã‚‹ã‚¬ã‚¤ãƒ‰ã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ã“ã®ãƒãƒ¥ãƒ¼ãƒˆ
n2s 2020/12/28
javascript

React
ãƒªãƒ³ã‚¯
JavaScriptã®async/awaitã¯Promiseã®ç³–è¡£æ§‹æ–‡ã‹
Q. JavaScriptã®async/awaitã¯Promiseã®ç³–è¡£æ§‹æ–‡ã‹ï¼Ÿ A. ç³–è¡£æ§‹æ–‡ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ Q. ãªãœï¼Ÿ A. async functionæ§‹æ–‡ã§ä½œã‚‰ã‚ŒãŸé–¢æ•°ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«å¯¾ã—ã¦Function.prototype.toStringãƒ¡ã‚½ãƒƒãƒ‰ã‚’å‘¼ã³å‡ºã™ã¨ã€async functionã§å§‹ã¾ã‚‹æ–‡å—åˆ—ãŒå¾—ã‚‰ã‚Œã¾ã™ã€‚ã“ã‚Œã¯Promiseã ã‘ã§ã¯ä¸å¯èƒ½ã§ã€async functionæ§‹æ–‡ã‚’ç”¨ã„ãªã„ã¨ä¸å¯èƒ½ã§ã™ã€‚ async function foo() {} // "async function foo() {}" console.log(Function.prototype.toString.call(foo));
n2s 2020/12/15
javascript

deferred_promise
ãƒªãƒ³ã‚¯
Promise ã®ã‚ãƒ£ãƒ³ã‚»ãƒ«ã«ã¤ã„ã¦ - Qiita
[ English version ] JavaScript ã¨ Node.js ã«ã¤ã„ã¦ã®ã“ã®å¾¹åº•ã—ãŸæŠ•ç¨¿ã§ã¯ã€Promises ã®ã‚ãƒ£ãƒ³ã‚»ãƒ«ã®æ´å²ã€ãªãœNode.jsã«é–¢ä¿‚ãŒã‚ã‚‹ã®ã‹ã€ãã—ã¦ async/await APIã§ä½¿ãŠã†ã¨ã—ãŸã¨ãã«æ³¨æ„ã™ã¹ãã“ã¨ã«ã¤ã„ã¦å¦ã¶ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®æŠ•ç¨¿ã¯ã€JavaScript ã® Promise API ã‚’ã‚ˆãç†è§£ã—ã¦ã„ã¦ã€ Node.js ã®çµŒé¨“ãŒã‚ã‚‹æ–¹ã®ãŸã‚ã®ã‚‚ã®ã§ã™ã€‚ æ´å² 2014 å¹´ã« Promise API ãŒãƒ–ãƒ©ã‚¦ã‚¶ã«å°Žå…¥ã•ã‚Œã¦ä»¥æ¥ã€äººã€…ã¯ Promise ã§ä»–ã«ä½•ãŒã§ãã‚‹ã‹ã‚’èª¿ã¹ã¦ã„ã¾ã—ãŸã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã«æœ€åˆã«ç™»å ´ã—ãŸé–¢é€£APIã¯ã€HTTP ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®ãŸã‚ã® fetch() ã§ã—ãŸã€‚ HTTP ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®å•é¡Œã¯ã€ã‚µãƒ¼ãƒãƒ¼ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’æ¶ˆè²»ã™ã‚‹ã“ã¨ã§ã‚ã‚Šã€ã‚µãƒ¼ãƒãƒ¼ã«é€ä¿¡ã•ã‚Œã‚‹ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®æ•°ãŒå¤šã„å ´åˆã¯ãŠé‡‘ãŒã‹ã‹ã‚Šã¾ã™ã€‚ã“ã®ãŸã‚ã€ç‰¹ã«
n2s 2020/12/11
javascript

deferred_promise
ãƒªãƒ³ã‚¯
Make a resizable element - HTML DOM
n2s 2020/11/20
resizableã‚’jQueryãªã—ã§å®Ÿè£… / ãƒžã‚¦ã‚¹ãƒœã‚¿ãƒ³ã®æŠ¼ã—é›¢ã—æ¯Žã«addEventListener(), removeEventListener() ã‚„ã£ã¦ã‚‹ã€‚ã‚„ã‚‰ã‚ŒãŸã€ãã®ç™ºæƒ³ã¯ãªã‹ã£ãŸï½—

javascript

DOM

event
ãƒªãƒ³ã‚¯
Vanilla JSã®108ã®ä¸€èˆ¬çš„ãªDOMã‚¿ã‚¹ã‚¯ï¼šHTML DOMãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ ç¬¬2ç‰ˆ ä½•åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ãƒƒã‚¯ã€ŒPractical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootã‚’ä½¿ã£ãŸREST APIæ§‹ç¯‰ã®åŸºç¤Žã‚’å¦ã‚“ã ã€‚ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ããƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã€‚ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€é‡è¦ãªå¤‰...
n2s 2020/11/20
https://htmldom.dev/ ã®ç´¹ä»‹

javascript

DOM

!index
ãƒªãƒ³ã‚¯
JavaScriptã®ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã¯ãƒ¡ãƒ¢ãƒªãƒ¼ãƒªãƒ¼ã‚¯ã‚’ã¡ã‚ƒã‚“ã¨ç†è§£ã—ã¦ä½¿ãŠã† - Qiita
ã¯ã˜ã‚ã« å‰ã«ãƒ–ãƒã‚°ã§æ›¸ã„ãŸè¨˜äº‹ãªã®ã§ã™ãŒã€ã›ã£ã‹ããªã®ã§Qiitaã«ã‚‚æŠ•ç¨¿ã—ã¾ã™ã€‚ è„±åˆç´šè€…ã®å£ã¨ã—ã¦å›è‡¨ã—ã¦ã„ã‚‹ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã€‚ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã®ä½¿ã„æ–¹ã¯ã‚ã‹ã£ãŸã‘ã©ã€ã„ã‚ã‚“ãªè¨˜äº‹ã‚’è¦‹ã‚‹ã¨ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã¯å•é¡Œç‚¹ã‚‚ã‚ã‚‹ã¿ãŸã„ã€‚ãã‚Œã«ã€ãã‚‚ãã‚‚ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã®ä½¿ã„æ‰€ãŒã„ã¾ã„ã¡ã‚ã‹ã‚“ãªã„ã¨æ€ã£ã¦ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã«å†åº¦ç«‹ã¡å‘ã‹ãŠã†ã¨æ€ã£ãŸæ¬¡ç¬¬ã§ã™ã€‚åŒã˜ã‚ˆã†ãªæ‚©ã¿ã‚’æŠ±ãˆã¦ã„ã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã€ã‚³ãƒ¼ãƒ€ãƒ¼ã•ã‚“ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“ã®å‚è€ƒã«ãªã‚Œã°å¬‰ã—ã„ã§ã™ã€‚ ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã¨ã¯ ã¨ã‚Šã‚ãˆãšãŠã•ã‚‰ã„ & è£œè¶³ã‚’ã—ã¾ã™ã€‚ ã‚ˆãè¦‹ã‹ã‘ã‚‹ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã®è¦‹æœ¬ãŒã“ã¡ã‚‰ã€‚ ã“ã“ã§ç°¡å˜ã«ã‚¯ãƒãƒ¼ã‚¸ãƒ£ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ã¡ãªã¿ã«ã€æœ€è¿‘èªã‚“ã æœ¬ã§ä½•ã¨ãªãJavaScriptã‚’æ›¸ã„ã¦ã„ãŸäººãŒä¸€æ©å…ˆã«é€²ã‚€ãŸã‚ã®æœ¬ãŒèª¬æ˜Žã¨ã—ã¦ã‚ã‹ã‚Šã‚„ã™ã‹ã£ãŸã®ã§ã€ãã¡ã‚‰ã‚’å¼•ç”¨ã•ã›ã¦ã„ãŸã ããªãŒã‚‰ã€‚ ã¾ãšã‚¯ãƒãƒ¼ã‚¸ãƒ£ã¨ã¯ ãƒãƒ¼ã‚«ãƒ«å¤‰æ•°ã‚’å‚ç…§ã—ã¦ã„ã‚‹ã€é–¢æ•°ã®ä¸ã«å®šç¾©ã—ã¦ã„ã‚‹
n2s 2020/11/18
javascript

GC_memoryleak

ã‚¯ãƒãƒ¼ã‚¸ãƒ£
ãƒªãƒ³ã‚¯
<textarea> ã®å€¤ã®æ”¹è¡Œã‚³ãƒ¼ãƒ‰Â |Â knooto
JavaScript ä¸Šã§ã®æ”¹è¡Œã‚³ãƒ¼ãƒ‰ JavaScript ä¸Šã® value (HTML TextAreaElement ã® value ãƒ—ãƒãƒ‘ãƒ†ã‚£) ã§å–å¾—ã§ãã‚‹å€¤ã®æ”¹è¡Œã‚³ãƒ¼ãƒ‰ã¯ LF (U+000A ãƒ©ã‚¤ãƒ³ãƒ•ã‚£ãƒ¼ãƒ‰ã€‚\n) ã§ã™ã€‚ åˆ¥ã®æ”¹è¡Œã‚³ãƒ¼ãƒ‰ãŒã‚ã£ã¦ã‚‚ LF ã«æ£è¦åŒ–ã•ã‚Œã¾ã™ã€‚ ä¾‹ 1è¡Œç›® 2è¡Œç›® æ”¹è¡Œã‚³ãƒ¼ãƒ‰è¡¨ç¤º ã“ã“ã«çµæžœãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ã•ã‚ŒãŸå€¤ã®æ”¹è¡Œã‚³ãƒ¼ãƒ‰ ãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ã•ã‚ŒãŸå€¤ã®æ”¹è¡Œã‚³ãƒ¼ãƒ‰ã¯ CRLF (U+000D ã‚ãƒ£ãƒªãƒƒã‚¸ãƒªã‚¿ãƒ¼ãƒ³ / U+000A ãƒ©ã‚¤ãƒ³ãƒ•ã‚£ãƒ¼ãƒ‰ã€‚\r\n) ã§ã™ã€‚ åˆ¥ã®æ”¹è¡Œã‚³ãƒ¼ãƒ‰ãŒã‚ã£ã¦ã‚‚ CRLF ã«æ£è¦åŒ–ã•ã‚Œã¾ã™ã€‚ ä¾‹ (PHP) ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ <?php $ta1 = ''; if (isset($_POST['ta1'])) { // æ”¹è¡Œã‚³ãƒ¼ãƒ‰ã‚’ \r, \n ã«å¤‰æ› $ta1 = strtr($_POST['ta1'], ["
n2s 2020/11/18
JavaScriptä¸Šã§ã¯\nã«ã€é€ä¿¡æ™‚ã¯%0d%0aã«æ£è¦åŒ– / ã¡ãªã¿ã«<input type="text">ã§ã¯æ”¹è¡Œå‰Šé™¤ã€<input type="hidden">ã§ã¯æ£è¦åŒ–ã•ã‚Œãªã„

HTML

javascript
ãƒªãƒ³ã‚¯
JavaScript ä»Šãƒ‰ã‚ãªæ›¸ãæ–¹ ES2020
é…ä¿¡å‹•ç”»ã¯ã“ã¡ã‚‰ https://www.youtube.com/watch?v=x1XdqWtPUdg ã‚‚ã—è‰¯ã‹ã£ãŸã‚‰ãƒ ãƒ¼ã‚¶ãƒ«ã¡ã‚ƒã‚“ãã‚‹ã®ãƒãƒ£ãƒ³ãƒãƒ«ç™»éŒ²ãŠé¡˜ã„ã—ã¾ã™ï¼ https://www.youtube.com/channel/UCLPHXwLp90A5R69Eltxo-sg Twâ€¦
n2s 2020/11/14
P.15ã‚¹ãƒ—ãƒ¬ãƒƒãƒ‰æ§‹æ–‡ã€P.16åˆ†å‰²ä»£å…¥ã€P.17ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆåˆæœŸåŒ–æ™‚ã®keyçœç•¥ã€P.20ã€Œ?.ã€æ§‹æ–‡

javascript
ãƒªãƒ³ã‚¯
Moment.js | Parse, validate, manipulate, and display dates in javascript.
Moment.js 2.30.1 Parse, validate, manipulate, and display dates and times in JavaScript. Install npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm meteor add momentjs:moment # meteor bower install moment --save # bower (deprecated) Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format
n2s 2020/09/21
ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãƒ¢ãƒ¼ãƒ‰ã«ãªã£ãŸã¨èžã„ã¦ã€‚strftimeã¨äº’æ›æ€§ã®ãªã„æ›¸å¼ã‚’æŽ¡ç”¨ã—ãŸã“ã‚ŒãŒäººæ°—ã‚’å¾—ã¦ã—ã¾ã£ãŸã“ã¨ã«è¤‡é›‘ãªå¿ƒå¢ƒã§ã—ãŸã€‚

javascript
ãƒªãƒ³ã‚¯
JavaScript ã§ã®æ™‚åˆ»æ“ä½œã« Moment.js ã§ã¯ãªã Day.js ã‚’åˆ©ç”¨ã—ç¶šã‘ã¦ã„ã‚‹ç†ç”±
JavaScript ã§ã®æ™‚åˆ»æ“ä½œã« Moment.js ã§ã¯ãªã Day.js ã‚’åˆ©ç”¨ã—ç¶šã‘ã¦ã„ã‚‹ç†ç”±2020/09/21 æ˜¨æ—¥ã€æ‹™ä½œã® Nuxt.js ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã‚ã‚‹ @nuxtjs/dayjs ã® v1.2.0 ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³è‡ªä½“ã¯2019å¹´3æœˆã«é–‹ç™ºã‚’ã¯ã˜ã‚ã¦ã€ãŠãŠã‚ˆãä¸€å¹´åŠã»ã©ç®¡ç†ã—ã¦ã‚‹ã®ã§ã™ãŒã€ãã‚Œä»¥å‰ã‹ã‚‰ JavaScript ã§ã®æ™‚åˆ»æ“ä½œã§ã¯ Day.js ã‚’ä½¿ã£ã¦ãã¾ã—ãŸã€‚ Moment.js ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆçµ‚äº†ãŒå‘ŠçŸ¥ã•ã‚Œã€æ™‚åˆ»æ“ä½œãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«æ³¨ç›®ãŒé›†ã¾ã£ã¦ã„ã‚‹ã“ã¨ãªã®ã§ã€ä»Šä¸€åº¦ Day.js ã®æŽ¡ç”¨ç†ç”±ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ Day.js ã«ã¤ã„ã¦ iamkun ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹æ™‚åˆ»æ“ä½œã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚Moment ã‚„ date-fns ãªã©ã¯ Organization ã«ã‚ˆã£ã¦ç®¡ç†ã•ã‚Œã¦ã„ã¾ã™ãŒã€æ™‚åˆ»æ“ä½œãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦ã¯çã—ãå€‹äººã«
n2s 2020/09/21
javascript
ãƒªãƒ³ã‚¯
JavaScriptã®éžåŒæœŸå‡¦ç†Promiseã€Asyncã¨Awaitã®ä»•çµ„ã¿ã‚’GIFã‚¢ãƒ‹ãƒ¡ã§è§£èª¬
JavaScriptã®éžåŒæœŸå‡¦ç†Promiseã€Asyncã¨Awaitã®ä»•çµ„ã¿ã‚’GIFã‚¢ãƒ‹ãƒ¡ã§è§£èª¬ã—ãŸè¨˜äº‹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ âï¸ðŸŽ€ JavaScript Visualized: Promises & Async/Await by Lydia Hallie ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯åœ°ç„ Promiseã®æ§‹æ–‡ ã‚¤ãƒ™ãƒ³ãƒˆãƒ«ãƒ¼ãƒ—: Microtasksã¨(Macro)tasks Asyncã¨Await ã¯ã˜ã‚ã« JavaScriptã®ã‚³ãƒ¼ãƒ‰ãŒæœŸå¾…é€šã‚Šã«å®Ÿè¡Œã•ã‚Œãªã„ã“ã¨ã«æ‚©ã¾ã•ã‚ŒãŸã“ã¨ã¯ãªã„ã§ã™ã‹ï¼Ÿ ãŠãã‚‰ãã€é–¢æ•°ãŒä¸è¦å‰‡ã«å®Ÿè¡Œã•ã‚ŒãŸã‚Šã€äºˆæ¸¬ã§ããªã„ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§å®Ÿè¡Œã•ã‚ŒãŸã‚Šã€å®Ÿè¡ŒãŒé…ã‚ŒãŸã‚Šã—ãŸã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãã—ã¦ã€ES6ã§å°Žå…¥ã•ã‚ŒãŸæ–°æ©Ÿèƒ½PromiseãŒåŽŸå› ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ï¼ ä½•å¹´ã‚‚
n2s 2020/05/19
javascript

deferred_promise
ãƒªãƒ³ã‚¯
[JavaScript]åˆå¿ƒè€…ãŒåˆè¦‹ã§å¿…ãšthinkingé¡”ã«ãªã‚‹ã‚‚ã®ç‰¹é›† - Qiita
åˆå¿ƒè€…ãŒè¦‹ãŸçž¬é–“ã«ãªã‚‹ã‚‚ã®ç‰¹é›†ã§ã™ã€‚ å°ãƒ†ã‚¯ã ã£ãŸã‚Šã€çœç•¥è¨˜æ³•ã ã£ãŸã‚Šã€ã€ å®Ÿéš›ç§ã‚‚å‡ºä¼šã£ã¦ã«ãªã‚Šã¾ã—ãŸï¼ è¿½è¨˜ å³æ™‚é–¢æ•°ã®ã¨ã“ã‚ã§èª¬æ˜Žã«ã‚ã‚‹ ä»–ã«ã¯ã€+ã‚„-ç‰ã§ã‚‚å‹•ãã¾ã™ã€‚ ã®"ç‰"ãŒæ°—ã«ãªã£ãŸæ–¹ã«æœ—å ±ã§ã™ã€‚ã“ã¡ã‚‰ã®è¨˜äº‹ã§"ç‰"ã‚’çŸ¥ã‚‹ã“ã¨ãŒã§ãã¾ã™ï¼ï¼ [JavaScript] "!function() {}()"ä»¥å¤–ã®å³æ™‚é–¢æ•°ã‚’ç´¹ä»‹ã™ã‚‹ãœ ã‚ˆã‚ã—ã‘ã‚Œã°è¦—ã„ã¦ã¿ã¦ãã ã•ã„ï¼ !! is ä½• booleanã¸ã®åž‹å¤‰æ›ã€‚ ä¾‹ const obj = { hoge: "hoge" } function hasHoge() { return !!obj.hoge // => true } è«–ç†å¦å®šï¼ˆï¼ï¼‰ã‚’äºŒã¤ç¹‹ã’ã¦ã€boolean ã¸ã®åž‹å¤‰æ›ã‚’ã—ã¦ã„ã¾ã™ã€‚ !ã®çµæžœã‚’!ã§è©•ä¾¡ã—ã¦ã„ã‚‹ã‚“ã§ã™ãã€œã€‚ JSON.parse(JSON.stringify(obj)) is ä½• ãƒ‡ã‚£ãƒ¼ãƒ—ã‚³ãƒ”ãƒ¼ã€‚ ä¾‹
n2s 2020/04/15
javascript
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸