[ {title: "タイトル1", links: ["リンク先1", "リンク先2", "リンク先3"] }, {title, links}, {title, links} ]
JavaScriptで定期的な処理を行う場合、window.setIntervalを使いますが、ChromeやFirefoxのwindow.setIntervalは別タブを選択すると精度（実行間隔）が落ち、例えばゲームや音声処理などで精度を保ちたい場合に問題になることがあります。 WebWorkersを使ってバックグラウンドでタイマーを動作させると、別タブを選択しても精度の落ちないタイマーを作ることができます。 var MutekiTimer = (function() { var MutekiTimer = function() { initialize.apply(this, arguments); }, $this = MutekiTimer.prototype; var TIMER_PATH = (function() { var BlobBuilder, URL, builder
If you have no idea what Web Workers are, go check out [Using Web Workers](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers) page. Let me start with a little backstory. I've created [small project](https://github.com/ra100/carshare-exporter-viz "Carshare Exporter Visualization"), that shows data from Prometheus timedata on map, and I though, there will be a lot of
This is post # 7 of the series dedicated to exploring JavaScript and its building components. In the process of identifying and describing the core elements, we also share some rules of thumb we use when building SessionStack, a JavaScript tool for developers to identify, visualize, and reproduce web app bugs through pixel-perfect session replay. If you missed the previous chapters, you can find t
これは Chromium Browser アドベントカレンダーの十日目の記事です。本記事では Chromium における JavaScript のスレッド並列実行環境について仕様・実装・API の面から包括的に紹介します。ブラウザの内部実装に興味がある人を対象に、各機能の使い方ではなく実行モデルに焦点を当てて説明しているため、難易度は高いです。使い方を知りたい人は MDN などの記事を読んでください。この記事をきっかけに実装解読に挑戦してみる人が一人でも増えると幸いです。 本記事を書くにあたり、yuki3 さんに多くのコメントをいただき、議論に付き合っていただきました。ありがとうございました。なお、文責はすべて私 (nhiroki) にあります。誤りや補足、質問などは気軽に GitHub Issue もしくは Twitter へお寄せください。 更新履歴 2018/01/15 Layout
Chrome 64 comes with a highly anticipated new feature in Web Audio API - AudioWorklet. Here you'll learn concepts and usage to create a custom audio processor with JavaScript code. Take a look at the live demos. The next article in series, Audio Worklet Design Pattern, might be an interesting read for building an advanced audio app. Background: ScriptProcessorNode Audio processing in Web Audio API
この記事はChromium Browser Advent Calendar 2017の3日目の記事になります。 今日の担当はamiq11(twitter, chromium)です。2016年の4月からBlink-WorkerチームでServiceWorkerの実装をしています。このadvent calendarに登録しているchromiumコミッターのなかでもChromium歴が浅いのでちょっと記事かくのドキドキしちゃいますが、がんばります٩(●˙▿˙●)۶ はじめに さて、なうでやんぐな機能であるところのServiceWorker、みなさんつかってますか？ 最近はWebKitでも開発中になったということで話題になりましたよね！ PWA (Progressive Web App)を作る上でもベースとなるこのAPI、その内部の実装について、このアドベントカレンダーでは全体の動きと最近の高速化
Powerful, Secure, Multi-threaded Flux Patterns. Motivation If application state management is performed by an application thread, the responsiveness of the application may be impaired. There is also a risk that the application itself will manipulate the state. The application keep responsiveness by delegating state management to the Worker. It also eliminates the risk of direct manipulation of the
29 Feb High-performance Web Worker messages Posted February 29, 2016 by Nolan Lawson in Webapps. Tagged: performance, web workers. 16 Comments Update: this blog post was based on the latest browsers as of early 2016. Things have changed, and in particular the benchmark shows that recent versions of Chrome do not exhibit the performance cliff for non-stringified postMessage() messages as described
TL;DR; A custom renderer for ReactJS that uses Web Workers to run the expensive Virtual DOM diffing calculations - [link] Update: A newer implementation now runs WebWorkers faster than normal DOM. Blog post here. React's fast reconciliation algorithm one of the key pieces that enables an entire web application to be re-rendered on every state change in a performant way. This "diff-ing" logic comp
About TechBuzz 第17回 HTML5+JS勉強会のためのGithub Repositoryです。 概要 時間 2015/09/24 (木) 19:30 to 22:00 発表内容 「JavaScriptでマルチスレッドプログラミング」 〜事例『JSで作るInstagramのFilter』を通して〜 発表の目的 Web Worker APIの基本の使い方を知ること 事例を通してWeb Worker APIの実践例と応用方法について知ること 資料 Github : サンプルコードや資料など Wiki : 講義で話す内容の補完やサンプルコードの解説 Slide : 発表資料 サンプルコード一覧 sample01 : 2の50乗を出力します sample02 : 10万までのうち最大の素数を探し出します sample03 : 2のn乗を出力します（nはユーザからの入力を想定） sam
The next version of Firefox OS, the mobile operating system, will unleash the power of devices by taking full advantage of their multi-core processors. Classically, JavaScript has been executed on a single thread, but web workers offer a way to execute code in parallel. Doing so frees the browser of anything that may get in the way of the main thread so that it can smoothly animate the UI. A brief
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く