JSer.info #301 - Linux Foundationの一つとしてJS Foundationができたそうです。
元はjQuery Foundationなので、JavaScriptのオープンソースプロジェクトの開発支援などが目的で設立されたようです。
The jQuery Foundation is now the JS Foundation, you can follow the Foundation on @the_jsf and the jQuery project here on @jquery!
— jquery (@jquery) October 17, 2016
Yarnというnpmクライアントがリリースされました。
npmのモジュールを管理するコマンドラインツールとして同名のnpmがありますが、yarnは後者のコマンドラインツールの実装です。
package.jsonの扱いは既存のnpmと互換性を持つためJavaScriptのエコシステム自体は同様です。(Bowerはこれを分割してしまった)
特徴としてキャッシュや並列処理を行い高速なインストール、またyarn.lockを使った依存バージョン固定をデフォルトで行います。
コマンドラインのインタフェースの互換性は目的ではないですが、以下にコマンドの比較がまとめられています。
ヘッドライン
jsdom/Changelog.md at 9.7.1 · tmpvar/jsdom
github.com/tmpvar/jsdom/blob/9.7.1/Changelog.md
jsdom 9.7.0リリース。
EventListenerOptionsのサポート、document.hasFocus()のサポートなど
ESLint v3.8.0 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2016/10/eslint-v3.8.0-released
ESLint 3.8.0リリース。
executeOnFiles()の結果のsourceプロパティにソースコードを含められるように、新しいルールの追加や修正など
Angular 2.1.0 Now Available
angularjs.blogspot.com/2016/10/angular-210-now-available.html
Angular 2.1.0リリース。
Routerがpreloadingのサポートなど
Release Notes for Safari Technology Preview 15 | WebKit
webkit.org/blog/6987/release-notes-for-safari-technology-preview-15/
Safari Technology Preview Release 15リリース。
El Capitan向けの最後のリリース、Fetch APIの改善、download属性のサポート、DOMTokenList.prototype.supports()のサポートなど
The Linux Foundation Unites JavaScript Community for Open Web Development | The JS Foundation
jQuery FoundationはJS Foundationになった。
- JS Foundation (@the_jsf) | Twitter
- jquery on Twitter: The jQuery Foundation is now the JS Foundation, you can follow the Foundation on @the_jsf and the jQuery project here on @jquery!
Node v6.8.0 (Current) | Node.js
nodejs.org/en/blog/release/v6.8.0/
Node v6.8.0リリース。
fs.existsSyncがdeprecatedではなくなった。http.requestがtimeoutオプションを受け取れるようになるなど
アーティクル
Exploring JavaScript: Typed Arrays
codingbox.io/exploring-javascript-typed-arrays-c8fd4f8bd24f
Typed Arraysについての入門的な解説
Introduction to HTTP/2 | Web | Google Developers
developers.google.com/web/fundamentals/performance/http2/
HTTP/2入門記事。 HTTP/2の概要が簡潔にまとまっている
JavaScriptの配列のパターン | Web Scratch
efcl.info/2016/10/11/array-patterns/
ES2015+をベースにした配列のパターンについて。 indexOf(x) === -1とか使わなくていいパターンや代替となる方法などについてサンプルコードを中心にかかれている
AbemaTV の番組表リニューアルに伴うパフォーマンス改善 - Qiita
qiita.com/keyi8773/items/f435f062afa7c5dc8e13
無限スクロール系のUIパフォーマンスの改善について。
レンダリングの改善、position: relativeによる意図しないレイヤーが作成される問題、スロットリングなどの低減策についてなど
アメブロ2016 ~ React/ReduxでつくるIsomorphic web app ~ | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ
developers.cyberagent.co.jp/blog/archives/636/
アメブロをReact/Reduxでサーバサイドレンダリングの構造に移行するまでの話。
ツール環境、CSS、アクセシビリティ、レンダリングについてなど
Undo Functionality with the Command Pattern in JavaScript — Pyred
pyred.net/coding/2016/10/12/undo-functionality-with-the-command-pattern-in-javascript
JavaScriptでのコマンドパターンについて
Vue.js入門 ―最速で作るシンプルなWebアプリケーション：連載｜gihyo.jp … 技術評論社
Vue.jsについての連載
スライド、動画関係
モダン日本語フォント指定 // Speaker Deck
speakerdeck.com/tacamy/modanri-ben-yu-huontozhi-ding
CSSのfont-familyについてのスライド。
OSやブラウザでfontの情報が異なるため、@font-faceを使い定義するという話
サイト、サービス、ドキュメント
JSPerf - Community Driven JavaScript Performance Benchmarks
JavaScriptのコードのパフォーマンス計測サイト。
jsperf.com と似たような感じのサイト。
データはGitHubへ自動的にコミットされ、Jekyllを使った静的サイトとして配信されてる。
emartech/angular2-phonecat: Angular 2 port of the original Angular Phonecat application with Webpack
github.com/emartech/angular2-phonecat
AngularJS 2にPhonecatを移植したもの
pauliusuza/node-v7-async-await-demo: Node.js 7.x async / await support demonstration
github.com/pauliusuza/node-v7-async-await-demo
Node.js 7.xでasync/awaitを有効にするデモ
ソフトウェア、ツール、ライブラリ関係
Yarn
npmクライアントツール。
package.jsonの扱いは既存のnpmと互換を持つ。
キャッシュや並列処理を行い高速なインストール、yarn.lockを使った依存バージョン固定を正確に行える。
- Yarn: A new package manager for JavaScript | Engineering Blog | Facebook Code
- The npm Blog — Hello, Yarn!
- Migrating from npm | Yarn
naptha/tesseract.js: Pure Javascript OCR for 62 Languages
github.com/naptha/tesseract.js
tesseract OCRのJavaScript port。
ブラウザやNodeでOCRできるライブラリ
- Compile to EMScripten/asm.js · Issue #75 · tesseract-ocr/tesseract
- tesseract-ocr/tesseract: Tesseract Open Source OCR Engine (main repository)
書籍関係
getify/Functional-Light-JS: A book about functional programming in JavaScript.
github.com/getify/Functional-Light-JS
関数型JavaScriptについての無料の書籍
