How We Reduced CKEditor’s Bundle Size by 40% | CKEditor
In this article, we’ll show how we cut CKEditor 5’s bundle size by 40% through tree-shaking and bundle size optimization techniques and share tricks you can use to slim down your own JavaScript libraries. We’ll also walk through the tools and processes we used to achieve this, measure improvements, and catch regressions. As any software library author will tell you, building and maintaining is har
ECMAScript Module Harmony
ã€2025/05/11】 2024/12 ã® Module Harmony ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã¤ã„ã¦è¿½è¨˜ã—ã€ç”»åƒã‚’æ›´æ–° é…延å†ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã€åŒæœŸã‚¤ãƒ³ãƒãƒ¼ãƒˆã®æ案ã«ã¤ã„ã¦ã®è¨˜è¿°ã‚’è¿½åŠ ã€2024/08/20】 WasmCG ã§é€²è¡Œã—ã¦ã„ã‚‹ ES Module Integration ã«ã¤ã„ã¦ã®è¨˜è¿°ã‚’è¿½åŠ ã‚¤ãƒ³ãƒãƒ¼ãƒˆå±žæ€§ã® assert ã‚ーワードãŒæ£å¼ã«ä»•æ§˜ã‹ã‚‰å–り除ã‹ã‚ŒãŸã®ã«è¿½éš ã€2024/05/26】 ã›ã£ã‹ããªã®ã§å¥½ããªTC39 Proposals発表ドラゴンをファーストビューã«è¿½åŠ モジュールインスタンスフェーズãŒãªããªã‚Šã€ã‚½ãƒ¼ã‚¹ãƒ•ã‚§ãƒ¼ã‚ºã¨åŒã˜ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¸ã¨å¤‰æ›´ã•ã‚ŒãŸã®ã«è¿½éš インãƒãƒ¼ãƒˆå±žæ€§ã§ assert ã‚ーワードã®å»ƒæ¢ãŒæ¤œè¨Žã•ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’追記 åŒæœŸãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚¢ã‚µãƒ¼ãƒˆãŒãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–を使ã†ã‚ˆã†å¤‰æ›´ã•ã‚ŒãŸã®ã«è¿½éš Compartments ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãŒå¤‰æ›´ã•ã‚ŒãŸã®ã«è¿½éšã—ã€ç‹¬ç«‹
TypeScriptã®moduleオプションã®è©±ã€ã‚ã‚‹ã„ã¯TypeScript開発者ã®è‹¦æ‚©ã€ã‚ã‚‹ã„ã¯CJSã¨ESMã®è©±
皆ã•ã‚“ã“ã‚“ã«ã¡ã¯ã€‚早速ã§ã™ãŒã€TypeScriptã®moduleオプションã¯ã”å˜ã˜ã§ã—ょã†ã‹ã€‚moduleオプションã¯ã€ä¾‹ãˆã°æ¬¡ã®ã‚ˆã†ãªå€¤ã‚’サãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ commonjs umd es2015 esnext node16 nodenext 皆ã•ã‚“ã¯ã€moduleオプションãŒä½•ã‚’è¨å®šã™ã‚‹ã‚ªãƒ—ションãªã®ã‹ä¸€è¨€ã§èª¬æ˜Žã§ãã¾ã™ã‹ï¼Ÿ 実ã¯ã€TypeScriptã®ç†Ÿç·´è€…ã§ã‚ã£ã¦ã‚‚moduleオプションを一言ã§èª¬æ˜Žã™ã‚‹ã“ã¨ã¯é›£ã—ã„ã¯ãšã§ã™ã€‚ãªãœãªã‚‰ã€ãã‚‚ãã‚‚ã“ã®moduleオプションãŒè¤‡æ•°ã®ç•°ãªã‚‹æ„味ã§ä½¿ã‚ã‚Œã¦ãŠã‚Šã€ã‚‚ã¯ã‚„一言ã§èª¬æ˜Žã§ãるよã†ãªã‚‚ã®ã§ã¯ãªããªã£ã¦ã—ã¾ã£ãŸã‹ã‚‰ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€TypeScriptã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ¼ãŒæ›¸ã„ãŸæ¬¡ã®GitHub issueをベースã«ã€moduleオプションをå–ã‚Šå·»ã状æ³ã‚’説明ã—ã¾ã™ã€‚ moduleオプションã®æ„味ã¨ã¯ 昔ã¯moduleオプションã®æ„味ã¯æ˜Žç¢º
書ã„㟠JavaScript ã‚’ãã®ã¾ã¾å‹•ã‹ã™ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã®æœªæ¥ã®ãŸã‚ã«å¿…è¦ãªã‚‚ã®
大ãã‚ã®ãƒ†ãƒ¼ãƒžã§ã™ã€‚ã‚‚ã—ã‹ã—ãŸã‚‰ã€Œã†ã¡ã§ã¯æ›¸ã„㟠JS ã‚’ãã®ã¾ã¾é…ä¿¡ã—ã¦ã‚‹ãœã€œã€ã£ã¦äººã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã§ãŒã€‚ 最近㮠Web フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã§ã¯ã€æ›¸ã„㟠JavaScript ã‚’ãã®ã¾ã¾å‹•ã‹ã•ãªã„ã“ã¨ãŒå¤šã„ 最近ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã§ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæ›¸ã„㟠JavaScript ã‚’ãã®ã¾ã¾ãƒ–ラウザã§å‹•ã‹ã™ã“ã¨ã¯ã»ã¨ã‚“ã©ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 例ã¨ã—ã¦æœ€è¿‘æµè¡Œã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを考ãˆã¦ã¿ã¾ã—ょã†ã€‚Next.js ã‚„ Remixã€Nuxt.js ãªã©ã€ã„ãšã‚Œã‚‚内部的ã«ãƒˆãƒ©ãƒ³ã‚¹ãƒ‘イラやモジュールãƒãƒ³ãƒ‰ãƒ©ã‚’使ã„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæ›¸ã„㟠JavaScript を別ã®å½¢ã¸ã¨å¤‰æ›ã—ã¦ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãƒ–ラウザã§å‹•ã‹ã™ã‚ˆã†ãªä»•çµ„ã¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ 一昔å‰ã 㨠Next.js ã®ã‚ˆã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒä»Šã»ã©ç™ºå±•ã—ã¦ã„ãªã‹ã£ãŸã“ã¨ã‚‚ã‚ã‚Šã€webpack ã‚„ Babel を直接使ã£ã¦ã„ãŸã¨æ€ã„ã¾ã™ãŒã€ãれもåŒã˜ã§ã™ã€‚
GitHub - johnloy/esm-commonjs-interop-manual
Interop between ECMAScript modules, aka ES modules, aka ESM, aka JavaScript modules, and CommonJS, aka CJS, modules is a complicated and confusing matter most JavaScript developers no doubt don't want to have to think about. There are more mission-critical things on which to spend time and brain cycles, namely application logic. Still, it's consequential in the modern JS ecosystem for two reasons:
Dynamic Import Support in Closure Compiler - Design Document
ã“ã®ãƒ–ラウザ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã‚µãƒãƒ¼ãƒˆã¯çµ‚了ã—ã¾ã—ãŸã€‚サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„るブラウザã«ã‚¢ãƒƒãƒ—グレードã—ã¦ãã ã•ã„。
ESM-CJS interop test
ESM-CJS interop test Test Cases Results Node.js Babel Webpack Rollup.js Parcel esbuild Results by test case Results by syntax import x and similar import { named } and similar import { __esModule } and similar import * and similar import() and similar require().default and similar require().named and similar require().__esModule and similar require() and similar Direct differences Webpack <-> Node
Bundling and JavaScript
ã“ã®ãƒ–ラウザ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã‚µãƒãƒ¼ãƒˆã¯çµ‚了ã—ã¾ã—ãŸã€‚サãƒãƒ¼ãƒˆã•ã‚Œã¦ã„るブラウザã«ã‚¢ãƒƒãƒ—グレードã—ã¦ãã ã•ã„。
sosukesuzuki.dev
2024 2024-12-31: 2024å¹´ã®æŒ¯ã‚Šè¿”ã‚Š 2024-12-10: WebKit(JavaScriptCore)ã«100個ã®Pull RequestãŒãƒžãƒ¼ã‚¸ã•ã‚ŒãŸ 2024-11-24: [JSConf JP 2024 感想] Unicode 15.1ã§U+200Cã¨U+2004ãŒID_Continueã«å…¥ã£ãŸã“ã¨ã«ã‚ˆã£ã¦ECMAScriptãŒã¡ã‚‡ã£ã¨æ›´æ–°ã•ã‚Œã¦ã„ãŸã“ã¨ã«æ°—ãŒã¤ã„㟠2024-10-29: 標準åå·®ã•ã‚“ã¨sksatã®ãƒ„イートã‹ã‚‰å¦ã¶ABI(Application Binary Interface) 2024-10-22: VueFes Japan 2024ã®ã€Œæ¬¡ä¸–代フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¯ãƒã‚¹ãƒˆãƒ¼ã‚¯ã€ã®æ„Ÿæƒ³ã¨ã‚‚ã£ã¨èžããŸã‹ã£ãŸã“㨠2024-10-16: Intl.DurationFormatã®æœ€å¤§å€¤ã‚’è¦å®šã™ã‚‹ä»•æ§˜ã«ã¤ã„㦠2024-08-19: WebKitã®ã‚³ãƒŸãƒƒã‚¿
メンテナンス
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Add `--module node20` with `require(esm)` support by andrewbranch · Pull Request #60761 · microsoft/TypeScript
Add `--module node18` by andrewbranch · Pull Request #60722 · microsoft/TypeScript
Problems with Node.js `--experimental-detect-module` · Issue #56678 · microsoft/TypeScript
Rule `import/no-unresolved` raise false positive when there is no `main` field in the `package.json` · Issue #2132 · import-js/eslint-plugin-import
GitHub - originjs/vite-plugin-federation: Module Federation for vite & rollup
GitHub - vercel/nft: Node.js dependency tracing utility
Reland JSON module scripts by dandclark · Pull Request #5658 · whatwg/html
GitHub - egoist/tsup: The simplest and fastest way to bundle your TypeScript libraries.
The ESM move · sindresorhus/meta · Discussion #15
tc39-proposal-module-blocks.pdf
Add a new pass to convert output chunks to ES Modules by ChadKillingsworth · Pull Request #3367 · google/closure-compiler
{{#tags}}- {{label}}
{{/tags}}