2017-01-04のJS

StealJS 1.0 Release

開発時は動的なモジュールローダで、本番時はsteal-toolsでのproduction buildでbundleできるStealJS 1.0リリース

Optimizing Page Speeds With Lazyloading | Jscrambler Blog

AngularのルーティングとコンポーネントのLazyLoadについて

Lazy Loading - React

webpack2を使ったReactコンポーネントのLazyLoad方法についてのドキュメント

FlowtypeでFluxアーキテクチャに型付けをするという発表をした - Please Drive Faster

FlowTypeを使ってFluxアーキテクチャのパターンに型を付ける話

Node.js Interview Questions and Answers (2017 Edition) | @RisingStack

Node.jsにおいて良くある質問とその答えについてをQ&A形式で書かれたもの。 コーディングスタイル、よくある書き間違い、セキュリティ、タイミング攻撃などについて

React Interview Questions

Reactについての疑問をQ&A形式で書かれた記事。 Classで書くコンポーネントと関数として書くコンポーネントの違い、refsとは何か、key属性はなぜ大事なのか、コンポーネントパターンなど

Writing HTML with accessibility in mind – Medium

HTMLとアクセシビリティ(スクリーンリーダー)について lang属性、alt属性、<buton>要素、landmarksについて

PostCSS まとめ - Qiita

PostCSSの概要と特徴、作られたモチベーションについて

Front-End Performance Checklist 2017 (PDF, Apple Pages) – Smashing Magazine

ウェブフロントエンドのパフォーマンスチェックリスト。 ファイルサイズ、配信方法、レンダリング、モニタリング、テスト方法などについて

The Reflect API of ES6 – Zsolt Nagy

Reflect APIについての紹介記事

MozAnime in 2016 | Nothing new

2016年におけるFirefoxのWeb Animations対応やデバッグ機能の更新点について

Optimise your web development workflow 2016

Chromeの開発者ツールについてのスライド。 主にCSS、アクセシビリティ、パフォーマンスについて豊富なGIFアニメーションと共に紹介している。

Fuse-Box bundler / API Reference

webpack/Browserifyのようなbundler、JSPM/SystemJSのようなloaderを機能を持つツール。 変換結果の依存関係とキャッシュをすることで高速な変換ができる。 プラグインで対応する変換を拡張できる

Gothdo/range: A JavaScript implementation of the Python&#x27;s range() function.

Pythonのrange()のJavaScript実装ライブラリ

andywer/leakage: 🐛 Memory leak testing for node.

Node.jsでメモリリークのテストを書くことができるライブラリ。

nolanlawson/marky: High-resolution JavaScript timer based on performance.mark() and measure()

User Timing API(performance.markperformance.measure)ベースの処理時間計測ライブラリ

maniart/diffyjs: A dependency-free motion detection library for the browser

MediaDevices.getUserMedia()を使って取得した画像から、フレームごとの動きのdiffを取得できるライブラリ。 motion detectionライブラリ