[B! JavaScript] auientã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

auient id:auient

JavaScriptã«é–¢ã™ã‚‹auientã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (266)

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

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

JavaScript
ãƒªãƒ³ã‚¯
Node.jsã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã«TypeScriptã‚’å®Ÿè¡Œã§ãã‚‹ã€ŒType Strippingã€æ©Ÿèƒ½ãŒå®‰å®šç‰ˆã«åˆ°é”ã€‚Node.js v25.2.0
Node.jsã§ãƒã‚¤ãƒ†ã‚£ãƒ–ã«TypeScriptã‚’å®Ÿè¡Œã™ã‚‹ãŸã‚ã®æ©Ÿèƒ½ã€ŒType Strippingã€ãŒã€11æœˆ11æ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸæ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã€ŒNode.js v25.2.0ã€ã§å®‰å®šç‰ˆã«ãªã£ãŸã“ã¨ãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ ã“ã‚Œã«ã‚ˆã‚Šæœ¬ç•ªç’°å¢ƒãªã©ã§ã‚‚Type Strippingæ©Ÿèƒ½ã‚’ç”¨ã„ãŸTypeScriptãƒ•ã‚¡ã‚¤ãƒ«ã®å®Ÿè¡ŒãŒå®‰å¿ƒã—ã¦ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ Node.jsã¯TypeScriptã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ãªã‹ã£ãŸ Node.jsã¯ã‚‚ã¨ã‚‚ã¨ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã®JavaScriptãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã¨ã—ã¦é–‹ç™ºã•ã‚ŒãŸãŸã‚ã€JavaScriptã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ã‚»ãƒƒãƒˆã§ã‚ã‚‹TypeScriptã®åž‹æŒ‡å®šã‚„é«˜åº¦ãªå‘½ä»¤ãªã©ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ã€‚ Node.jsã§TypeScriptãƒ•ã‚¡ã‚¤ãƒ«ã‚’å®Ÿè¡Œã™ã‚‹ã«ã¯ã€TypeScript ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ©ã‚’ç”¨ã„ã¦JavaScriptã«å¤‰æ›ã™ã‚‹ãªã©ã®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®æ–¹æ³•ã‚’ç”¨ã„ãŸts-nod
auient 2025/11/15
typescript

javascript

node.js
ãƒªãƒ³ã‚¯
TreeShakableãªResultãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã‚Šã¾ã—ãŸ
ã¯ã˜ã‚ã« JavaScriptã§ã¯ã€throwã‚’ä½¿ã£ã¦ã‚¨ãƒ©ãƒ¼ã‚’æ˜Žç¤ºçš„ã«æŠ•ã’ã‚‹ã“ã¨ã§ã€å‡¦ç†ã‚’ä¸æ–ã™ã‚‹ã€Œå¤§åŸŸè„±å‡ºã€ãŒå¯èƒ½ã§ã™ã€‚ã—ã‹ã—ã€TypeScriptã§ã¯ã“ã®throwã«ã‚ˆã£ã¦ç™ºç”Ÿã™ã‚‹ã‚¨ãƒ©ãƒ¼ã®åž‹ã‚’è¨˜è¿°ã§ããªã„ãŸã‚ã€åž‹å®‰å…¨æ€§ãŒæãªã‚ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ã“ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ã€é–¢æ•°ã®æˆåŠŸãƒ»å¤±æ•—ã‚’æ˜Žç¤ºçš„ã«æ‰±ãˆã‚‹Resultåž‹ãŒæœ‰ç”¨ã§ã™ã€‚ TypeScriptã§Resultåž‹ã‚’åˆ©ç”¨ã™ã‚‹å ´åˆã€neverthrowã‚„effect-tsã€fp-tsãªã©ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã‚ˆãæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ ã—ã‹ã—ã€ãã‚Œãžã‚Œä¸€é•·ä¸€çŸãŒã‚ã‚Šã€neverthrowã¯æ¯”è¼ƒçš„ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„ã‚„ã™ã„ã‚‚ã®ã®ã€ç¾åœ¨ã¯æ´»ç™ºãªãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒè¡Œã‚ã‚Œã¦ãŠã‚‰ãšã€è¤‡æ•°ã®PRãŒé•·æœŸé–“æ”¾ç½®ã•ã‚Œã¦ã„ã¾ã™ã€‚ effect-tsã‚„fp-tsã¯é«˜æ©Ÿèƒ½ã§ã™ãŒã€Resultä»¥å¤–ã®å¤šãã®æ¦‚å¿µã‚‚å«ã‚“ã§ã„ã‚‹ãŸã‚ã€ã€ŒResultã ã‘æ¬²ã—ã„ã€ã‚±ãƒ¼ã‚¹ã§ã¯å°Žå…¥ã‚³ã‚¹ãƒˆãŒé«˜ãã€ãƒãƒ³ãƒ‰ãƒ«ã‚µ
auient 2025/10/08
JavaScript

typescript
ãƒªãƒ³ã‚¯
modern-frontend-design-pattern
[JAWS-UG TOHOKU] AI ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆï¿½ä½œã£ã¦ãƒ»ä½¿ã£ã¦ãƒ»æ¥½ã—ã‚“ã§ ~Bedrock Engineer ã§ AI ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚’ä½“é¨“ã—ã‚ˆã†~ / create, use and enjoy AI agents
auient 2025/09/21
webåˆ¶ä½œ

JavaScript

å‚è€ƒã«ãªã‚‹
ãƒªãƒ³ã‚¯
Figma + Storybook + Playwrightã®MCPã‚’ä½¿ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒˆã‚™é–‹ç™º
2022ãƒ©ãƒ³ã‚ãƒ³ã‚¯ã‚™åœå¤–ã‹ã‚‰2023ãƒ©ãƒ³ã‚ãƒ³ã‚¯ã‚™å…¥ã‚Šã‚’å®Ÿç¾ã—ãŸãƒ†ãƒƒã‚¯ãƒ•ã‚™ãƒã‚¯ã‚™é‹å–¶ã«ã¤ã„ã¦ / 2023-07-28-QiitaEngineerFesta
auient 2025/08/30
webåˆ¶ä½œ

JavaScript

é–‹ç™º

AI

èªã‚“ã§ãªã„
ãƒªãƒ³ã‚¯
2025å¹´ã®Reactã¨ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®ç¾çŠ¶ | POSTD
ReactãŒã“ã‚Œã¾ã§ã©ã®ã‚ˆã†ã«é–‹ç™ºã•ã‚Œã¦ããŸã‹ã«ã¤ã„ã¦ã®è©³ç´°ãªè€ƒå¯Ÿã¨ã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã§ã‚ˆãè¦‹ã‚‰ã‚Œã‚‹æ··ä¹±ã‚„æ‡¸å¿µäº‹é …ã«ã¤ã„ã¦ã®èª¬æ˜Ž ã¯ã˜ã‚ã« ä»Šæ—¥ã€Reactã¨ãã®ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã®çŠ¶æ³ã¯è¤‡é›‘ã§åˆ†è£‚ã—ã¦ãŠã‚Šã€æˆåŠŸã€æ‡ç–‘ã€ãã—ã¦è«–äº‰ãŒå…¥ã‚Šæ··ã˜ã£ã¦ã„ã¾ã™ã€‚ ãƒã‚¸ãƒ†ã‚£ãƒ–ãªé¢ã¨ã—ã¦ã€Reactã¯æœ€ã‚‚åºƒãåˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚Šã€ãã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã¯JSã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã®ä»–ã®éƒ¨åˆ†ã«ã‚‚å½±éŸ¿ã‚’ä¸Žãˆã¦ãã¾ã—ãŸã€‚Reactãƒãƒ¼ãƒ ã¯æ•°å¹´ã«ã‚ãŸã‚‹é–‹ç™ºã®æœ«ã€å…ˆæ—¥React 19ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ã“ã‚Œã¯ã€å…¬å¼ã«å®‰å®šç‰ˆã¨ãªã£ãŸReact Server Componentsã®ã‚µãƒãƒ¼ãƒˆã€Promiseã‚’æ‰±ã†ãŸã‚ã®æ–°ã—ã„useãƒ•ãƒƒã‚¯ã€è¤‡æ•°ã®æ–°ã—ã„ãƒ•ã‚©ãƒ¼ãƒ é€£æºã€ãã—ã¦é•·ã‚‰ãéžæŽ¨å¥¨ã§ã‚ã£ãŸå¤šãã®æ™‚ä»£é…ã‚Œãªæ©Ÿèƒ½ã®å‰Šé™¤ã‚’å«ã‚€ã€å¤§è¦æ¨¡ãªãƒªãƒªãƒ¼ã‚¹ã§ã—ãŸã€‚ ã—ã‹ã—ã€ç§ãŒè¦³å¯Ÿã—ã€ã¾ãŸçµŒé¨“ã—ã¦ããŸã¨ã“ã‚ã§ã¯ã€Reactã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã§ã¯ã€Rea
auient 2025/08/30
react

javascript

èªã‚“ã§ãªã„
ãƒªãƒ³ã‚¯
Denoã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®å‹•å‘ã€2025å¹´å¤ã€‘
ä»¥å‰ã«ä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚ ä¸Šè¨˜è¨˜äº‹ã®å…¬é–‹ã‹ã‚‰ä¸€å¹´ä»¥ä¸ŠãŒçµŒéŽã—ã€ãã®é–“ã«Denoã«ãŠã‘ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«é–¢ã™ã‚‹æ§˜ã€…ãªã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆãŒã‚ã‚Šã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯é‡è¦ãã†ãªè©±é¡Œã«é™å®šã—ã¦ã„ãã¤ã‹ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ Deno æœ¬ä½“ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆ Deno v2ã®æ£å¼ãƒªãƒªãƒ¼ã‚¹ä»˜è¿‘ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‹ã‚‰ã€Deno æœ¬ä½“ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–¢é€£ã®æ©Ÿèƒ½ã®æ‹¡å……ãŒå°‘ã—ãšã¤é€²ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ deno bundleã‚³ãƒžãƒ³ãƒ‰ã®å†å°Žå…¥ deno bundleã‚³ãƒžãƒ³ãƒ‰ãŒDeno æœ¬ä½“ã«å†å°Žå…¥ã•ã‚Œã¦ã„ã¾ã™ã€‚ Deno v1ã«ãŠã‘ã‚‹deno bundleã‚³ãƒžãƒ³ãƒ‰ Deno v1ã«ã¯deno bundleã¨ã„ã†ã‚³ãƒžãƒ³ãƒ‰ãŒã‚ã‚Šã¾ã—ãŸã€‚ãŸã ã—ã€Deno v1ã®æ™‚ç‚¹ã«ãŠã‘ã‚‹deno bundleã‚³ãƒžãƒ³ãƒ‰ã¯webpackã‚„esbuildãªã©ã®é«˜æ©Ÿèƒ½ãªãƒãƒ³ãƒ‰ãƒ©ãƒ¼ã‚’ç½®ãæ›ãˆã‚‹ã“ã¨ã‚’æƒ³å®šã—ãŸã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚deno bundleã‚³ãƒž
auient 2025/08/13
JavaScript

deno
ãƒªãƒ³ã‚¯
MDwiki - Markdown based wiki done 100% on the client via javascript
auient 2025/02/04
wikiã§ã¯ãªã„ã£ã½ã„ã€‚mdã‚’ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ã„ã„æ„Ÿã˜ã«è¡¨ç¤ºã™ã‚‹ã‚‚ã®

webåˆ¶ä½œ

JavaScript
ãƒªãƒ³ã‚¯
Learn Yjs by Jamsocket
Welcome to Learn Yjs â€” an interactive tutorial series on building realtime collaborative applications using the Yjs CRDT library. This very page is an example of a realtime collaborative application. Every other cursor in the garden above is a real live person reading the page right now. Click one of the plants to change it for everyone else! Learn Yjs starts with the basics of Yjs, then covers te
auient 2025/01/18
an interactive tutorial series on building realtime collaborative applications using the Yjs CRDT library. / Conflict-free replicated data types (CRDT)

JavaScript

èªã‚“ã§ãªã„

tutorial
ãƒªãƒ³ã‚¯
JavaScriptã®ã‚¤ãƒ†ãƒ¬ãƒ¼ã‚¿, ã‚¤ãƒ†ãƒ©ãƒ–ãƒ«, ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‚’ç†è§£ã™ã‚‹ï¼
ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚GMOã‚¤ãƒ³ã‚µã‚¤ãƒˆã®å¤©æ²³ã§ã™ã€‚ ã¤ã„ã“ã®é–“ã€JavaScriptã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã«ã¤ã„ã¦ç¤¾å†…å‹‰å¼·ä¼šã§ç™ºè¡¨ã—ãŸã®ã§ãã®å†…å®¹ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ â€» æ³¨æ„ æœ¬è¨˜äº‹ã§è¨€åŠã—ã¦ã„ã‚‹ã€Œã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã€ã¯JavaScriptã§ã®è¨€èªžä»•æ§˜ã§ã™ã€‚ä¸€éƒ¨é€šãšã‚‹ç®‡æ‰€ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€Python ã‚„ C# ãªã©ä»–ã®è¨€èªžã§ã®ä½¿ã‚ã‚Œæ–¹ã«ã¤ã„ã¦ã¯ã—ã‹ã‚‹ã¹ãæ–‡çŒ®ã‚’è¦‹ã¦ãã ã•ã„ã€‚ ç›®çš„ ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ ãŒä½•ã‹ã‚ã‹ã‚‹ã‚ˆã†ã«ãªã‚‹ ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã«ã¤ã„ã¦é¢æŽ¥ã§èžã‹ã‚Œã¦ã‚‚ä½™è£•ã§ç”ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ å®Ÿè£…æ™‚ã«ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‚’é¸æŠžè‚¢ã¨ã—ã¦æŒã¦ã‚‹ã‚ˆã†ã«ãªã‚‹ å¯¾è±¡èªè€… ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ ãŒä½•ã‹å…¨ãã‚ã‹ã£ã¦ã„ãªã„äºº ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ ã«ã¤ã„ã¦èªçŸ¥ã¯ã—ã¦ã„ã‚‹ã‚‚ã®ã®ã€ã©ã†ã„ã†ã‚‚ã®ã‹ã¯æŠŠæ¡ã—ã¦ã„ãªã„äºº ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ ã‚’çŸ¥ã£ã¦ã¯ã„ã‚‹ã‚‚ã®ã®ã€ä½¿ã„æ‰€ãŒã‚ã‹ã‚‰ãªã„äºº ã¯ã˜ã‚ã« ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«ã¯ã€ã€Œã‚¤ãƒ†ãƒ¬ãƒ¼ã‚¿ã€ã¨ã€Œã‚¤ãƒ†ãƒ©ãƒ–ãƒ«ã€ã«ã¤ã„ã¦çŸ¥ã‚‹å¿…è¦ãŒã‚ã‚Š
auient 2024/11/20
javascript
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã‚‚Wasmã‚’ä½¿ã„ãŸã„!
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹åŒ—æµ·é“ 2024
auient 2024/09/06
JavaScript
ãƒªãƒ³ã‚¯
Web æ¨™æº–ã¨ã€ãã®é™ç•Œ
JavaScriptã€ãŸãã•ã‚“ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ä½¿ã‚ã‚Œã¦ã¾ã™ã‚ˆãã€ã‚ãªãŸã‚‚ä½¿ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ãã‚“ãª ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã‚‚ä½¿ã‚ã‚Œã¦ã„ã‚‹ JavaScriptã€‚ãã“ã«æ¨™æº–ã§çµ„ã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹ Web æ¨™æº–ãª API ã€‚ãã‚Œã‚’è€ƒãˆã¦ã„ãã¾ã™ã€‚ Web æ¨™æº– ã¨ã¯ä½•ã‹ Web ã‚’æ§‹æˆã™ã‚‹ãŸã‚ã®æŠ€è¡“ã¨ã—ã¦ã€ä¸»ã« HTML/CSS/JavaScript ãŒã‚ã‚Šã¾ã™ã€‚ ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã‚‚åŒã˜çµæžœãŒå¾—ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã€ãã® HTML/CSS/JavaScript ã‚’ã¾ã¨ã‚ã¦ã„ã‚‹ä»•æ§˜ã®ã“ã¨ã§ã™ã€‚ ä¾‹ãˆã°ã€ HTML ã®ä»•æ§˜ã¯ HTML Living Standard ãŒä¸»æµã§ã€ WHATWG ã¨ã„ã†å›£ä½“ãŒæ±ºã‚ã¦ã„ã¾ã™ã€‚ JavaScript ã§ã¯ã€æ§‹æ–‡ã‚„åŸºæœ¬çš„ãªæ©Ÿèƒ½ (Arrayãªã©ã®è¨€èªžä½¿ç”¨) ã¯ ECMA ã¨ã„ã†å›£ä½“ãŒ ECMAScript ã‚’ç–å®šã—ã¦ã„ã¾ã™ã€‚ã“ã®ä¸ã«ã¯fetchã¯å«ã¾ã‚Œã¦ã„ãªã„ã®
auient 2024/09/05
javascript
ãƒªãƒ³ã‚¯
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«: Yjs, valtio, React ã§å®Ÿç¾ã™ã‚‹å…±åŒç·¨é›†ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ - ROUTE06 Tech Blog
Yjsã¯ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ å…±åŒç·¨é›†ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã¨ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã‚’æä¾›ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚Notion ã‚„ Figma ã®ã‚ˆã†ã«ã€1 ã¤ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¤‡æ•°äººã§åŒæ™‚ã«æ›´æ–°ã™ã‚‹ä½“é¨“ã‚’æä¾›ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Y.Map, Y.Array, Y.Text ã¨ã„ã£ãŸå…±æœ‰ãƒ‡ãƒ¼ã‚¿åž‹ã‚’æä¾›ã—ã€ãã‚Œã‚‰ã¯ JavaScript ã® Map ã‚„ Array ã®ã‚ˆã†ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ã•ã‚‰ã«ãã®ãƒ‡ãƒ¼ã‚¿ã«å¯¾ã™ã‚‹å¤‰æ›´ã¯ä»–ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«è‡ªå‹•çš„ã«é…å¸ƒãƒ»åŒæœŸã•ã‚Œã¾ã™ã€‚ Yjs ã¯ Conflict-free Replicated Data Types (CRDT) ã¨å‘¼ã°ã‚Œã‚‹ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã®å®Ÿè£…ã§ã‚ã‚Šã€è¤‡æ•°äººãŒåŒæ™‚ã«ãƒ‡ãƒ¼ã‚¿ã‚’æ“ä½œã—ã¦ã‚‚ã‚³ãƒ³ãƒ•ãƒªã‚¯ãƒˆãŒç™ºç”Ÿã›ãšã€æœ€çµ‚çš„ã«å…¨ã¦ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãŒåŒã˜çŠ¶æ…‹ã«åˆ°é”ã™ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¯ã‚¤ãƒƒã‚¯ã‚¹ã‚¿ãƒ¼ãƒˆ Y.Map ãŒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆé–“ã§è‡ªå‹•çš„ã«åŒæœŸã•ã‚Œã‚‹ã‚³ãƒ¼ãƒ‰ä¾‹ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡
auient 2024/07/04
ã€ŒYjsã¯ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ å…±åŒç·¨é›†ã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã¨ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã‚’æä¾›ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ãã‚“ãªä¾¿åˆ©ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚ã‚‹ã®

JavaScript

tutorial

èªã‚“ã§ãªã„
ãƒªãƒ³ã‚¯
å··ã®ã€ŒReactã¨Next.jsã®æ¯”è¼ƒã€ã¯ã“ã“ãŒãŠã‹ã—ã„ã€ã¨ã„ã†ã‹æ¯”è¼ƒã™ã‚‹ã“ã¨è‡ªä½“ãŒå¾®å¦™ - honey32
(WIP ã¾ã¨ã¾ã£ãŸã‚‰ Qiita ã¨ã‹ã«ä¸Šã’ã‚‹ã‹ã‚‚) TLDR; ã€ŒReact ã¨ Next.js ã‚’æ¯”è¼ƒã€ã¨ã„ã†è¨˜äº‹ã§ã€ Next.js ã¨æ¯”è¼ƒã§ãã‚‹ã®ã¯ã€Œãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã—ã§ React ã‚’ä½¿ã†ã¨ã„ã†é¸æŠžè‚¢ã€ã§ã‚ã£ã¦ã€ã€ŒReact ãã®ã‚‚ã®ã€ã§ã¯ãªã„ã€‚ âœ…ï¸ React ã‚’ä½¿ã†ã®ã« ã€Œãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚ã‚Šã€ vs ã€Œãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã—ã€ âŒï¸ã€ŒReactã€ vs ã€ŒNext.jsã€ ãã‚Œã¯ãã†ã¨ã€ã€Œcreate-react-app ã®æ©Ÿèƒ½ãƒ»ç‰¹å¾´ã€ã®ã“ã¨ã‚’ã€ã€ŒReact ã®æ©Ÿèƒ½ãƒ»ç‰¹å¾´ã€ã§ã‚ã‚‹ã‹ã®ã‚ˆã†ã«æ›¸ã„ã¦ã—ã¾ã£ã¦ã„ã‚‹è¨˜äº‹ãŒå¤šã„ create-react-app è‡ªä½“ãŒæ“¬ä¼¼çš„ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼ˆã¨ã„ãˆãã†ï¼‰ ãã‚‚ãã‚‚ã€create-react-app ã¯ä»Šã¯æ›´æ–°ã•ã‚Œã¦ãªã„ã®ã§ create-vite ã‚’ä½¿ã†ã¹ã ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚ã‚Š or ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã— ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚ã‚Šã€‘ Reac
auient 2024/05/05
react

JavaScript
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã«ç½®ã„ã¦ã„ã‹ã‚ŒãŸã®ã§ã€ã‚ˆãèžãæŠ€è¡“ã‚’èª¿ã¹ã¦åˆ†é¡žã—ã¦ã¿ãŸ
å…ƒãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢(æ»èªž)ã‚’ã‚„ã‚‰ã›ã¦ã„ãŸã ã„ã¦ã„ãŸã‚‚ã®ã§ã™ã€‚ JavaScript(TS)å‘¨ã‚Šã®é€²æ©ãŒå‡„ãã€ã‚ã¾ã‚Šã«ã‚‚ã¤ã„ã¦ã„ã‘ã¦ã„ãªã‹ã£ãŸã®ã§ã€æ°—ã«ãªã£ãŸãƒ¯ãƒ¼ãƒ‰ã‚’ç‰‡ã£ç«¯ã‹ã‚‰æ•´ç†ã—ã¦ã¿ã¾ã—ãŸã€‚ ãã‚Œãžã‚Œã«å¯¾ã™ã‚‹èª¬æ˜Žã®æ£ã—ããªã„ã‚‚ã®ãŒå«ã¾ã‚Œã¦ã—ã¾ã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ãã‚“ãªã¨ã“ã‚ã‚’è¦‹ã¤ã‘ãŸã¨ãã¯å„ªã—ãæ•™ãˆã¦ãã ã•ã‚‹ã¨åŠ©ã‹ã‚Šã¾ã™ã€‚ å„ãƒ„ãƒ¼ãƒ«ã®è©³ç´°ã¨ã„ã†ã‚ˆã‚Šã¯ã€ãã‚Œãžã‚ŒãŒã©ã‚“ãªå½¹å‰²ã®ã‚‚ã®ãªã®ã‹ã‚’è¨˜è¼‰ã—ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ãŒèª°ã‹ã®åŠ©ã‘ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ èª¿æŸ»ãƒ»åˆ†é¡žã—ãŸè¨€è‘‰(æŠ€è¡“)ãŸã¡ Hono Bun Deno Biome Vite Webpack Turbopack esbuild Babel SWC Prisma ã¾ãšä¸Šè¨˜ã«ä¸Šã’ãŸã‚‚ã®ãŒã€ã©ã†ã„ã£ãŸæ©Ÿèƒ½ã‚’æŒã¤ã‚‚ã®ãªã®ã‹ã‚‚ã‚ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ãã‚Œã‚’æ•´ç†ã™ã‚‹ã¨ä»¥ä¸‹ã«ãªã‚‹ã‚ˆã†ã§ã™ã€‚ JavaScript Runtime Deno Bun
auient 2024/05/03
javascript
ãƒªãƒ³ã‚¯
ã€JavaScriptã€‘querySelector ã‚ˆã‚Šã‚‚ãƒ‘ãƒ¯ãƒ•ãƒ«ã« DOM ã‹ã‚‰ãƒŽãƒ¼ãƒ‰ã‚’å–å¾—ã—ã‚ˆã†ï¼ã€XPathã€‘ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
auient 2024/01/28
javascript
ãƒªãƒ³ã‚¯
ã‚‚ã†jsãªã‚“ã¦ã„ã‚‰ãªã„ï¼ä¸–ç•Œã§æµè¡Œã£ã¦ã„ã‚‹HTMXã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ãŸ - Qiita
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã®å†…å®¹ã¯htmx v1ã®è¨˜äº‹ã§ã™ã€‚ æœ€æ–°ã®htmx v2ã«é–¢ã™ã‚‹è§£èª¬ã¯ä»¥ä¸‹ã®æœ¬ã«ã¾ã¨ã‚ã¾ã—ãŸã®ã§ã€ãã¡ã‚‰ã‚’å‚è€ƒã«ã—ã¦ãã ã•ã„ï¼ï¼ HTMXã¨ã¯ https://htmx.org/ HTMXã¯ã€JavaScript ã‚’è¨˜è¿°ã›ãšã«ã€Ajaxé€šä¿¡ã‚„é«˜åº¦ãªUXã‚’å®Ÿç¾ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ è»½é‡ ã§ é«˜é€Ÿ ã§ã€æ—¢å˜ã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‚·ãƒ¼ãƒ ãƒ¬ã‚¹ãªã‚„ã‚Šå–ã‚ŠãŒã§ãã‚‹ã€‚ã¾ãŸã€AJAXé€šä¿¡ã®ç™ºç«ã€ãƒ•ã‚©ãƒ¼ãƒ ã®é€ä¿¡å‡¦ç†ã€DOMã®æ›´æ–°ãªã©ã‚’æ—¢å˜ã®HTMLè¦ç´ ã‚’æ‹¡å¼µã™ã‚‹ã ã‘ã§å¯èƒ½ã¨ã™ã‚‹ã€‚WebSocketã‚„SSEã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã®ã§ã€ãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªãªã©ã«ã‚‚é©ã—ã¦ã„ã‚‹ã€‚ 2023 JavaScript Rising Starsã§ã¯ã€ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯éƒ¨é–€ã§è¦‹äº‹2ä½ã«è¼ã„ãŸï¼(ä¸€ä½ã¯Reactã€å…¨éƒ¨é–€ã ã¨shadcn/ui)ã€€ä¼¼ãŸã‚ˆã†ãªæ©Ÿèƒ½ã¨ã—ã¦ã€Ruby on Railsã®H
auient 2024/01/19
javascript

html

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã€ŒRaspberry Pi Picoã€å‘ã‘ã®JavaScriptãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã€Kalumaã‚’ä½¿ã£ã¦ã¿ãŸ
ä»Šå›žã¯Pythonã‚„Cã€C++ã§ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒä¸»æµã®ã€ŒRaspberry Pi Picoã€ã§JavaScriptã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã€ŒKalumaã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
auient 2024/01/17
RaspberryPi

é›»åå·¥ä½œ

JavaScript
ãƒªãƒ³ã‚¯
AWS Lambda Functionã‚’Scala.jsã§æ›¸ã„ã¦çˆ†é€ŸScalaã‚’æº€å–«ã—ã‚ˆã† - Lambdaã‚«ã‚¯ãƒ†ãƒ«
ã“ã®è¨˜äº‹ã¯ã€Scala Advent Calendar 2023ã®5æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ qiita.com å¤§é…åˆ»ã—ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€Scalaã¯é…å»¶è©•ä¾¡ã§ãã‚‹ã®ã§ãƒ¢ãƒ¼ãƒžãƒ³ã‚¿ã‚¤ã§ã™ãã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€Scalaã‚’ã‚¯ãƒ©ã‚¦ãƒ‰ãƒã‚¤ãƒ†ã‚£ãƒ–ãªç’°å¢ƒã§ä½¿ã†ä¾‹ã®ç´¹ä»‹ã¨ã—ã¦ã€Scalaã‚’JavaScriptã‚³ãƒ¼ãƒ‰ã«ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ«ã—ã¦AWS Lambdaã§å‹•ä½œã•ã›ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ„‰å¿«ãªé è¶³ã®å§‹ã¾ã‚Šã !!! Scalaãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ç™ºå±• Scalaã¯ã‚¯ãƒ©ã‚¦ãƒ‰ãƒã‚¤ãƒ†ã‚£ãƒ–æ™‚ä»£ã«ä¹—ã‚Šé…ã‚Œã¦ã„ã‚‹ï¼Ÿ(ã„ãˆã„ãˆ) æƒ³å®šç’°å¢ƒ Scala.jsã§å¿«é©ã«Lambdaé–¢æ•°ã‚’æ›¸ã„ã¦ã¿ã‚ˆã† æœ€ä½Žé™ã®Scala.jsã‚’å®Ÿè£…ã™ã‚‹ è¨å®š ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘ã‚¤ãƒ« Scala.jsã‚³ãƒ¼ãƒ‰ã‚’Lambdaé–¢æ•°ã®å‘¼ã³å‡ºã—è¦ç´„ã«åˆã‚ã›ã‚‹ è¦ç´„ã‚’å®Ÿè£…ã™ã‚‹ Lambdaé–¢æ•°ã‚’ä½œæˆã™ã‚‹ ã‚¤ãƒ™ãƒ³ãƒˆãªã©ã®å…¥åŠ› ã“ã“ã¾ã§ã®ã¾ã¨ã‚ Scala.jsã§ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’åˆ©ç”¨
auient 2023/12/11
scala

typescript

JavaScript
ãƒªãƒ³ã‚¯
Denoã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æ¯”è¼ƒ - uki00a
Denoå…¬å¼ã‹ã‚‰Freshã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒæä¾›ã•ã‚Œã¦ãŠã‚Šã€Deno Deployå‘ã‘ã«Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚„Webã‚µã‚¤ãƒˆãªã©ã‚’é–‹ç™ºã™ã‚‹éš›ã®é¸æŠžè‚¢ã®ä¸€ã¤ã¨ã—ã¦è‰¯ã•ãã†ã§ã™
auient 2023/10/27
deno

JavaScript
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸