Introducing Turbopack: Rust-based successor to Webpack – Vercel
Vercel's mission is to provide the speed and reliability innovators need to create at the moment of inspiration. Last year, we focused on speeding up the way Next.js bundles your apps. Each time we moved from a JavaScript-based tool to a Rust-based one, we saw enormous improvements. We migrated away from Babel, which resulted in 17x faster transpilation. We replaced Terser, which resulted in 6x fa
Webサービス開発ã§ã®monorepo環境(Turborepo, nx)
Webサービス開発ã®æ–‡è„ˆã§ã€ãƒ¢ãƒŽãƒ¬ãƒç’°å¢ƒã‚’作る方法ã«ã¤ã„ã¦æ•´ç†ã—ã¾ã—ãŸã€‚ ※ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚‚フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚‚å…¨ã¦TypeScriptã§é–‹ç™ºã—ã¦ã„ã‚‹å‰æ ã“ã®è¨˜äº‹ã‚’書ã„ãŸèƒŒæ™¯ 世間ã§è¨€ã‚れる「モノレãƒã€ãŒã©ã®ã‚ˆã†ã«é”æˆã•ã‚Œã¦ã„ã‚‹ã®ã‹çŸ¥ã‚‰ãªã‹ã£ãŸ å‚考記事をèªã‚“ã§ã‚‹ã¨å®Ÿç¾æ–¹æ³•ãŒç•°ãªã£ã¦ã„ãŸã‚Šã€é‹ç”¨ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒè¦‹ãˆãªã‹ã£ãŸã‚Šã€ãƒ™ã‚¹ãƒˆãƒ—ラクティスãŒåˆ†ã‹ã‚Šã¥ã‚‰ã‹ã£ãŸ Turborepoã®ã‚ˆã†ãªãƒ¢ãƒŽãƒ¬ãƒãƒ„ールを導入ã™ã‚Œã°è§£æ±ºã—ãã†ã ãŒã€ã“ã®ãƒ„ールãŒä½•ã‚’ã—ã¦ãれるã®ã‹ç†è§£ã§ããªã‹ã£ãŸ モノレãƒä½•ã‚‚分ã‹ã‚‰ãªã„………ã«ãªã£ãŸ ã“ã®è¨˜äº‹ã§ã¯ãƒ¢ãƒŽãƒ¬ãƒã«é–¢é€£ã™ã‚‹ä»•çµ„ã¿ã‚’1ã¤1ã¤ä¸å¯§ã«æŠŠæ¡ã—ã€æœ€çµ‚çš„ã«ç†æƒ³çš„ãªãƒ¢ãƒŽãƒ¬ãƒç’°å¢ƒã‚’実ç¾ã™ã‚‹ã“ã¨ã‚’目指ã—ã¾ã™ã€‚ モノレãƒã¨ã¯ï¼Ÿ ã¾ãšã¯ç”¨èªžã®æ•´ç†ã‹ã‚‰ã€‚ モノレãƒã‚’ç´ ç›´ã«è¨³ã›ã°ã€Œ1ã¤ã®ãƒªãƒã‚¸ãƒˆãƒªã€ã¨ã„ã†æ„味ã§ã—ã‹ãªãã€1ã¤ã®ãƒªãƒã‚¸ãƒˆãƒªã§é–‹ç™ºã—ã¦ã„ã‚Œã°ãã‚Œã¯ã€Œãƒ¢ãƒŽãƒ¬ãƒã€ã¨å‘¼ã¹ãã†ã§ã™ã€‚
Vue.js: The Documentary
by honeypot.io | What began as a side project of a Google developer now shares the JS leaderboard with #React and #Angular... With the help of Sarah Drasner, Taylor Otwell, Thorsten Lünborg and many others from the Vue.js community, Evan You tells the story of how he fought against the odds to bring #Vuejs to life. Check out the home for untold developer stories around open source, careers and al
The history of “typeof nullâ€
Update 2013-11-05: I take a look at the C code of typeof to better explain why typeof null results in 'object'. In JavaScript, typeof null is 'object', which incorrectly suggests that null is an object (it isn’t, it’s a primitive value, consult my blog post on categorizing values for details). This is a bug and one that unfortunately can’t be fixed, because it would break existing code. Let’s expl
Higher Order Components in Vue.js
As described in React’s documentation, Higher Order Component is a function which takes as an argument a component and returns newly created component. Returned component is usually augmented with features provided by HOC (Higher Order Component). Higher Order Component is not a piece of software which can be grabbed and installed, it’s a technique which may be helpful in writing reusable and main
How To Create Public Interfaces for React Modules with index.js Files | DigitalOcean
src/ components/ app/ todos/ users/ user-details.js user-details.css users.js users.css user-list.js user-list.css actions/ app-actions.js todo-actions.js user-actions.js reducers/ app-reducer.js todo-reducer.js user-reducer.js constants/ utils/ You flip that around and organize by modules (“feature first, function secondâ€): src/ base/ modules/ app/ todos/ users/ __tests__/ components/ UserDetails
Javascript fetch, retry upon failure.
So recently, I bumped into a situation where the network works/fails randomly. As it affects the consistency of my test results, I decided to implement a fetch_retry function which retries fetch upon failure up to n times. Introduction Fetch in Javascript is great. I hope you will agree that it provides a simple yet robust enough interface to do our AJAX requests. However, network doesn't always w
Side Effects in JS Promise chains
Here I’m presenting two cool little functions that are making my days spent in the JS Promise land just a bit happier. All code snippets are written using ECMAScript 2015. So, I’ve often found myself writing code like this: const getUser = (id) => { return httpClient.get('https://facebook.com/user/' + id) .then((response) => { // Side Effects Logic return cacheData(response); }) .then((response) =
実践UniversalJS ç¹°ã‚Šè¿”ã—処ç†ã®åˆ†é›¢ - Qiita
ブラウザAPIã«ä¾å˜ã—ãŸè¤‡é›‘ãªJSã®å‡¦ç†ã‹ã‚‰ã€ãƒã‚¸ãƒƒã‚¯ã‚’抽出ã—分離ã™ã‚‹æ–¹æ³•ã‚’ã€äº‹ä¾‹ã‚’通ã—ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 今回ã®äº‹ä¾‹ã¯ã€ç¹°ã‚Šè¿”ã—処ç†ã‚’ä¼´ã†ãƒã‚¸ãƒƒã‚¯ã®åˆ†é›¢ã«generatorãŒæœ‰åŠ¹ã§ã‚ã£ãŸä¾‹ã«ãªã‚Šã¾ã™ã€‚ ã¯ã˜ã‚ã«å°‘ã— Universal ≠SSR ã«ã¤ã„㦠Universal JSã®èˆˆå‘³é–¢å¿ƒã¯ã€SSR(サーãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°)ã«é™ã‚Šã¾ã›ã‚“。 より汎用ãªãƒã‚¸ãƒƒã‚¯ã®ç§»æ¤å¯èƒ½æ€§ãŒãƒ†ãƒ¼ãƒžã§ã™ã€‚例ãˆã° markdownæ–‡å—列ã®æ§‹æ–‡è§£æž deep copy テスト http client ランダムã«æ–‡å—列を出力 ã¨ã€ãƒ—ラットフォームã«ä¾å˜ã—ãªã„ã¹ããƒã‚¸ãƒƒã‚¯ã™ã¹ã¦ãŒå®ˆå‚™ç¯„囲ã«ãªã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€Universal JSã¸ã®é–¢å¿ƒãŒè–„ã„層ãŒãƒ©ã‚¤ãƒ–ラリを作るã¨ã€ ãŸã¨ãˆã°markdown"ファイル"ã®æ§‹æ–‡è§£æžãƒ©ã‚¤ãƒ–ラリãŒã§ãã‚ãŒã‚Šã¾ã™ã€‚「ファイルã€ã¯ç‰©è³ªä¸–ç•Œã®ç™»å ´äººç‰©ã§ã€ã“ã®æ™‚点ã§NodeJSã§ã—ã‹åˆ©ç”¨ã§ã
NaNã¯Not a Numberã ã‘ã©Numberåž‹ã§ã‚る話
ã“ã®è¨˜äº‹ã§ã¯ã€JavaScriptã®NaNã«ã¤ã„ã¦æ”¹ã‚ã¦å¦ã¶ã¨ã„ã†è¶£æ—¨ã®è©±ã‚’ã—ã¾ã™ã€‚ JavaScriptã§ã€æ–‡å—列ãªã©ã‹ã‚‰æ•°å€¤ã¸å€¤ã‚’変æ›ã—ãŸã„ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ 典型的ãªã‚±ãƒ¼ã‚¹ã§ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å…¥åŠ›ã—ã¦ã‚‚らã£ãŸæ•°å—ã¨ãªã‚‹æ–‡å—列をã€Numberåž‹ã¸å¤‰æ›ã™ã‚‹ã¨ã„ã†ã‚±ãƒ¼ã‚¹ã§ã™ã€‚ ã“ã®å ´åˆã€Numberコンストラクタ関数やNumber.parseIntã€Number.parseFloatãªã©ãŒåˆ©ç”¨ã§ãã¾ã™ã€‚(ã“ã“ã§ã¯ã€Number.parseIntã«ã—ã¦ã„ã¾ã™ãŒã€parseIntã¨åŒã˜ã§ã™) // ユーザー入力を文å—列ã¨ã—ã¦å—ã‘å–ã‚‹ var input = window.prompt("æ•°å—を入力ã—ã¦ãã ã•ã„", "42"); // æ–‡å—列を数値ã«å¤‰æ›ã™ã‚‹ var number = Number(input); console.log(typeof number); // => "number
V8 extras · V8
V8 implements a large subset of the JavaScript language’s built-in objects and functions in JavaScript itself. For example, you can see our promises implementation is written in JavaScript. Such built-ins are called self-hosted. These implementations are included in our startup snapshot so that new contexts can be quickly created without needing to setup and initialize the self-hosted built-ins at
npm-scripts ã§ä½¿ãˆã‚‹ä¾¿åˆ©ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãŸã¡ - Qiita
npm ã¯ãƒ‘ッケージä¾å˜ç®¡ç†ãƒ„ールã§ã‚ã‚‹ã¨åŒæ™‚ã«ã€ä¾¿åˆ©ãªã‚¿ã‚¹ã‚¯ãƒ»ãƒ©ãƒ³ãƒŠãƒ¼ã§ã™ã€‚ 本体ã¯ã”ã基礎的ãªæ©Ÿèƒ½ã ã‘ã‚’æŒã¡ã€npm ãŒç®¡ç†ã™ã‚‹ãƒ‘ッケージ㨠Shell ã®åŠ›ã‚’組ã¿åˆã‚ã›ã¦ã‚¿ã‚¹ã‚¯ã‚’定義ã—ã¾ã™ã€‚「npm-scripts ã§åˆ©ç”¨ã™ã‚‹ CLI コマンド㯠npm ã§ç®¡ç†ã§ãã‚‹ã€ã¨ã„ã†åˆ†ã‹ã‚Šã‚„ã™ã•ãŒæ°—ã«å…¥ã£ã¦ã„ã¾ã™ã€‚ npm-scripts ã«ã¯ä»¥ä¸‹ã®ç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ 多ãã®ãƒ„ール㌠CLI ã‚’æŒã£ã¦ã„ã‚‹ãŸã‚ã«ãƒ©ãƒƒãƒ‘ープラグインãŒä¸è¦ã§ã™ã€‚Gulp ラッパー プラグインã¯éžå…¬å¼ã§ã‚ã‚‹ã“ã¨ã‚‚多ãã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒç¶™ç¶šã™ã‚‹ã‹ä¸å®‰ãªå ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ç°¡æ½”ã§ã™ã€‚Gulp ã§æ›¸ãã¨æ•°åè¡Œã ã£ãŸå‡¦ç†ãŒæ•°è¡Œã«ãªã‚‹ãªã‚“ã¦ã“ã¨ã‚‚よãã‚ã‚Šã¾ã™ã€‚ 複雑ãªã“ã¨ã‚’ã™ã‚‹ã«ã¯å‘ã„ã¦ã„ãªã„ã§ã™ã€‚ 環境変数ã®æ‰±ã„ã«é›£ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ç§ãŒ npm-scripts を書ãã¨ãã«ã‚ˆã利用ã—ã¦ã„る便利ツールãŸã¡ã‚’紹介ã—ã¾ã™ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - xojs/xo: â¤ï¸ JavaScript/TypeScript linter (ESLint wrapper) with great defaults
GitHub - small-tech/jsdb: A transparent, in-memory, streaming write-on-update JavaScript database for Small Web applications that persists to a JavaScript transaction log.
Angular in Depth
React ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰è¦‹ãŸä»Šå¾Œã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®äºˆæƒ³
最新ビルドシステムGulp 4入門 〜環境構築ã‹ã‚‰ã‚¿ã‚¹ã‚¯ä½œæˆã¾ã§ã€œ - Qiita
Scala.js + Scalaz Concurrent Task
GitHub - babel/kneden: Transpile ES2017 async/await to vanilla ES6 Promise chains: a Babel plugin
jsdo.it
{{#tags}}- {{label}}
{{/tags}}