[B! jaavscript] mizdraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mizdra id:mizdra

jaavscriptã«é–¢ã™ã‚‹mizdraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Biome ã¨ ESLint ã® lint ãƒ«ãƒ¼ãƒ«ã®äº’æ›æ€§
Biome ã§ã¯ã€ç¾åœ¨ç´„ 150 å€‹ç¨‹åº¦ã® JavaScriptãƒ»TypeScript ã«é–¢ã™ã‚‹ lint ãƒ«ãƒ¼ãƒ«ã‚’å®Ÿè£…ã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã‚‰ã®ãƒ«ãƒ¼ãƒ«å¤šãã¯æ—¢å˜ã® ESLint é–¢é€£ã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ãƒ«ãƒ¼ãƒ«ã¨åŒã˜ã‚‚ã®ã«ãªã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãƒ«ãƒ¼ãƒ«ã®åå‰ãŒç•°ãªã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€ãã®å¯¾å¿œé–¢ä¿‚ãŒã‚ã‹ã‚Šã«ãããªã£ã¦ã„ã¾ã™ã€‚ ãã“ã§ã“ã®è¨˜äº‹ã§ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’ã™ã‚‹å ´åˆã«ã‚ˆãè¨å®šã—ã¦ã„ãã†ãªæ¬¡ã® lint ãƒ«ãƒ¼ãƒ«ã«ã¤ã„ã¦ã€Biome ã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‹ã©ã†ã‹ã®å¯¾å¿œè¡¨ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ eslint (eslint:recommended) typescript-eslint (plugin:@typescript-eslint/recommended) eslint-plugin-jsx-a11y (plugin:jsx-a11y/recommended) eslint-plugin-react (plugi
mizdra 2023/10/10
jaavscript
ãƒªãƒ³ã‚¯
CommonJS is not going away | Bun Blog
We're hiring C/C++ and Zig engineers to build the future of JavaScript! Join our team â†’ Some may be surprised to see the recent release notes for Bun mention CommonJS support. After all, CommonJS is a legacy module system, and the future of JavaScript is ES Modules (ESM), right? As a "forward-thinking" "next-gen" runtime, why would Bun put so much effort into improving CommonJS support? The latest
mizdra 2023/07/01
è‰¯ã„ã‚¢ãƒ³ã‚µãƒ¼è¨˜äº‹ã ã£ãŸã€‚ãƒãƒ¼ã‚«ãƒ«ã§ babel/core ã‚’ import ã™ã‚‹ã¨ã€CommonJS ã¨ ES Modules ã§çµæ§‹å·®å‡ºã‚‹ã‚“ã ãªãƒ¼ã€‚

jaavscript

bun

node.js
ãƒªãƒ³ã‚¯
1KBã®Webãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã¤ãã‚‹ - ã‚†ãƒ¼ã™ã‘ã¹ãƒ¼æ—¥è¨˜
1KBã®Webãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ã¤ãã‚Šã¾ã—ãŸã€‚ åå‰ã¯ã€ŒPicoã€ã€‚ minifyã—ã¦ãƒ“ãƒ«ãƒ‰ã—ãŸæ¨¡æ§˜ã€‚ ã‚³ãƒ¼ãƒ‰ã¯ã“ã‚Œã ã‘ã€‚ä¾å˜ãªã—ã€‚ã»ã‚“ã¨ã«ã“ã‚Œã ã‘ã§ã™ã€‚ Cloudflare Workersã¨Denoã§å‹•ãã¾ã™ã€‚ ä»Šå›žã¯ã“ã®Picoã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ ãã‚Œã«å¿…è¦ä¸å¯æ¬ ãªURLPatternã€å®Ÿè£…ã«ã¤ã„ã¦ã€ ãã—ã¦åƒ•ãŒã¤ãã£ã¦ã„ã‚‹ã‚‚ã†ä¸€ã¤ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Honoã¨ã®é–¢ä¿‚ãªã©ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Hello World text/plainã§ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’è¿”ã™ã€â€œHello World"ç›¸å½“ã®ã‚³ãƒ¼ãƒ‰ã¯4è¡Œã§æ›¸ã‘ã¾ã™ã€‚ import { Pico } from "@picojs/pico"; const app = new Pico(); app.get("/", (c) => c.text("Hello Pico!")); export default app;
mizdra 2022/12/05
jaavscript
ãƒªãƒ³ã‚¯
Reduxã®stateã®èªçŸ¥è² è·ã‚’ä¸‹ã’ãŸã„è©± - ã‚«ãƒŸãƒŠã‚· ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
ã‚«ãƒŸãƒŠã‚·ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å¤©é‡Žã§ã™ã€‚ ã‚«ãƒŸãƒŠã‚·ã¯ã€ç¾å ´DXãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€Œã‚«ãƒŸãƒŠã‚·ã€ã®é–‹ç™ºã‚’ã—ã¦ã„ã¾ã™ã€‚ ä»Šæ—¥ã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å°ãƒã‚¿ã‚’ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ TL;DR çµŒç·¯ çµè«– å®Ÿéš›ã«è¦‹ã¦ã¿ã‚‹ã¨ TL;DR Reduxã§ç®¡ç†ã—ã¦ã„ã‚‹stateã«ã‚³ãƒ¡ãƒ³ãƒˆã‚’å…¥ã‚Œã¦ãŠãã¨ useSelector(https://react-redux.js.org/api/hooks#useselector)ã§å€¤ã‚’å–ã‚Šå‡ºã™æ™‚ã« ã‚³ãƒ¡ãƒ³ãƒˆã‚’è¡¨ç¤ºã—ã¦ãã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦å®‰å¿ƒã ã‚ˆã€‚ çµŒç·¯ ã‚«ãƒŸãƒŠã‚·ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã¯ã€å…¨é¢çš„ã«Reduxã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã¾ãšã€å‰æã¨ã—ã¦ã€Œã‚«ãƒŸãƒŠã‚·ã€ã¯ã‹ãªã‚ŠçŸæœŸé–“ã§é–‹ç™ºã•ã‚ŒãŸçµŒç·¯ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€mobileã¨webã§ã‚µãƒ¼ãƒ“ã‚¹ã‚’æä¾›ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸãŸã‚ã€Reactã¨React Native (Expo)ã‚’æŽ¡ç”¨ã—ã€ãƒãƒ¼ãƒ³ãƒã¾ã§ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ä¸Šã’ã‚‹ç‹™
mizdra 2022/09/22
JSDoc ã‚’ä½¿ã£ã¦ã‚¨ãƒ‡ã‚£ã‚¿ä¸Šã§ã‚³ãƒ¼ãƒ‰ã«ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã—ãŸæ™‚ã«ã€ã‚³ãƒ¼ãƒ‰ã®èª¬æ˜Žã‚’è¡¨ç¤ºã™ã‚‹è©±ã€‚ / å€‹äººçš„ã«ã¯ @ deprecated ã¨ã‹ã‚‚ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ https://www.typescriptlang.org/ja/play#example/jsdoc-deprecated

editor

jaavscript

typescript
ãƒªãƒ³ã‚¯
Locators | Playwright
Introductionâ€‹ Locators are the central piece of Playwright's auto-waiting and retry-ability. In a nutshell, locators represent a way to find element(s) on the page at any moment. Quick Guideâ€‹ These are the recommended built-in locators. page.getByRole() to locate by explicit and implicit accessibility attributes. page.getByText() to locate by text content. page.getByLabel() to locate a form contro
mizdra 2022/09/19
ElementHandle ã ã¨è¦ç´ ã®æŽ¢ç´¢ã¯ä¸€å›žãã‚Šã ã‘ã©ã€Locator ã¯éƒ½åº¦æŽ¢ç´¢ã—ã¦ãã‚Œã‚‹ã®ã‹ã€‚æ¬²ã—ã‹ã£ãŸã‚„ã¤ã ã€‚

jaavscript

web
ãƒªãƒ³ã‚¯
jestã§DBã‚ã‚Šã®ãƒ†ã‚¹ãƒˆã‚’é«˜é€ŸåŒ–ã™ã‚‹
èª²é¡Œlink ãŠæ‰‹ä¼ã„ã—ã¦ã„ã‚‹ã‚·ã‚¹ãƒ†ãƒ ã§NestJSã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®ãƒ†ã‚¹ãƒˆãŒé…ã„ã¨ã„ã†èª²é¡ŒãŒã‚ã£ãŸã®ã§å¯¾å‡¦ã—ãŸã€‚ å‰ælink ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯DBãƒ†ã‚¹ãƒˆãƒ©ãƒ³ãƒŠãƒ¼ãã®ä»– ãƒ†ã‚¹ãƒˆã®ç·æ•°ã¯700å¼±ã€‚ æœ€çµ‚çµæžœlink æœ€çµ‚çš„ã«ã¯2æ®µéšŽã®æ”¹ä¿®ã‚’çµŒã¦ãƒãƒ¼ã‚«ãƒ«ã®ãƒ†ã‚¹ãƒˆãŒ3å€é€Ÿç¨‹åº¦é«˜é€ŸåŒ–ã—ãŸã€‚ # before Test Suites: 145 passed, 145 total Tests: 2 skipped, 681 passed, 683 total Snapshots: 0 total Time: 925.063 s Ran all test suites. Done in 926.48s. # ts-jestã‚’@swc/jestã«ç½®ãæ›ãˆãŸ Test Suites: 145 passed, 145 total Tests: 2 skipped, 681 passed, 683 t
mizdra 2022/07/09
"ãƒãƒ¼ã‚«ãƒ«ã§ã‚‚shardã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§å®Ÿè¡Œã—ã¦ã‚‚è‰¯ã‹ã£ãŸãŒã€shardã§åˆ†å‰²ã™ã‚‹ã¨çµæžœã‚‚åˆ†å‰²ã•ã‚Œã¦è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã†... (ä¸ç•¥)... ãƒãƒ¼ã‚«ãƒ«ã§ã¯maxWorkersã€CIã¯shardã¨ã„ã†ã®ãŒã‚ˆã„ã®ã§ã¯" / ãªã‚‹ã»ã©

testing

jaavscript

node.js

ci
ãƒªãƒ³ã‚¯
Babelãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®é †åºã¨allowDeclareFieldsã®å¦™ | Wantedly Engineer Blog
Babelã§declareã‚¯ãƒ©ã‚¹ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚’ä½¿ã†ãŸã‚ã«allowDeclareFieldsã¨ã„ã†ã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ä¸€è¦‹ã™ã‚‹ã¨å˜ã«è¨å®šã§ã“ã‚Œã‚’æœ‰åŠ¹åŒ–ã™ã‚Œã°ã„ã„ã‚ˆã†ãªæ°—ãŒã—ã¾ã™ãŒã€å®Ÿã¯æ£ã—ãã“ã®è¨å®šã‚’æœ‰åŠ¹åŒ–ã™ã‚‹ã«ã¯ç½ ãŒã‚ã‚Šã¾ã—ãŸã€‚æœ¬è¨˜äº‹ã§ã¯Babelã¨TypeScriptã®ã‚¯ãƒ©ã‚¹ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã‚µãƒãƒ¼ãƒˆã‚’ç´è§£ãã€æ£ã—ã„ç†è§£ã«ã‚‚ã¨ã¥ã„ã¦é©åˆ‡ãªè¨å®šã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¯ãƒ©ã‚¹ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¨ã¯ã‚¯ãƒ©ã‚¹ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã¯JavaScriptã®Stage 3ææ¡ˆã§ã€ã‚¯ãƒ©ã‚¹ã®ç›´ä¸‹ã«å¤‰æ•°å®£è¨€ã®ã‚ˆã†ãªè¨˜æ³•ã§ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹å¤‰æ•°ã‚„ã‚¯ãƒ©ã‚¹å¤‰æ•°ã«ç›¸å½“ã™ã‚‹å®£è¨€ã‚’è¡Œãˆã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ class C { x; y = 42; static a; static b = 42; } console.log(new C().y); // => 42 console.log(C.b); // => 42TypeScriptã§ã¯åž‹å®šç¾©ã‚„ä¿®é£¾åã¨ã¨ã‚‚
mizdra 2022/06/11
babel

typescript

jaavscript
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶å†…ã§ãƒã‚¤ãƒŠãƒªã‚’åœ§ç¸®ã—ã¦ã‚³ãƒ¼ãƒ‰ã‚„localStorageã«åŸ‹ã‚è¾¼ã‚€
JS ã§ wasm ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚„ TypedArry ã‚’é€šã˜ãŸæ“ä½œã‚’ã‚„ã£ã¦ã‚‹ã¨ã€ã‚³ãƒ¼ãƒ‰å†…ã‚„ localStorage ã«ãƒã‚¤ãƒŠãƒªã‚’åŸ‹ã‚è¾¼ã¿ãŸã„ã¨ããŒã‚ã‚Šã¾ã™ã€‚ è€ƒãˆæ–¹ JS ã®å†…éƒ¨ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã¯ UTF16 ã¨æ±ºã‚ã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã€UTF16ã§è¡¨ç¾å¯èƒ½ãªç¯„å›²ã‚’1æ–‡å—ã¨ã—ã¦ã€ãƒã‚¤ãƒŠãƒªã‚’ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³åŒ–ã™ã‚Œã°ã‚µã‚¤ã‚ºãŒå°ã•ãã¦æ¸ˆã‚€ã¯ãš Chrome ã¯ CompressionStearm ã§ãƒ–ãƒ©ã‚¦ã‚¶å†…ã§ deflate ã§ãã‚‹ã®ã§ã€ã‚ã‚Œã°åœ§ç¸®ã™ã‚‹ https://chromestatus.com/feature/5855937971617792 Chrome ã§ã¯ãªã„å ´åˆã€deflate å‡¦ç†ã¯é£›ã°ã—ã¦ãã®ã¾ã¾ã€‚localStorage ã®èªã¿æ›¸ããªã‚‰é€”ä¸ã§ãƒ–ãƒ©ã‚¦ã‚¶è‡ªä½“ã®ã‚µãƒãƒ¼ãƒˆå¢—ãˆã‚‹/æ¶ˆãˆã‚‹ãªã©ã—ãªã„é™ã‚Šä¸€è²«æ€§ã¯å–ã‚Œã‚‹ ä»Šå›žã¯ã‚„ã£ã¦ãªã„ãŒã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³JSã«åŸ‹ã‚è¾¼ã‚€å ´åˆã€50kb ã‚’è¶…ãˆãŸã‚ãŸ
mizdra 2022/04/28
jaavscript
ãƒªãƒ³ã‚¯
React: importæ™‚ã®aliasã‚’è¨å®šã™ã‚‹ã¨ãã¯Webpackã€TypeScriptã€ESLintã®3ã¤ã‚’å¯¾å¿œã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ä»¶ - Qiita
React: importæ™‚ã®aliasã‚’è¨å®šã™ã‚‹ã¨ãã¯Webpackã€TypeScriptã€ESLintã®3ã¤ã‚’å¯¾å¿œã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ä»¶TypeScript webpack ReactESLint Reactã¨TypeScript & ESLintã§é–‹ç™ºã™ã‚‹ã®ãŒã“ã“æœ€è¿‘å¥½ãã€‚tslintã•ã‚ˆã†ãªã‚‰ã€@typescript-eslintã“ã‚“ã«ã¡ã¯ã€‚ ãã‚“ãªä¸ã§aliasã‚’è¨å®šã—ã‚ˆã†æ€ã£ãŸã¨ãã€ä¸‰ã‚«æ‰€ã‚‚è¨å®šã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã®ã§è¦šãˆæ›¸ãã€‚ ä»¥ä¸‹ã€æƒ³å®šã¨ã—ã¦ã¯ã€ãƒ«ãƒ¼ãƒˆç›´ä¸‹ã«/srcãŒã‚ã£ã¦ã€ãã‚Œã«å¯¾ã™ã‚‹aliasã‚’~/ã§æ›¸ããŸã„ã¨ã„ã†ã‚‚ã®ã€‚Nuxtã£ã½ã„æ„Ÿã˜ã€‚ ex) import Awesome from '~/components/Awesome'; 1. Webpack ã® resolve.alias å…¬å¼ã«ã‚‚ã‚ã‚‹é€šã‚Šã€ã¾ãšä½•ã‚ˆã‚Šãƒãƒ³ãƒ‰ãƒ«ã™ã‚‹éš›ã«ãã¡ã‚“ã¨èªè˜ã—ã¦ã‚‚ã‚‰ã‚ãªã„ã¨å§‹ã¾ã‚‰ãªã„çµ‚ã‚ã‚‰ãªã„
mizdra 2022/03/15
import alias å¤§å¤‰å•é¡Œã®ã‚ã‹ã‚Šã‚„ã™ã„è§£èª¬

jaavscript
ãƒªãƒ³ã‚¯
1