GitHub - polygonplanet/chillout: Reduce CPU usage by non-blocking async loop and psychologically speed up in JavaScriptYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
The State of JavaScript 2018: Introduction
JavaScript is always changing. New libraries, new frameworks, new languages… It's part of the fun, but it can also feel overwhelming sometimes. That's where the State of JavaScript survey comes in: this year, we surveyed over 20,000 JavaScript developers to figure out what they're using, what they're happy with, and what they want to learn. And the result is a unique collection of stats and insigh
自作フレームワークをつくって学ぶ 仮想DOM実践入門
昨今の代表的なJavaScriptフレームワーク（React、Vue.jsなど）には「仮想DOM（Virtual DOM）」という概念が採用されているので、フロントエンド界隈の人は一度は耳にしたことがあるだろう。ただ、仮想DOMについて学ぼうと検索してもヒットするのは「フレームワークの使い方」ばかり。踏み込んでいても概念の説明どまりで、仮想DOMがどのように実装されているか解説した記事はすくない。 ということで、当記事では理解を深めるために仮想DOMを使ったフレームワークを自作し、仮想DOMに入門する！ そして、ReactやVue.jsを単なるブラックボックスのフレームワークではなく、中身を理解して使えるようになることを、当記事の目標とする。 フレームワークが完成すると以下のようなWebアプリケーションがつくれるようになる。 TOC 記事が長くなりそうなのでも目次 そもそもDOMとは？ D
React for the Angular Dev – Austin – Medium
PrefaceAngular and React have dominated the landscape of JavaScript frameworks for some time now. Chances are you probably picked one that suited your needs best and probably stuck with it; after all humans don’t really like change. This article is for those who have been working in Angular and haven’t had a chance to venture into other frameworks and try them out. Before we get started, I want to
Handling Errors in JavaScript: The Definitive Guide
Following up on my last article, I want to talk about Errors. Errors are good — I’m sure you’ve heard that before. At first sight we fear Errors, because they often include being hurt or feeling humiliated in public. By doing Errors, we actually learn how not to do something and how to do it better next time. This obviously is about learning from Errors (mistakes) in real life. Errors in programmi
Inlining or Caching? Both Please! | Filament Group, Inc., Boston, MA
Inlining or Caching? Both Please! Posted by Scott Jehl 11/13/2018 Last week, I was finishing a section of my slides for a presentation at the Performance.Now() conference. In it, I was exploring patterns that enable the browser to render a page as fast as possible by including code alongside the initial HTML so that the browser has everything it needs to start rendering the page, without making ad
The Three Types of Performance Testing – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
27 October, 2018 The Three Types of Performance Testing Written by Harry Roberts on CSS Wizardry. Table of Contents Independent writing is brought to you via my wonderful Supporters. Proactive Reactive Passive What This Means for Developers What This Means for the Business A lot of companies—even if they are aware that performance is key to their business—are often unsure of how, when, or where pe
The Accessibility Object Model (AOM) 日本語訳
The Accessibility Object Model (AOM) 日本語訳 このJavaScript APIを作る努力の目的は、開発者にHTMLページのアクセシビリティツリーの変更（ついには探索まで）を許可するためである。 編集者: Alice Boxhall, Google, aboxhall@google.com James Craig, Apple, jcraig@apple.com Dominic Mazzoni, Google, dmazzoni@google.com Alexander Surkov, Mozilla, surkov.alexander@gmail.com 詳細 解説を読む 仕様を読む - 注:アップデートしていない Can I Use Chrome、Safari、Firefox のAOM対応状況 インタラクティブスライドデッキ (for Chrome)
Micro Frontends の理論と実践
-価値提供を高速化する真のマイクロサービスのあり方- / The Theory and Practice of Micro Frontends - Speaker Deck
AWS Dev Day Tokyo 2018でMicro Frontendsについて話したスライドです。 #MicroFrontends #マイクロフロントエンド
A Netflix Web Performance Case Study – Dev Channel – Medium
tl;dr: There are no silver bullets to web performance. Simple static pages benefit from being server-rendered with minimal JavaScript. Libraries can provide great value for complex pages when used with care. Netflix is one of the most popular video streaming services. Since launching globally in 2016, the company has found that many new users are not only signing up on mobile devices but are also
minfront: フロントエンド実験用のSPAボイラープレート - mizchi's blog
なんでそんな手が速いのか聞かれたので、最近使ってるSPAボイラープレートを紹介しておきます。 github.com $ git clone git@github.com:mizchi-sandbox/minfront.git --depth 1 myspa $ cd myspa $ yarn install $ yarn dev # Start app server 終わり。 src/main.tsx か src/index.html を編集して、 yarn build && yarn deploy で netlify にアップロードできます。(要 netlify アカウント) こんな感じ https://gallant-yalow-997008.netlify.com プロダクションで使えるちゃ使えるかもしれないけど、議論の余地があるようなものを含まない最小構成。 含まれるもの yarn
Web High Level Shading Language | WebKit
This article is introducing a new graphics shading language for the Web named Web High Level Shading Language (WHLSL, pronounced “whistle”). The language is insprired by HLSL, the dominant shading language for graphics app developers. It extends HLSL for the Web platform to be safe and secure. It’s easy to read and write, and is well-specified using formal techniques. Background Over the past few
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - google/js-green-licenses: JavaScript package.json License Checker
GitHub - heyscrumpy/tiptap: A rich-text editor for Vue.js
GitHub - plv8/plv8: V8 Engine Javascript Procedural Language add-on for PostgreSQL
GitHub - google/model-viewer: Easily display interactive 3D models on the web and in AR!
GitHub - WICG/file-system-access: Expose the file system on the user’s device, so Web apps can interoperate with the user’s native applications.
GitHub - bryanbraun/anchorjs: Add deep anchor links to your docs.
GitHub - Evercoder/culori: A comprehensive color library for JavaScript.
GitHub - GoogleChromeLabs/jsbi: JSBI is a pure-JavaScript implementation of the official ECMAScript BigInt proposal.
