Fork me on GitHub

2016-11-29のJS: Node.js v7.2.0、Yarnでオフラインインストール

Edit on GitHub 編集履歴を見る

JSer.info #307 - Node v7.2.0がリリースされました。
Windows 10ユーザー向けにはセキュリティ修正も含まれています。

Weekly Update - November 24th, 2016によると、Node.jsのコードカバレッジを見られるNode.js Nightly Code Coverageが追加されています。
また、Node.js v7のベンチマークも含めたNode.js Benchmarksが公開されています。

ベンチマークに興味がある人はBenchmarking Work Groupを見てみるといいかもしれません。


Running Yarn offlineという記事では、Yarnを使ったオフラインインストールについて書かれています。

Yarnではyarn.lockresolvedフィールドで、そのモジュールの場所(URLやパス)を指定できます。つまり、このresolvedフィールドを相対パスにすれば、ローカルからモジュールを取ってきてオフラインインストールができる仕組みです。

.yarnrcyarn-offline-mirrorの設定で、オフラインミラー用のモジュールの保存先を指定できるので、これを利用してプロジェクトの下にモジュールのキャッシュを保存する手法について書かれています。

Many Facebook teams, including the React Native team, decided to check in their “Offline mirror”.

この記事で興味深いところは、FacebookではこのOffline mirrorをバージョン管理下に含めて利用している点です。

最近iOS(CocoaPodsとCarthageというパッケージ管理ツール)でも同様の議論があったので、プロジェクトにおける依存モジュールの扱い方は変化してきているのかもしれません。


お知らせ

JSer.info 6周年と300回目記念イベントを2017年1月15日(日)にやる予定です。

JSer.info 5周年記念イベントのようなイベントになると思いますが、まだ何やるかがしっかり決まってはいません。

是非こういうことをやりたいということがあればIssueなどに書き込んでください。

例) 死にゆくFlashに関する話をしたい など

イベントページ(まだない)での募集開始は12月中旬ぐらいを予定しています。


ヘッドライン


Release v2.1.0 · vuejs/vue

github.com/vuejs/vue/releases/tag/v2.1.0

JavaScript library ReleaseNote

Vue.js 2.1.0リリース。
Scoped Slots、v-else-ifdist以下のファイルの変更、JSX対応の改善、サーバサイドレンダリングの際にprocess.env.VUE_ENV=serverは不要になるなど


ESLint v3.11.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2016/11/eslint-v3.11.0-released

ESLint ReleaseNote

ESLint v3.11.0リリース。
capitalized-commentsrequire-awaitのルールを追加など


Node v7.2.0 (Current) | Node.js

nodejs.org/en/blog/release/v7.2.0/

node.js ReleaseNote security

Node v7.2.0リリース。
Windows向けのセキュリティリリース、process.memoryUsage().externalの追加など


Release notes · Riot.js

riotjs.com/release-notes/#november-22-2016

JavaScript library ReleaseNote

Riot.js 3.0リリース


アーティクル


Running Yarn offline | Yarn

yarnpkg.com/blog/2016/11/24/offline-mirror

npm

yarnをオフラインで使う方法や、オフラインのミラーをリポジトリに含める方法について


How CSS pseudo-classes work, explained with code and lots of diagrams

medium.freecodecamp.com/explained-css-pseudo-classes-cef3c3177361

CSS

:*-of-type:*-childなどの擬似クラスについての分かりやすい図解


ES6 Iterators and Generators in Practice – Zsolt Nagy

www.zsoltnagy.eu/es6-iterators-and-generators-in-practice/

JavaScript ECMAScript

Iterator、Iterable、Generatorについて。
サンプルコード中心でどのような挙動になるかを解説してる


DasSur.ma – How to read web specs Part IIa – Or: ECMAScript Symbols

dassur.ma/things/reading-specs-2/

ECMAScript spec

ECMAScriptの仕様をどうやって読んでいくかについて。
@@iteratorとは何か?というところからSymbolの仕様を見ていく話


TypeScript 2.0: Built-In Type Declarations | Marius Schulz

blog.mariusschulz.com/2016/11/25/typescript-2-0-built-in-type-declarations

TypeScript

TypeScript 2.0のBuilt-In Typeについて。
--libオプションで含めるビルトインのlibを指定できる


Understanding JavaScript Micro-Templating – Medium

medium.com/@zfrisch/understanding-javascript-micro-templating-f37a37b3b40e

JavaScript template

John Resig製の140bytesで動くMicro Templatingがどのような仕組みで動いているのかを見ていく記事。
Functionコンストラクタ、正規表現など構成要素を丁寧に解説してる


The numbers on Webpack 1 vs 2 – Medium

medium.com/@u_glow/the-numbers-on-webpack-1-vs-2-7f457bb4658c

webpack

webpack 1.xと2.0βのビルドサイズやビルド時間(prod/dev)の比較


Advanced Data Tables in React

techblog.commercetools.com/advanced-data-tables-in-react-dbe33f8345ab

React library

Reactのgridライブラリの比較まとめ


An Introduction to mo.js | CSS-Tricks

css-tricks.com/introduction-mo-js/

JavaScript animation library

宣言的なアニメーションライブラリであるmo.jsについてのチュートリアル


katatema.js - ✘╹◡╹✘

r7kamura.hatenablog.com/entry/2016/11/24/030101

React webpack Tools HTML

Next.jsみたいな形でディレクトリにReactのコンポーネントを置くとHTMLにそれぞれ変換できるツール


スライド、動画関係


React at Product Hunt // Speaker Deck

speakerdeck.com/rstankov/react-at-product-hunt

JavaScript スライド

ProductHuntのJavaScript変遷についてのスライド。
jQuery -> Backbone -> React + Redux。
Duxyを使ったRest APIの操作についてなど


azat-co/you-dont-know-node: You Don't Know Node.js

github.com/azat-co/you-dont-know-node

node.js tutorial

Node.jsとはどのような特徴を持っているかという入門者向けの紹介。
非同期I/O、Stream、エラーハンドリング、ネイティブモジュールについて


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


cssreference.io/

CSS リファレンス

CSSリファレンスサイト。
それぞれのプロパティを当てた結果を表示してくれている


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


Feature.js

featurejs.com/

JavaScript library

Modernizrのように色々な機能が利用できるかを一括で判定するライブラリ


Reframe.js

dollarshaveclub.github.io/reframe.js

JavaScript library

iframeなどの埋め込み要素をレスポンシブルに扱うライブラリ


immutable-css

immutablecss.com/

CSS Tools

A CSS linter for immutable selectors.

セレクタのoverrideをチェックするLintツール


nuxt/nuxt.js: A minimalistic framework for server-rendered Vue.js applications (inspired by Next.js)

github.com/nuxt/nuxt.js

JavaScript library

Next.jsインスパイアのVue.js向けサーバサイドレンダリングフレームワーク


この記事へ修正リクエストをする
JSer.info Slackに参加する