Reduce JavaScript payloads with tree shaking | Articles | web.dev
Today's web applications can get pretty big, especially the JavaScript part of them. As of mid-2018, HTTP Archive puts the median transfer size of JavaScript on mobile devices at approximately 350 KB. And this is just transfer size! JavaScript is often compressed when sent over the network, meaning that the actual amount of JavaScript is quite a bit more after the browser decompresses it. That's i
Audio worklet design pattern | Blog | Chrome for Developers
The previous article on Audio Worklet detailed the basic concepts and usage. Since its launch in Chrome 66 there have been many requests for more examples of how it can be used in actual applications. The Audio Worklet unlocks the full potential of WebAudio, but taking advantage of it can be challenging because it requires understanding concurrent programming wrapped with several JS APIs. Even for
laco_sushiでJXA(JavaScript for Automation)の話をした
#laco_sushiに参加してきました。 laco_sushi - Togetter JXA for TypeScript/Node.jsというタイトルで、JXAというAppleScriptのJavaScript版についての話しをしました。 JXA-userland/JXA: JavaScript for Automation(JXA) packages for TypeScript/Node.js.というリポジトリに作ったものをまとめています。 JXAのTypeScript統合環境 JXAをTypeScriptで書けるようにした Node.jsからJXAの実行ライブラリ @jxa/run and @jxa/repl TypeScript definition file(.d.ts)を使ってWebStormやVScodeでのJXAのコード補完の実装 @jxa/types and @jxa
Layered APIs と High Level API の標準化指針 | blog.jxck.io
Intro Extensible Web Manifest 以降、標準化作業は Low Level API にフォーカスし、一定の成果が出ている。 そこで、これらをベースとし、よりアプリレイヤの需要を満たすための High Level API をどう標準化するか、という点について指針が提案された。 基本は、Low Level API を元に Polyfill を作り、そこからのフィードバックにより策定を進めるという方針だ。 合わせて ES Modules の Import を用いて、polyfill とネイティブ実装をスムーズに切り替える拡張が提案されている。 本記事では Layered APIs (LAPIs) と呼ばれる、この一連の枠組みについて解説する。 また、同等の話を 東京 Node 学園 #tng30 で行った資料は以下である。 Web over Layered APIs St
2018 年の tree shaking - 株式会社カブク
Discussion 1. CommonJS は tree shaking されない ※追記、修正あり すべてのモジュールバンドラーが、 import { isEqual } from 'lodash'; を tree shaking できませんでした。これは、 CommonJS は静的に解析することができない困難または不可能（2018/06/15 修正）なためです。 例えば、 ES Modules の import, export に対応する CommonJS の require、 exports は、それぞれ以下のように動的に書くことが許容されています。 require const fooOrBar = require(Math.random() < 0.5 ? 'foo' : 'bar'); exports for(const name of ['foo', 'bar']) { ex
Cookie Store API Explainer
Cookie Store API Explainer This proposal has the following main goals. Expose HTTP cookies to service workers. Offer an asynchronous alternative to document.cookie. While accomplishing the goals above, the proposal gained the following nice-to-have properties. Cookies expose the parsed components of the cookie-related HTTP headers. Script does not need to parse or serialize HTTP headers. The APIs
async/await地獄 - Qiita
地獄を抜けたらそこは地獄だった。 以下はHow to avoid (or escape) async/await hellという記事の日本語訳です。 How to avoid (or escape) async/await hell async/awaitはたしかに我々をコールバック地獄から解放してくれました。 しかし、それは恐るべき地獄の、ほんのプレリュードにすぎなかったのです。 そう、async/await地獄の誕生です。 この記事ではasync/await地獄が何であるか、そしてそれから逃れるためのヒントをいくつか紹介します。 What is async/await hell 非同期JavaScriptを使用する際、しばしば複数の関数呼び出しすべてにawaitをつけがちです。 これによってパフォーマンス上の問題が発生します。 あるステートメントは別に手前のステートメントに依存はしてい
JavaScript engines: The Good Parts™ by Mathias Bynens
JavaScript has been among the most influential technologies for almost a decade now. A lot of this is due to the sophisticated JavaScript engines in modern browsers, Node.js, and Electron. This talk explores important ingredients of these modern JavaScript engines, and focuses on the fundamental features that V8, Chakra, SpiderMonkey, and JavaScriptCore all have in common. Joint talk by @bmeurer a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Thoughts on importing npm modules to the web as JavaScript modules
Getting started with the Ambient Light Sensor
This.Javascript: State of Browsers - YouTube
What's new in JavaScript - HTTP203
GitHub - iamkun/dayjs: ⏰ Day.js 2kB immutable date-time library alternative to Moment.js with the same modern API
Ask John Papa: Choosing the Right JavaScript Framework
JavaScriptのエラーついて知っておくべきこと - Qiita
An Introduction to Async / Await — JavaScript January
async関数においてtry/catchではなくawait/catchパターンを活用する - Qiita
dom-examples/streams at main · mdn/dom-examples
http://twitter.com/i/web/status/1002594286674702336
AbortController polyfill for cancelling fetch()
