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.lock
のresolved
フィールドで、そのモジュールの場所(URLやパス)を指定できます。つまり、このresolved
フィールドを相対パスにすれば、ローカルからモジュールを取ってきてオフラインインストールができる仕組みです。
.yarnrc
のyarn-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に関する話をしたい など
- https://github.com/jser/jser.info/issues/89
- こういう発表したい事前予告もありです
イベントページ(まだない)での募集開始は12月中旬ぐらいを予定しています。
ヘッドライン
Release v2.1.0 · vuejs/vue
github.com/vuejs/vue/releases/tag/v2.1.0
Vue.js 2.1.0リリース。
Scoped Slots、v-else-if
、dist
以下のファイルの変更、JSX対応の改善、サーバサイドレンダリングの際にprocess.env.VUE_ENV=server
は不要になるなど
大変お待たせしました。Vue.js 2.0 公式ドキュメントの日本語サイトリリースしました!最新バージョン 2.1 まで対応しています。今回の翻訳プロジェクトにご協力頂いた方には大変感謝です!ありがとうございました! https://t.co/nCleWsMtft #vuejs
— 🐤kazuya kawaguchi🐤 (@kazu_pon) 2016年11月23日
ESLint v3.11.0 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2016/11/eslint-v3.11.0-released
ESLint v3.11.0リリース。
capitalized-comments
、require-await
のルールを追加など
Node v7.2.0 (Current) | Node.js
nodejs.org/en/blog/release/v7.2.0/
Node v7.2.0リリース。
Windows向けのセキュリティリリース、process.memoryUsage().external
の追加など
Release notes · Riot.js
riotjs.com/release-notes/#november-22-2016
Riot.js 3.0リリース
アーティクル
Running Yarn offline | Yarn
yarnpkg.com/blog/2016/11/24/offline-mirror
yarnをオフラインで使う方法や、オフラインのミラーをリポジトリに含める方法について
How CSS pseudo-classes work, explained with code and lots of diagrams
medium.freecodecamp.com/explained-css-pseudo-classes-cef3c3177361
:*-of-type
と:*-child
などの擬似クラスについての分かりやすい図解
ES6 Iterators and Generators in Practice – Zsolt Nagy
www.zsoltnagy.eu/es6-iterators-and-generators-in-practice/
Iterator、Iterable、Generatorについて。
サンプルコード中心でどのような挙動になるかを解説してる
DasSur.ma – How to read web specs Part IIa – Or: ECMAScript Symbols
dassur.ma/things/reading-specs-2/
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 2.0のBuilt-In Typeについて。
--lib
オプションで含めるビルトインのlibを指定できる
Understanding JavaScript Micro-Templating – Medium
medium.com/@zfrisch/understanding-javascript-micro-templating-f37a37b3b40e
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 1.xと2.0βのビルドサイズやビルド時間(prod/dev)の比較
Advanced Data Tables in React
techblog.commercetools.com/advanced-data-tables-in-react-dbe33f8345ab
Reactのgridライブラリの比較まとめ
An Introduction to mo.js | CSS-Tricks
css-tricks.com/introduction-mo-js/
宣言的なアニメーションライブラリであるmo.jsについてのチュートリアル
katatema.js - ✘╹◡╹✘
r7kamura.hatenablog.com/entry/2016/11/24/030101
Next.jsみたいな形でディレクトリにReactのコンポーネントを置くとHTMLにそれぞれ変換できるツール
スライド、動画関係
React at Product Hunt // Speaker Deck
speakerdeck.com/rstankov/react-at-product-hunt
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とはどのような特徴を持っているかという入門者向けの紹介。
非同期I/O、Stream、エラーハンドリング、ネイティブモジュールについて
サイト、サービス、ドキュメント
CSS Reference - A free visual guide to the most popular CSS properties.
CSSリファレンスサイト。
それぞれのプロパティを当てた結果を表示してくれている
ソフトウェア、ツール、ライブラリ関係
Feature.js
Modernizrのように色々な機能が利用できるかを一括で判定するライブラリ
Reframe.js
dollarshaveclub.github.io/reframe.js
iframeなどの埋め込み要素をレスポンシブルに扱うライブラリ
immutable-css
A CSS linter for immutable selectors.
セレクタのoverrideをチェックするLintツール
nuxt/nuxt.js: A minimalistic framework for server-rendered Vue.js applications (inspired by Next.js)
Next.jsインスパイアのVue.js向けサーバサイドレンダリングフレームワーク