Fork me on GitHub

2016-10-18のJS: JS Foundation、npmクライアントのyarn

Edit on GitHub 編集履歴を見る

JSer.info #301 - Linux Foundationの一つとしてJS Foundationができたそうです。

元はjQuery Foundationなので、JavaScriptのオープンソースプロジェクトの開発支援などが目的で設立されたようです。


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

JavaScript DOM library ReleaseNote

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 ReleaseNote

ESLint 3.8.0リリース。
executeOnFiles()の結果のsourceプロパティにソースコードを含められるように、新しいルールの追加や修正など


Angular 2.1.0 Now Available

angularjs.blogspot.com/2016/10/angular-210-now-available.html

AngularJS ReleaseNote

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 ReleaseNote

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

js.foundation/announcements/2016/10/17/Linux-Foundation-Unites-JavaScript-Community-Open-Web-Development/

JavaScript jQuery

jQuery FoundationはJS Foundationになった。


Node v6.8.0 (Current) | Node.js

nodejs.org/en/blog/release/v6.8.0/

node.js ReleaseNote

Node v6.8.0リリース。
fs.existsSyncがdeprecatedではなくなった。http.requesttimeoutオプションを受け取れるようになるなど


アーティクル


Exploring JavaScript: Typed Arrays

codingbox.io/exploring-javascript-typed-arrays-c8fd4f8bd24f

JavaScript

Typed Arraysについての入門的な解説


Introduction to HTTP/2 | Web | Google Developers

developers.google.com/web/fundamentals/performance/http2/

HTTP2 tutorial

HTTP/2入門記事。 HTTP/2の概要が簡潔にまとまっている


JavaScriptの配列のパターン | Web Scratch

efcl.info/2016/10/11/array-patterns/

JavaScript ECMAScript

ES2015+をベースにした配列のパターンについて。 indexOf(x) === -1とか使わなくていいパターンや代替となる方法などについてサンプルコードを中心にかかれている


AbemaTV の番組表リニューアルに伴うパフォーマンス改善 - Qiita

qiita.com/keyi8773/items/f435f062afa7c5dc8e13

JavaScript DOM React

無限スクロール系のUIパフォーマンスの改善について。
レンダリングの改善、position: relativeによる意図しないレイヤーが作成される問題、スロットリングなどの低減策についてなど


アメブロ2016 ~ React/ReduxでつくるIsomorphic web app ~ | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ

developers.cyberagent.co.jp/blog/archives/636/

React redux JavaScript

アメブロを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 デザインパターン

JavaScriptでのコマンドパターンについて


Vue.js入門 ―最速で作るシンプルなWebアプリケーション:連載|gihyo.jp … 技術評論社

gihyo.jp/dev/serial/01/vuejs

JavaScript library

Vue.jsについての連載


スライド、動画関係


モダン日本語フォント指定 // Speaker Deck

speakerdeck.com/tacamy/modanri-ben-yu-huontozhi-ding

CSS fonts

CSSのfont-familyについてのスライド。
OSやブラウザでfontの情報が異なるため、@font-faceを使い定義するという話


サイト、サービス、ドキュメント


JSPerf - Community Driven JavaScript Performance Benchmarks

jsperf.co/

JavaScript performance

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

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

Node.js 7.xでasync/awaitを有効にするデモ


ソフトウェア、ツール、ライブラリ関係


Yarn

yarnpkg.com/

npm node.js Tools

npmクライアントツール。
package.jsonの扱いは既存のnpmと互換を持つ。
キャッシュや並列処理を行い高速なインストール、yarn.lockを使った依存バージョン固定を正確に行える。


naptha/tesseract.js: Pure Javascript OCR for 62 Languages

github.com/naptha/tesseract.js

JavaScript OCR library

tesseract OCRのJavaScript port。
ブラウザやNodeでOCRできるライブラリ


書籍関係


getify/Functional-Light-JS: A book about functional programming in JavaScript.

github.com/getify/Functional-Light-JS

JavaScript 関数型プログラミング ebook

関数型JavaScriptについての無料の書籍


この記事へ修正リクエストをする
記事を紹介する