GitHub - paulsonnentag/swip: a library to create multi device experimentsYou 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
Modular JavaScript Book Series
Let’s improve our collective understanding of writing robust, well-tested, modular JavaScript code. Modular JavaScript is an open effort to improve our collective understanding of writing robust, well-tested & modular applications. It consists of five books, each of which explores a key aspect of JavaScript development — comprehensively. The books are produced in the open: anyone can track their p
入力ハンドラをデバウンスする | Articles | web.dev
入力ハンドラをデバウンスする コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 入力ハンドラは、フレームの完了をブロックしたり、不要なレイアウト処理を追加したりする可能性があるため、アプリのパフォーマンスの問題の原因となる可能性があります。 入力ハンドラは、フレームの完了をブロックしたり、不要な追加レイアウト処理を引き起こしたりする可能性があるため、アプリのパフォーマンスの問題の原因となる可能性があります。 概要 長時間実行される入力ハンドラは、スクロールをブロックする可能性があるため、使用しないでください。 入力ハンドラでスタイルを変更しないでください。 ハンドラをデバウンスします。イベント値を保存し、次の requestAnimationFrame コールバックでスタイル変更を処理します。 長時間実行される入力ハンドラを回避する 最速の場合、ユーザーがペ
クリティカル レンダリング パスを測定する | Articles | web.dev
クリティカル レンダリング パスを測定する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 公開日: 2014 年 3 月 31 日 優れたパフォーマンス戦略の基盤となるのは、適切な測定と計測です。測定できないものは最適化できません。このガイドでは、クリティカル レンダリング パス（CRP）のパフォーマンスを測定するさまざまなアプローチについて説明します。 Lighthouse のアプローチでは、ページに対して一連の自動テストを実行し、ページの CRP パフォーマンスに関するレポートを生成します。このアプローチでは、ブラウザに読み込まれた特定のページの CRP パフォーマンスの概要をすばやく簡単に把握できるため、パフォーマンスのテスト、反復、改善を迅速に行うことができます。 Navigation Timing API のアプローチでは、リアルユーザー モニ
JavaScriptにおけるメソッドとは何か、Proxyと__noSuchMethod__から理解する - Qiita
この記事について JavaScriptにおける「メソッド」は、他のオブジェクト指向言語と比較すると、やや特殊な存在です。 この記事では、ES2015で追加された新機能 Proxy と、かつてFirefoxに存在した独自拡張機能 __noSuchMethod__ の説明を通して、JavaScriptのメソッドの性質について考察します。 導入：Proxyではメソッド呼び出しに割り込めない ES2015（ES6）から導入されたProxyを使用すると、オブジェクトに対する様々な操作に対して、自由に処理を割り込ませることができます。 たとえば、プロパティの値が取得・変更されたときにログをとるには、次のようにします。 function propertyLogger(obj) { return new Proxy(obj, { get: function(target, name, receiver)
TypeScript+mocha+power-assert+empowerでカバレッジをとってついでにCircleCI+Codecov - Write and Run
表題のとおりだが、更に CircleCI のビルドを高速化するために yarn を使うぞ。 やりたいこと 最新の TypeScript を使う 1.8 とか使わない テストコードも TypeScript で書く empower する 明示的に require('power-assert') しない source map が生きてる状態でカバレッジを取る TypeScript の行ベースで結果が出る やりたくないこと 中間ファイルの生成 やっていく ガンガン入れる。 yarn add --dev typescript ts-node babel-register babel-preset-power-assert power-assert mocha nyc @types/mocha @types/node この状態で、 mocha --compilers ts:ts-node/regist
Client-side JS for infeed layout native ad at fluct SSP - Speaker Deck
All slide content and descriptions are owned by their creators.
Next.js - Vercel
This blog post will go into the philosophy and design decisions of the project. To learn how to use Next.js instead, please refer to the README, where you can learn the entirety of the tool's capabilities in just a few minutes. First we'll dive into the background of the project and then describe 6 basic principles: Zero setup. Use the filesystem as an API Only JavaScript. Everything is a function
Capture form validation back from the browser - Hyperform - Capture form validation back from the browser
Capture form validation back from the browser Hyperform is a complete implementation of the HTML 5 form validation API in Javascript. It replaces or polyfills the browser’s native methods and eases your validation task with custom events and hooks. Hyperform is neatly packed in a single Javascript file, weights only 36kB (10.3kB gzipped!) and includes: a full, working and compliant implementation
TestCafeでブラウザの自動テスト(E2Eテスト)
TestCafeという自動テストフレームワーク(いわゆるE2Eテストフレームワークジャンルとしておきます)を試してみました。 TestCafeの特徴としては、Seleniumを使っていないこと、設定ファイルなしで利用できる点です。 Seleniumを使ったテストフレームワークとしては、Protractor、testium、WebdriverIOなどがあります。 (Seleniumを使わない他のテストフレームワークだとNightmareなど) Seleniumを使わずにどうやって自動的にブラウザを操作するかというと、中継サーバーを起動してそこにテストコードなどを追加して動かすことができるSelenium RC(1)方式に近いものだと思います。 同名のウェブサービス/クライアントアプリも出していて、こちらはSelenium IDEのようにGUIで操作して記録したものを再生などができます。 なぜ
Redirecting…
Redirecting… Click here if you are not redirected.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - kolodny/immutability-helper: mutate a copy of data without changing the original source
Amazon.co.jp: 関数型プログラミングの基礎 JavaScriptを使って学ぶ: 立川察理 (著), 長瀬嘉秀 (監修): 本
GitHub - taichi/ci-yarn-upgrade: Keep NPM dependencies up-to-date with CI, providing version-to-version diff for each library
GitHub - devrelm/resize-observer
GitHub - Raynos/jsig: From scratch type-checker
GitHub - bilibili/flv.js: HTML5 FLV Player
Polymer Summit 2016
GitHub - jgraph/mxgraph: mxGraph is a fully client side JavaScript diagramming library
GitHub - jgraph/drawio: draw.io is a JavaScript, client-side editor for general diagramming.
