Node.js — Node v23.4.0 (Current)
2024-12-10, Version 23.4.0 (Current), @aduh95 prepared by @targos Notable Changes Introducing experimental assert.partialDeepStrictEqual Sometimes, when writing test, we want to validate that some specific properties are present, and the mere presence of additional keys are not exactly relevant for that specific test. For this use case, we can now use assert.partialDeepStrictEqual, which should be
Next.js 15.1
Next.js 15.1 brings core upgrades, new APIs, and improvements to the developer experience. Key updates include: React 19 (stable): Support for React 19 is officially available in both Pages Router & App Router. Improved Error Debugging: Enhanced DX and better source maps for the browser and the terminal. after (stable): New API to execute code after a response has finished streaming. forbidden / u
The 2024 Web Almanac
Web Almanac HTTP Archive’s annual state of the web report Our mission is to combine the raw stats and trends of the HTTP Archive with the expertise of the web community. The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. The 2024 edition is comprised of 21 chapters spanning aspects of page content, user experience, publishing, and distri
A leap in the evolution of Airtable’s codebase: Scaling TypeScript to thousands of projects
By: Michael Mitchell, Patrick Hayes We previously wrote about how Airtable migrated its codebase from Flow to TypeScript. A few years and several TypeScript versions later, TypeScript is still a critical tool for preventing bugs early on in the development cycle. Back when the previous article was written, we had just over 50 TypeScript projects — mostly mirroring the top-level directory structure
How To Improve INP: Yield Patterns
In the following, we’ll go over different patterns we can use to yield to the main thread to improve the Interaction-to-Next-Paint (INP). Knowing how to improve INP is more important than ever, as it’s a metric reflecting User Experience (UX) and has recently been added to the Core Web Vitals (CWVs) – which are used by Google’s search ranking. We’ll take a look at which part of INP we’re targettin
Astro 5.0 | Astro
Introducing Astro 5.0! With Astro Content Layer to load your content from any source, and Server Islands to combine cached, static content with dynamic, personalized content. Read on to learn more about these powerful new features and more! What is Astro? Astro is the web framework for building content-driven websites including blogs, marketing, and e-commerce. If you need a website that loads fas
CSS Wrapped 2024
Chrome and CSS in 2024 journeyed through the forest, over the mountains, and across the seas… 2024 has been another amazing year for CSS! Cross-document view transitions and scroll-driven animations let you add more interactivity to your applications with a few lines of CSS. You can now animate to height: auto;, style scrollbars, and size text inputs to their contents. Many features have become Ba
Introducing Nuxt Icon v1 · Nuxt Blog
Discover Nuxt Icon v1 - a modern, versatile, and customizable icon solution for your Nuxt projects. Icons are essential to modern web interfaces. They simplify navigation, clarify functionality, and enhance visual appeal. However, implementing icons efficiently involves challenges like scalability, dynamic loading, and server-side rendering (SSR) compatibility. To address these challenges, we deve
ニコニコ生放é€ã®ã‚¢ãƒ—リケーションã«Rspackã‚’å°Žå…¥ã—ã¦ã„る話
ã“ã®è¨˜äº‹ã¯ãƒ‹ã‚³ãƒ‹ã‚³ç”Ÿæ”¾é€ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚¢ãƒ—リケーションã«Rspackã‚’å°Žå…¥ã«ã‚ãŸã£ã¦ç›´é¢ã—ãŸå•é¡Œã‚„ãã®è§£æ±ºç–ã«ã¤ã„ã¦æ™‚系列ã§ã¾ã¨ã‚ãŸã‚‚ã®ã§ã™ã€‚ 以å‰æ›¸ã„ãŸæ—¢å˜ã®ã‚¢ãƒ—リケーション㫠Rspack ã‚’å°Žå…¥ã—よã†ã¨ã—ã¦å¤±æ•—ã—ãŸè©±ã®è¨˜äº‹ã¨é‡è¤‡ã™ã‚‹ã¨ã“ã‚ã‚‚ã‚ã‚Šã¾ã™ãŒã€è¨˜äº‹ã‚’書ã„ãŸæ™‚点ã§ã¯é”æˆã§ããªã‹ã£ãŸæœ¬ç•ªç’°å¢ƒã§ã®å®Ÿè·µæŠ•å…¥ã‚’æžœãŸã™ã«ã‚ãŸã£ã¦æ–°ãŸãªè©¦è¡ŒéŒ¯èª¤ã‚‚ã‚ã£ãŸã®ã§ãƒªãƒ©ã‚¤ãƒˆã¨ã„ã†å½¢ã§æœ¬è¨˜äº‹ã‚’書ã„ã¦ã„ã¾ã™ã€‚ why Rspack? ニコニコ生放é€ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã¯Webpackを利用ã—ã¦æˆæžœç‰©ã‚’生æˆã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãƒ“ルドã®é…ã•ã«ã‚ˆã£ã¦é–‹ç™ºä½“験ãŒæ‚ªåŒ–ã—ã¦ãŠã‚Šã€ãã®æ”¹å–„ç–を模索ã—ã¦ã„ã¾ã—ãŸã€‚ å•é¡Œã®æ”¹å–„ç–ã¨ã—ã¦ã€ä»¥å‰ã«Viteã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã§é–‹ç™ºæ™‚ã®ãƒ“ルド速度ã®æ”¹å–„を試ã¿ãŸã“ã¨ãŒã‚ã£ãŸã®ã§ã™ãŒã€css modulesã®composesã¨ã„ã†æ©Ÿèƒ½ã§èªã¿è¾¼ã‚“ã scssãŒcssã¨ã—ã¦å–り扱ã‚ã‚Œã¦ã—ã¾ã†å•
React v19 – React
React 19 is now stable! Additions since this post was originally shared with the React 19 RC in April: Pre-warming for suspended trees: see Improvements to Suspense. React DOM static APIs: see New React DOM Static APIs. The date for this post has been update to reflect the stable release date. In our React 19 Upgrade Guide, we shared step-by-step instructions for upgrading your app to React 19. In
改ã‚ã¦å¦ã¶ satisfies 演算å
TSKaigi Advent Calendar 2024ã®9日目ã®è¨˜äº‹ã¨ãªã‚Šã¾ã™ã€‚ 皆ã•ã‚“ã¯æ™®æ®µTypeScriptã®satisfies演算åを使ã£ã¦ã„ã¾ã™ã‹ï¼Ÿç§ã¯switchæ–‡ã®æœ€å¾Œã‚’neveråž‹ã§çµ‚ãˆã‚‹éš›ã«ã€1è¡Œã§è¨˜è¿°ã™ã‚‹ãŸã‚ã«ä½¿ã£ã¦ã„ã¾ã—ãŸã€‚ type Role = "admin" | "user"; const getRoleText = (role: Role) => { switch (role) { case "admin": return "管ç†è€…"; case "user": return "ユーザー"; default: // ã‚‚ã—å°†æ¥Roleåž‹ã«æ–°ã—ã„値ãŒè¿½åŠ ã•ã‚ŒãŸå ´åˆã€ã“ã®éƒ¨åˆ†ã§ã‚³ãƒ³ãƒ‘イルエラーãŒç™ºç”Ÿ return role satisfies never; } }; const getRoleText = (role: Role) => { switch (rol
NoInfer<T>ã®æ´»ç”¨ä¾‹è¦‹ã¤ã‘㟠- Qiita
ã“ã‚“ã«ã¡ã¯ã€‚ã“ã®è¨˜äº‹ã¯æ ªå¼ä¼šç¤¾ã‚«ã‚ªãƒŠãƒ“ Advent Calendar 2024ã®3日目ã®è¨˜äº‹ã§ã™ã€‚ NoInfer<T> 皆ã•ã‚“ã¯ã€TypeScriptã®æ©Ÿèƒ½ã§ã‚ã‚‹NoInfer<T>ã‚’ã”å˜çŸ¥ã§ã—ょã†ã‹ã€‚ã“ã‚Œã¯TypeScript 5.4ã‹ã‚‰è¿½åŠ ã•ã‚ŒãŸæ–°æ©Ÿèƒ½ã§ã‚ã‚Šã€ãŠãŠã‚ˆã次ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ã€‚ åž‹ã¨ã—ã¦ã¯NoInfer<T>ã¯Tã¨åŒã˜ã ãŒã€åž‹æŽ¨è«–ã«é•ã„ãŒã‚る。 NoInfer<T>ã®T部分ã«åž‹å¤‰æ•°ãŒå«ã¾ã‚Œã¦ã„ã‚‹å ´åˆã§ã‚‚ã€T部分ã¯åž‹æŽ¨è«–ã«ä½¿ã‚ã‚Œãªã„。 NoInfer<T>ã¯ä¸»ã«ã‚¸ã‚§ãƒãƒªãƒƒã‚¯é–¢æ•°ã®å¼•æ•°ã®åž‹ã¨ã—ã¦ä½¿ã‚れる。 TypeScript 5.4ã®ãƒªãƒªãƒ¼ã‚¹ãƒŽãƒ¼ãƒˆã§ã¯NoInfer<T>ã®ä¾‹ã¨ã—ã¦æ¬¡ã®ã‚ˆã†ãªã‚‚ã®ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã®ã§ã€æ”¹ã‚ã¦è§£èª¬ã—ã¾ã™ã€‚ function createStreetLight<C extends string>(colors: C[], defaultCol
STORES全体ã®æŠ€è¡“課題ã®æ„æ€æ±ºå®šã‚’ã™ã‚‹System Design Meetingã«ã¤ã„㦠- STORES Product Blog
ã“ã‚“ã«ã¡ã¯ã€ã†ã—ã‚ã®ã“ã§ã™ã€‚STORES アドベントカレンダーã®1日目ã¨ã„ã†ã“ã¨ã§ã€æœ¬å½“ã¯åˆ¥ã®å†…容を書ã予定ã ã£ãŸã‚“ã§ã™ãŒãƒªãƒªãƒ¼ã‚¹ã®éƒ½åˆãªã©ã‚‚ã‚ã‚Šã€ä»Šå›žã¯ STORES ã«ãŠã‘ã‚‹ System Design Meeting ã¨ã„ã†ä¼šè°ä½“ã«ã¤ã„ã¦æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ System Design Meeting ã¨ã¯ System Design Meeting ã¯ã€STORES 全体ã«é–¢ã‚るよã†ãªæŠ€è¡“çš„ãªèª²é¡Œã«ã¤ã„ã¦è°è«–ã—ã€æ„æ€æ±ºå®šã‚’ã™ã‚‹å ´ã§ã™ã€‚ミーティングã®ã‚ªãƒ¼ãƒŠãƒ¼ã¯CTOãŒæ‹…当ã—ã€åŸºæœ¬çš„ã«ã¯æŒã¡è¾¼ã¿ã§æŠ€è¡“課題を共有ã—ã¦å…¨ä½“ã®æ–¹é‡æ±ºã‚ã‹ã‚‰å®Ÿè¡Œã¾ã§ã®åˆæ„ã‚’å–ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ 誰ã§ã‚‚å‚åŠ å¯èƒ½ã‹ã¤èª°ã§ã‚‚æŒã¡è¾¼ã¿å¯èƒ½ãªã®ã§ã€ãƒœãƒˆãƒ アップã§ç›´æŽ¥CTOやシニアマãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã¸ç›¸è«‡ã—ã«è¡Œã‘ã‚‹ã®ã‚‚大ããªãƒ¡ãƒªãƒƒãƒˆã§ã™ã€‚ç¾åœ¨STORES アプリケーションãŒæ§˜ã€…ãªåŸºç›¤ã‚’通ã—ã¦ç¹‹ãŒã£ã¦ã„る状æ³ã§ã€è‡ªç„¶ã¨å½±éŸ¿ç¯„囲ã®åºƒã„
Mongoose ã® callback ã‚’ Promise ã«ç§»è¡Œã™ã‚‹æ‰‹æ³•
Developer Experience & Performance ãƒãƒ¼ãƒ ã§ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã—ã¦ã„る大矢ã§ã™ã€‚今回㯠JavaScript ã®éžåŒæœŸå‡¦ç†ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ callback ã‚’ Promise ã«ç§»è¡Œã™ã‚‹æ‰‹æ³•ã«ã¤ã„ã¦ã€å…·ä½“çš„ãªäº‹ä¾‹ã‚’ã‚‚ã¨ã«ç´¹ä»‹ã—ã¾ã™ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - microsoft/ts-fix: CLI for applying TypeScript codefixes
State of JavaScript 2024
GitHub - onlook-dev/onlook: The open source, local-first Webflow alternative. Design directly in your live React site and publish your changes to code.
What's new in DevTools, Chrome 132  | Blog  | Chrome for Developers
ãƒã‚¤ãƒ†ã‚£ãƒ–フォントを使用ã—ãŸèªã¿ã‚„ã™ã•ã®å‘上
ECMAScript proposal updates @ 2024-12
{{#tags}}- {{label}}
{{/tags}}